diff --git a/server/utils/oidc-provider.ts b/server/utils/oidc-provider.ts index 19fa7b7..e67e6fa 100644 --- a/server/utils/oidc-provider.ts +++ b/server/utils/oidc-provider.ts @@ -72,32 +72,35 @@ function guildPageShell(title: string, bodyContent: string, extraStyles = "") { .subtext { font-size: 0.875rem; color: #6b5f4d; } .btn-primary { display: inline-block; - background-color: #9a6f2c; - color: #f0ebe4; + background-color: #d09e4e; + color: #1a1510; padding: 0.625rem 1.5rem; border-radius: 6px; border: none; font-size: 0.875rem; - font-weight: 600; + font-weight: 700; cursor: pointer; text-decoration: none; transition: background-color 0.15s; } - .btn-primary:hover { background-color: #b8862f; } + .btn-primary:hover { background-color: #e0b86e; } .btn-secondary { display: inline-block; background-color: transparent; - color: #bfb3a2; + color: #f0ebe4; padding: 0.625rem 1.5rem; border-radius: 6px; - border: 1px solid rgba(154, 111, 44, 0.3); + border: 1px solid rgba(208, 158, 78, 0.4); font-size: 0.875rem; - font-weight: 500; + font-weight: 400; cursor: pointer; text-decoration: none; - transition: border-color 0.15s; + transition: border-color 0.15s, color 0.15s; + } + .btn-secondary:hover { + border-color: rgba(224, 184, 110, 0.6); + color: #f5e6c5; } - .btn-secondary:hover { border-color: rgba(154, 111, 44, 0.5); } .actions { display: flex; gap: 0.75rem; justify-content: center; margin-top: 1.5rem; } .brand { margin-top: 2rem; @@ -125,7 +128,6 @@ function guildPageShell(title: string, bodyContent: string, extraStyles = "") {
${bodyContent} -
Ghost Guild
`;