Theme switcher: larger, bordered, stronger shadow for visibility. Bump 03.09.33
Some checks failed
Repo Health / Access control (push) Successful in 1s
Auto-Update SHA Hash / Update SHA-256 Hash in updates.xml (release) Failing after 4s
Repo Health / Release configuration (push) Failing after 3s
Repo Health / Scripts governance (push) Successful in 3s
Repo Health / Repository health (push) Failing after 3s

- Bigger padding, 36px icon button, 1.25rem icon size
- 2px border (--theme-fab-border): white on dark bg, subtle on light
- Stronger box-shadow with double layer
- Hover scale + glow effect

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jonathan Miller
2026-04-18 16:21:39 -05:00
parent 4aa5c34074
commit 346218138f
7 changed files with 31 additions and 23 deletions

View File

@@ -17092,14 +17092,20 @@ form .form-select {
display: flex;
align-items: center;
gap: .5rem;
padding: .4rem .6rem;
padding: .5rem .75rem;
border-radius: 999px;
border: none;
border: 2px solid var(--theme-fab-border, rgba(255,255,255,.3));
background: var(--theme-fab-bg, var(--color-primary, #112855));
color: var(--theme-fab-color, #fff);
box-shadow: var(--box-shadow, 0 .5rem 1rem #00000066);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1);
font: inherit;
font-weight: 600;
transition: transform .15s, box-shadow .15s;
}
#mokoThemeFab:hover {
transform: scale(1.05);
box-shadow: 0 6px 28px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.15);
}
#mokoThemeFab.pos-br {
@@ -17127,13 +17133,13 @@ form .form-select {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
width: 36px;
height: 36px;
border: none;
border-radius: 50%;
background: var(--theme-fab-btn-bg, rgba(255,255,255,.15));
color: inherit;
font-size: 1.1rem;
font-size: 1.25rem;
cursor: pointer;
padding: 0;
position: relative;

View File

@@ -832,6 +832,7 @@ color-scheme: dark;
--theme-fab-bg: #e6ebf1;
--theme-fab-color: #0e1318;
--theme-fab-btn-bg: transparent;
--theme-fab-border: rgba(0, 0, 0, 0.15);
/* ===== OFFLINE PAGE ===== */
--offline-card-bg: rgba(0, 0, 0, 0.6);

View File

@@ -831,6 +831,7 @@ color-scheme: light;
--theme-fab-bg: var(--color-primary, #112855);
--theme-fab-color: #fff;
--theme-fab-btn-bg: rgba(255,255,255,.15);
--theme-fab-border: rgba(255, 255, 255, 0.3);
/* ===== OFFLINE PAGE ===== */
--offline-card-bg: rgba(0, 0, 0, 0.55);