iot/spore-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: remove borders and shadows on the theme-switcher

Browse Source
This commit is contained in:
0x1d
2025-10-21 13:14:36 +02:00
parent 6ed42f9c90
commit 30d88d6884
1 changed files with 1 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
public/styles/theme.css
View File

@@ -69,20 +69,11 @@
display: flex;
align-items: center;
gap: 0.5rem;
background: var(--bg-tertiary);
border: 1px solid var(--border-primary);
border-radius: 12px;
padding: 0.5rem;
backdrop-filter: var(--backdrop-blur);
transition: all 0.3s ease;
}
.theme-switcher:hover {
background: var(--bg-hover);
border-color: var(--border-hover);
box-shadow: var(--shadow-secondary);
}
.theme-toggle {
background: none;
border: none;
@@ -98,9 +89,8 @@
}
.theme-toggle:hover {
background: var(--bg-hover);
color: var(--text-primary);
transform: scale(1.05);
transform: scale(1.1);
}
.theme-toggle:active {
@@ -232,16 +222,9 @@
}
[data-theme="light"] .theme-switcher {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(20px);
border: 1px solid rgba(148, 163, 184, 0.25);
box-shadow: 0 4px 16px rgba(148, 163, 184, 0.08);
}
[data-theme="light"] .theme-switcher:hover {
background: rgba(255, 255, 255, 0.15);
border: 1px solid rgba(148, 163, 184, 0.35);
box-shadow: 0 6px 20px rgba(148, 163, 184, 0.12);
}
[data-theme="light"] .view-content {