diff --git a/css/style.css b/css/style.css index d88f298..12cf773 100644 --- a/css/style.css +++ b/css/style.css @@ -1014,16 +1014,16 @@ tr:nth-child(even) td { --color-text-muted: #8b949e; --color-text-light: #6e7681; --color-border: #30363d; - + --color-accent: #58a6ff; --color-accent-hover: #3d84c2; - --color-accent-soft: #1a3550; + --color-accent-soft: #1f4d7a; --color-accent-dark: #79c0ff; - - --color-Tracking: #1e3a5f; + + --color-Tracking: #264e7d; --color-Revision: #134a29; --color-Status: #5c4a00; - --color-Title: #2d3440; + --color-Title: #3a4659; } } @@ -1036,16 +1036,26 @@ html[data-theme="dark"] { --color-text-muted: #8b949e; --color-text-light: #6e7681; --color-border: #30363d; - + --color-accent: #58a6ff; --color-accent-hover: #3d84c2; - --color-accent-soft: #1a3550; + --color-accent-soft: #1f4d7a; --color-accent-dark: #79c0ff; - - --color-Tracking: #1e3a5f; + + --color-Tracking: #264e7d; --color-Revision: #134a29; --color-Status: #5c4a00; - --color-Title: #2d3440; + --color-Title: #3a4659; +} + +/* Brand logo's navy bg-rect blends into the dark page bg; lift it. */ +@media (prefers-color-scheme: dark) { + :root:not([data-theme="light"]):not([data-theme="dark"]) .brand-logo > rect { + fill: #2a5a8a; + } +} +html[data-theme="dark"] .brand-logo > rect { + fill: #2a5a8a; } /* ── Pain badge dark mode ── */ diff --git a/index.html b/index.html index 20b66d5..2c746cb 100644 --- a/index.html +++ b/index.html @@ -18,7 +18,7 @@ .channel-row { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.75rem; font-size: 0.9rem; } .channel-row a { display: inline-block; padding: 0.25rem 0.625rem; border-radius: 999px; text-decoration: none; border: 1px solid var(--color-border); color: var(--color-text); } .channel-row a:hover { background: var(--color-bg-subtle); } - .channel-row .channel-stable { border-color: var(--color-primary); color: var(--color-primary); font-weight: 600; } + .channel-row .channel-stable { border-color: var(--color-accent); color: var(--color-accent); font-weight: 600; } .channel-row .channel-beta, .channel-row .channel-alpha { color: var(--color-text-muted); } .install-grid { display: grid; grid-template-columns: 1fr; gap: var(--spacing-md); margin-top: var(--spacing-md); } .install-card { padding: var(--spacing-md); border: 1px solid var(--color-border); border-radius: 8px; background: var(--color-bg-subtle); }