From 6fe64db0a658e8eeb770a206abfad50845e2ad22 Mon Sep 17 00:00:00 2001 From: lonkaars Date: Mon, 21 Jun 2021 15:35:21 +0200 Subject: sort-of working with hookstate --- styles/editor.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'styles') diff --git a/styles/editor.css b/styles/editor.css index a3990c2..3263c19 100644 --- a/styles/editor.css +++ b/styles/editor.css @@ -63,12 +63,15 @@ .settings .inner .MuiFormControl-root { width: 100%; } +:root { --selection-hover-color: rgba(93, 233, 174, 0.04); } .MuiSwitch-root .MuiSwitch-thumb { color: var(--c700); } .MuiSwitch-root .MuiSwitch-track { background-color: var(--c700); } .MuiSwitch-root .Mui-checked .MuiSwitch-thumb { color: var(--gruble); } .MuiSwitch-root .Mui-checked + .MuiSwitch-track { background-color: var(--gruble) !important; } .MuiSwitch-root .Mui-checked { color: var(--gruble) !important; } -.MuiSwitch-root .Mui-checked:hover { background-color: rgba(93, 233, 174, 0.04) !important; } +.MuiSwitch-root .Mui-checked:hover { background-color: var(--selection-hover-color) !important; } +.MuiSlider-thumb.Mui-focusVisible, .MuiSlider-thumb:hover { box-shadow: 0px 0px 0px 8px var(--selection-hover-color) !important; } +.MuiSlider-thumb.MuiSlider-active { box-shadow: 0px 0px 0px 14px var(--selection-hover-color) !important; } .MuiFormControl-root { border-radius: 4px; -- cgit v1.2.3