2 files changed, 10 insertions, 4 deletions
diff --git a/styles/themes/base.css b/styles/themes/base.css
index 14b11bd..68f07e1 100644
--- a/styles/themes/base.css
+++ b/styles/themes/base.css
@@ -44,5 +44,6 @@
 
     /* Scrubber */
     --w-scr-nub: #eee;
+    --w-scr-nub-hover: white;
     --w-scr-nub-active: white;
 }
 \ No newline at end of file
diff --git a/styles/widgets.css b/styles/widgets.css
index b143743..c3e6f67 100644
--- a/styles/widgets.css
+++ b/styles/widgets.css
@@ -1,4 +1,4 @@
-input {
+.widget > input {
     opacity: 0;
     display: none;
     content: "";
@@ -404,7 +404,7 @@ input {
 .color-temp {
     width: var(--base-unit);
     height: calc(3 * var(--base-unit));
-    background: linear-gradient(rgb(190, 200, 255), white 30%, rgb(250, 160, 100));
+    background: linear-gradient(rgb(190, 200, 255), white 15%, rgb(250, 160, 100));
     --side-color: #aaa;
     overflow: unset;
 }
@@ -412,7 +412,7 @@ input {
 .color-temp.h {
     height: var(--base-unit);
     width: calc(3 * var(--base-unit));
-    background: linear-gradient(to left, rgb(190, 200, 255), white 30%, rgb(250, 160, 100));
+    background: linear-gradient(to left, rgb(190, 200, 255), white 15%, rgb(250, 160, 100));
 }
 
 .color-light {
@@ -635,6 +635,7 @@ input {
 
     bottom: calc(50% - (var(--base-unit) - 10px) / 2 + (50% * var(--percent)));
     left: calc(50% - (var(--base-unit) - 10px) / 2);
+    transition-duration: 0.15s;
 }
 
 .scrubber.h > .fill::before {
@@ -642,7 +643,11 @@ input {
     bottom: calc(50% - (var(--base-unit) - 10px) / 2);
 }
 
-
 .scrubber:hover > .fill::before, .scrubber.touch > .fill::before {
+    background-color: var(--w-scr-nub-hover);
+}
+
+.scrubber:active > .fill::before, .scrubber.touch > .fill::before {
     background-color: var(--w-scr-nub-active);
+    transition-duration: 0s;
 }
 \ No newline at end of file