diff --git a/templates/style.css b/templates/style.css index 29db02f..f15214b 100644 --- a/templates/style.css +++ b/templates/style.css @@ -1,18 +1,18 @@ @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap'); :root { - --bg-color: #0f1116; - --container-bg: #171922; - --text-main: #e2e2e9; - --text-muted: #a1a1b5; + --bg-color: #181926; + --container-bg: #1e2030; + --lighter-bg: #24273a; + --text-main: #cad3f5; + --text-muted: #a5adcb; - --accent: #ff4d94; - --accent-glow: rgba(255, 77, 148, 0.3); - --accent-dark: #cc3d76; + --accent: #8aadf4; + --accent-glow: #c6a0f6; --code-bg: var(--container-bg); - --border-color: rgba(255, 255, 255, 0.1); - --selection-bg: rgba(255, 77, 148, 0.4); + --border-color: #494d64; + --selection-bg: rgba(91, 96, 120, 0.4); --radius-sm: 6px; --radius-md: 12px; @@ -77,7 +77,7 @@ a { } a:hover { - color: #ff80b3; + color: var(--accent-glow); text-shadow: 0 0 8px var(--accent-glow); } @@ -144,7 +144,7 @@ table { } th { - background: rgba(255, 77, 148, 0.1); + background: var(--lighter-bg); color: var(--accent); text-align: left; } @@ -155,7 +155,7 @@ th, td { } tr:nth-child(even) { - background: rgba(255, 255, 255, 0.02); + background: rgba(255, 255, 255, 0.025); } hr { @@ -224,7 +224,7 @@ nav { background: var(--container-bg); /* backdrop-filter: blur(var(--blur-amount)); */ /* -webkit-backdrop-filter: blur(var(--blur-amount)); */ - border-bottom: 1px solid var(--border-color); + border-bottom: 2px solid var(--border-color); padding: 1rem 2rem; display: flex; justify-content: space-between; @@ -239,10 +239,6 @@ nav a { transition: color 0.2s ease; } -nav a:hover { - color: var(--accent); -} - .btn { display: inline-block; color: #fff; @@ -255,11 +251,6 @@ nav a:hover { transition: background 0.2s ease; } -.btn:hover { - background-color: rgba(255, 255, 255, 0.05); - text-decoration: none; -} - .btn.disabled { color: var(--text-muted); cursor: not-allowed;