gamezonline/Moku
1
0
Fork 0
mirror of https://github.com/moku-project/Moku.git synced 2026-06-13 09:19:56 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Dark-Theme on Settings Slider

Browse Source
This commit is contained in:
Youwes09
2026-04-22 10:34:09 -05:00
parent c025336a7e
commit 690f59c602
2 changed files with 51 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/settings/components/Settings.css
+36
View File
@@ -382,6 +382,42 @@
flex: 1;
accent-color: var(--accent);
cursor: pointer;
-webkit-appearance: none;
appearance: none;
height: 4px;
border-radius: 2px;
background: var(--border-strong);
outline: none;
}
.s-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 16px;
height: 16px;
border-radius: 50%;
background: var(--accent);
cursor: pointer;
border: none;
box-shadow: 0 1px 4px rgba(0,0,0,0.4);
transition: transform var(--t-fast), box-shadow var(--t-fast);
}
.s-slider::-webkit-slider-thumb:hover {
transform: scale(1.15);
box-shadow: 0 2px 8px rgba(0,0,0,0.5);
}
.s-slider::-moz-range-thumb {
width: 16px;
height: 16px;
border-radius: 50%;
background: var(--accent);
cursor: pointer;
border: none;
box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
.s-slider::-moz-range-track {
height: 4px;
border-radius: 2px;
background: var(--border-strong);
}
.s-slider-val {