Template:BrandEntryStyles.css: Difference between revisions
Fix dark mode with broader selector coverage (via update-page on MediaWiki MCP Server) |
Fix dark mode selector to match Stub template pattern: html.skin-theme-clientpref-night (via update-page on MediaWiki MCP Server) |
||
| (One intermediate revision by the same user not shown) | |||
| Line 45: | Line 45: | ||
} | } | ||
/* | /* ===== DARK MODE - User preference ===== */ | ||
html | |||
html.skin-theme-clientpref-night .brand-entry { | |||
.skin- | |||
background: #1e293b; | background: #1e293b; | ||
border-color: #3b82f6; | border-color: #3b82f6; | ||
| Line 55: | Line 53: | ||
} | } | ||
html | html.skin-theme-clientpref-night .brand-entry:hover { | ||
.skin- | |||
background: #1e3a5f; | background: #1e3a5f; | ||
border-color: #60a5fa; | border-color: #60a5fa; | ||
| Line 64: | Line 59: | ||
} | } | ||
html | html.skin-theme-clientpref-night .brand-entry-count { | ||
.skin- | |||
color: #94a3b8; | color: #94a3b8; | ||
} | } | ||
/* | /* ===== DARK MODE - OS preference ===== */ | ||
@media (prefers-color-scheme: dark) { | @media (prefers-color-scheme: dark) { | ||
.brand-entry { | html.skin-theme-clientpref-os .brand-entry { | ||
background: #1e293b; | background: #1e293b; | ||
border-color: #3b82f6; | border-color: #3b82f6; | ||
color: #60a5fa; | color: #60a5fa; | ||
} | } | ||
.brand-entry:hover { | html.skin-theme-clientpref-os .brand-entry:hover { | ||
background: #1e3a5f; | background: #1e3a5f; | ||
border-color: #60a5fa; | border-color: #60a5fa; | ||
box-shadow: 0 10px 15px -3px rgba(96, 165, 250, 0.3), 0 4px 6px -4px rgba(96, 165, 250, 0.2); | box-shadow: 0 10px 15px -3px rgba(96, 165, 250, 0.3), 0 4px 6px -4px rgba(96, 165, 250, 0.2); | ||
} | } | ||
.brand-entry-count { | html.skin-theme-clientpref-os .brand-entry-count { | ||
color: #94a3b8; | color: #94a3b8; | ||
} | } | ||
} | } | ||
