make the theme toggle consistient with back button

This commit is contained in:
Prabhaav Pillai
2026-09-09 02:44:16 -04:00
parent dec4a0884a
commit 7f3bd61292
@@ -329,7 +329,8 @@ ul { list-style: none; margin: 0; padding: 0; }
transition: background-color var(--motion-fast), border-color var(--motion-fast);
}
.gx-appbar__back {
.gx-appbar .gx-appbar__back,
.gx-appbar .gx-theme-toggle {
background: var(--glass-bg);
backdrop-filter: var(--glass-blur);
-webkit-backdrop-filter: var(--glass-blur);
@@ -343,7 +344,8 @@ ul { list-style: none; margin: 0; padding: 0; }
transition: transform var(--motion-fast), background-color var(--motion-fast);
}
.gx-appbar__back:active { transform: scale(0.92); }
.gx-appbar .gx-appbar__back:active,
.gx-appbar .gx-theme-toggle:active { transform: scale(0.92); }
.gx-appbar__title {
background: linear-gradient(135deg, #8b6cc5 0%, #5ec8c8 55%, #d4789c 100%);
@@ -415,27 +417,6 @@ ul { list-style: none; margin: 0; padding: 0; }
.gx-back-btn { display: none; }
.gx-menu-btn { display: inline-flex; }
.gx-theme-toggle {
background: var(--glass-bg);
backdrop-filter: var(--glass-blur);
-webkit-backdrop-filter: var(--glass-blur);
border: 1px solid var(--glass-border);
border-radius: 50%;
box-shadow: var(--glass-shadow);
color: var(--glass-text);
flex: none;
height: var(--touch-target);
width: var(--touch-target);
transition: transform var(--motion-fast), background-color var(--motion-fast), border-color var(--motion-fast);
}
.gx-theme-toggle:active { transform: scale(0.92); }
[data-theme="light"] .gx-theme-toggle {
border: 1.5px solid var(--primary);
box-shadow: 0 2px 8px rgba(120, 73, 232, 0.2);
}
.gx-searchwrap {
align-items: center;
display: flex;