diff --git a/src/media/css/offline.css b/src/media/css/offline.css index 6c12819..ca81580 100644 --- a/src/media/css/offline.css +++ b/src/media/css/offline.css @@ -42,7 +42,7 @@ .moko-offline-card { width: 100%; max-width: 720px; - background: rgba(0, 0, 0, 0.6); + background: var(--offline-card-bg, rgba(0, 0, 0, 0.6)); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-radius: 0.875rem; diff --git a/src/media/css/template.css b/src/media/css/template.css index 8d2b19b..9df76d2 100644 --- a/src/media/css/template.css +++ b/src/media/css/template.css @@ -17095,17 +17095,13 @@ form .form-select { padding: .4rem .6rem; border-radius: 999px; border: none; - background: var(--color-primary, #112855); + background: var(--theme-fab-bg, var(--color-primary, #112855)); + color: var(--theme-fab-color, #fff); box-shadow: var(--box-shadow, 0 .5rem 1rem #00000066); font: inherit; - color: #fff; font-weight: 600; } -:root[data-bs-theme="dark"] #mokoThemeFab { - background: var(--accent-color-primary, #3f8ff0); -} - #mokoThemeFab.pos-br { right: 2.5rem; bottom: 1rem; diff --git a/src/media/css/theme/dark.standard.css b/src/media/css/theme/dark.standard.css index 89af7d7..0a20b3b 100644 --- a/src/media/css/theme/dark.standard.css +++ b/src/media/css/theme/dark.standard.css @@ -827,6 +827,13 @@ color-scheme: dark; --backdrop-zindex: 1040; --backdrop-bg: hsl(0, 0%, 0%); --backdrop-opacity: 0.5; + +/* ===== THEME FAB ===== */ +--theme-fab-bg: var(--accent-color-primary, #3f8ff0); +--theme-fab-color: #fff; + +/* ===== OFFLINE PAGE ===== */ +--offline-card-bg: rgba(0, 0, 0, 0.6); } .btn { diff --git a/src/media/css/theme/light.standard.css b/src/media/css/theme/light.standard.css index ca02bc4..40140bd 100644 --- a/src/media/css/theme/light.standard.css +++ b/src/media/css/theme/light.standard.css @@ -826,6 +826,13 @@ color-scheme: light; --backdrop-zindex: 1040; --backdrop-bg: hsl(0, 0%, 0%); --backdrop-opacity: 0.5; + +/* ===== THEME FAB ===== */ +--theme-fab-bg: var(--color-primary, #112855); +--theme-fab-color: #fff; + +/* ===== OFFLINE PAGE ===== */ +--offline-card-bg: rgba(0, 0, 0, 0.55); } .btn {