MokoConsulting/MokoCassiopeia
1
1
Fork 0
Code Issues 2 Pull Requests Actions Packages Releases 1 Activity

Theme switcher: primary on light, accent-primary on dark for visibility
Some checks failed
Repo Health / Access control (push) Successful in 1s
Details
Repo Health / Release configuration (push) Failing after 4s
Details
Repo Health / Scripts governance (push) Successful in 4s
Details
Repo Health / Repository health (push) Failing after 4s
Details

Browse Source 
Dark theme uses --accent-color-primary (#3f8ff0) instead of muted gray.
Light theme uses --color-primary (#112855) for brand consistency.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jonathan Miller
2026-04-18 15:45:00 -05:00
parent b37e59fdea
commit ac01369277
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/media/css/template.css
View File

@@ -17095,13 +17095,17 @@ form .form-select {
padding: .4rem .6rem; padding: .4rem .6rem;
border-radius: 999px; border-radius: 999px;
border: none; border: none;
background: var(--muted-color, #6d757e); background: var(--color-primary, #112855);
box-shadow: var(--box-shadow, 0 .5rem 1rem #00000066); box-shadow: var(--box-shadow, 0 .5rem 1rem #00000066);
font: inherit; font: inherit;
color: #fff; color: #fff;
font-weight: 600; font-weight: 600;
} }
:root[data-bs-theme="dark"] #mokoThemeFab {
background: var(--accent-color-primary, #3f8ff0);
}
#mokoThemeFab.pos-br { #mokoThemeFab.pos-br {
right: 2.5rem; right: 2.5rem;
bottom: 1rem; bottom: 1rem;