Template:BrandEntryStyles.css: Difference between revisions
Brand entry button styles with hover effects (via create-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) |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 45: | Line 45: | ||
} | } | ||
/* | /* ===== DARK MODE - User preference ===== */ | ||
.skin- | |||
html.skin-theme-clientpref-night .brand-entry { | |||
background: #1e293b; | background: #1e293b; | ||
border-color: #3b82f6; | border-color: #3b82f6; | ||
| Line 53: | Line 53: | ||
} | } | ||
.skin- | html.skin-theme-clientpref-night .brand-entry:hover { | ||
background: #1e3a5f; | background: #1e3a5f; | ||
border-color: #60a5fa; | border-color: #60a5fa; | ||
| Line 60: | Line 59: | ||
} | } | ||
.skin- | html.skin-theme-clientpref-night .brand-entry-count { | ||
color: #94a3b8; | color: #94a3b8; | ||
} | |||
/* ===== DARK MODE - OS preference ===== */ | |||
@media (prefers-color-scheme: dark) { | |||
html.skin-theme-clientpref-os .brand-entry { | |||
background: #1e293b; | |||
border-color: #3b82f6; | |||
color: #60a5fa; | |||
} | |||
html.skin-theme-clientpref-os .brand-entry:hover { | |||
background: #1e3a5f; | |||
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); | |||
} | |||
html.skin-theme-clientpref-os .brand-entry-count { | |||
color: #94a3b8; | |||
} | |||
} | } | ||
