diff --git a/plugins/ascii/src/App.css b/plugins/ascii/src/App.css
index f94d57d74..d943c3dda 100644
--- a/plugins/ascii/src/App.css
+++ b/plugins/ascii/src/App.css
@@ -7,11 +7,17 @@ html * {
 }
 
 body[data-framer-theme="light"] {
-    --slider-track-color: #ddd;
+    --slider-track-left-color: var(--framer-color-tint);
+    --slider-track-right-color: #ddd;
 }
 
 body[data-framer-theme="dark"] {
-    --slider-track-color: #444;
+    --slider-track-left-color: var(--framer-color-tint);
+    --slider-track-right-color: #444;
+}
+
+body[data-framer-styles="prerelease"][data-framer-theme="dark"] {
+    --slider-track-left-color: #707070;
 }
 
 .canvas-container {
@@ -43,17 +49,17 @@ body[data-framer-theme="dark"] {
     position: absolute;
     inset: 0px;
     border-radius: 10px;
-    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
+    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
     pointer-events: none;
 }
 
 body[data-framer-theme="light"] {
     .canvas-container {
-        background-color: rgba(0, 0, 0, 0.15);
+        background-color: var(--framer-color-bg-tertiary);
     }
 
     .canvas-container::after {
-        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
+        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
     }
 }
 
@@ -194,7 +200,7 @@ body[data-framer-theme="dark"] .gui-row .gui-label {
         position: absolute;
         inset: 0px;
         border-radius: 4px;
-        border: 1px solid rgba(255, 255, 255, 0.15);
+        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
     }
 
     input[type="color"]::-webkit-color-swatch-wrapper {
@@ -212,7 +218,7 @@ body[data-framer-theme="dark"] .gui-row .gui-label {
 
 body[data-framer-theme="light"] .color-input {
     input[type="color"]::after {
-        border: 1px solid rgba(0, 0, 0, 0.15);
+        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
     }
 }
 
@@ -267,8 +273,8 @@ input[type="range"]:focus {
 input[type="range"]::-webkit-slider-runnable-track {
     background: linear-gradient(
         to right,
-        var(--framer-color-tint) var(--progress),
-        var(--slider-track-color) var(--progress)
+        var(--slider-track-left-color) var(--progress),
+        var(--slider-track-right-color) var(--progress)
     );
     border-radius: 2px;
     height: 2px;
@@ -295,8 +301,8 @@ input[type="range"]::-webkit-slider-thumb {
 input[type="range"]::-moz-range-track {
     background: linear-gradient(
         to right,
-        var(--framer-color-tint) var(--progress),
-        var(--slider-track-color) var(--progress)
+        var(--slider-track-left-color) var(--progress),
+        var(--slider-track-right-color) var(--progress)
     );
     border-radius: 2px;
     height: 2px;
@@ -315,6 +321,25 @@ input[type="range"]::-moz-range-thumb {
     width: 10px;
 }
 
+[data-framer-styles="prerelease"] input[type="range"]::-webkit-slider-runnable-track {
+    height: 3px;
+}
+
+[data-framer-styles="prerelease"] input[type="range"]::-webkit-slider-thumb {
+    height: 12px;
+    width: 12px;
+    margin-top: -4.5px;
+}
+
+[data-framer-styles="prerelease"] input[type="range"]::-moz-range-track {
+    height: 3px;
+}
+
+[data-framer-styles="prerelease"] input[type="range"]::-moz-range-thumb {
+    height: 12px;
+    width: 12px;
+}
+
 /* Hide number input stepper buttons in Firefox */
 input[type="number"] {
     -moz-appearance: textfield;
@@ -352,10 +377,14 @@ input[type="number"] {
 }
 
 .segmented-control-item.active {
-    color: var(--framer-color-text);
+    color: var(--framer-color-tint);
     font-weight: 600;
 }
 
+[data-framer-theme="dark"] .segmented-control-item.active {
+    color: var(--framer-color-text);
+}
+
 .segmented-control-bg-container {
     position: absolute;
     inset: 2px;
@@ -367,13 +396,28 @@ input[type="number"] {
     bottom: 0;
     border-radius: 6px;
     background-color: var(--framer-color-bg);
-    box-shadow:
-        0px 0px 0px 1px rgba(0, 0, 0, 0.02),
-        0px 1px 0px 0px rgba(0, 0, 0, 0.05),
-        0px 2px 4px 0px rgba(0, 0, 0, 0.1);
     transition: left 150ms ease;
 }
 
+[data-framer-theme="light"] .segmented-control-bg {
+    box-shadow:
+        0px 0px 0px 1px rgba(0, 0, 0, 0.04),
+        0px 1px 0px 0px rgba(0, 0, 0, 0.04),
+        0px 2px 4px 0px rgba(0, 0, 0, 0.08);
+}
+
 [data-framer-theme="dark"] .segmented-control-bg {
-    background-color: #555;
+    background-color: #474747;
+    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+}
+
+[data-framer-theme="dark"] .segmented-control-bg::after {
+    content: "";
+    position: absolute;
+    inset: 0px;
+    border-radius: 6px;
+    pointer-events: none;
+    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
+    mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
 }
diff --git a/plugins/dither/src/App.css b/plugins/dither/src/App.css
index fbe7ffa23..edff0f158 100644
--- a/plugins/dither/src/App.css
+++ b/plugins/dither/src/App.css
@@ -11,8 +11,6 @@
     justify-content: center;
     width: 100%;
     aspect-ratio: 16 / 9;
-    border-radius: 8px;
-    border: 1px solid var(--framer-color-divider);
 }
 
 .error-container p {
@@ -24,11 +22,17 @@ html * {
 }
 
 body[data-framer-theme="light"] {
-    --slider-track-color: #ddd;
+    --slider-track-left-color: var(--framer-color-tint);
+    --slider-track-right-color: #ddd;
 }
 
 body[data-framer-theme="dark"] {
-    --slider-track-color: #444;
+    --slider-track-left-color: var(--framer-color-tint);
+    --slider-track-right-color: #444;
+}
+
+body[data-framer-styles="prerelease"][data-framer-theme="dark"] {
+    --slider-track-left-color: #707070;
 }
 
 .canvas-container {
@@ -70,14 +74,17 @@ body[data-framer-theme="dark"] {
     position: absolute;
     inset: 0px;
     border-radius: 10px;
-    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
-    /* border: 1px solid red; */
+    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
     pointer-events: none;
 }
 
 body[data-framer-theme="light"] {
+    .canvas-container {
+        background-color: var(--framer-color-bg-tertiary);
+    }
+
     .canvas-container::after {
-        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
+        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
     }
 }
 
@@ -216,24 +223,6 @@ button:disabled {
     opacity: 0.33;
 }
 
-body[data-framer-theme="dark"] .error-container {
-    border-color: rgba(255, 255, 255, 0.05);
-}
-
-body[data-framer-theme="light"] {
-    .canvas-container {
-        background: unset;
-    }
-
-    .error-container {
-        background: rgba(0, 0, 0, 0.05);
-    }
-}
-
-body[data-framer-theme="dark"] .error-container {
-    background: rgba(0, 0, 0, 0.4);
-}
-
 * {
     user-select: none;
 }
@@ -277,8 +266,8 @@ input[type="range"]:focus {
 input[type="range"]::-webkit-slider-runnable-track {
     background: linear-gradient(
         to right,
-        var(--framer-color-tint) var(--progress),
-        var(--slider-track-color) var(--progress)
+        var(--slider-track-left-color) var(--progress),
+        var(--slider-track-right-color) var(--progress)
     );
     border-radius: 2px;
     height: 2px;
@@ -305,8 +294,8 @@ input[type="range"]::-webkit-slider-thumb {
 input[type="range"]::-moz-range-track {
     background: linear-gradient(
         to right,
-        var(--framer-color-tint) var(--progress),
-        var(--slider-track-color) var(--progress)
+        var(--slider-track-left-color) var(--progress),
+        var(--slider-track-right-color) var(--progress)
     );
     border-radius: 2px;
     height: 2px;
@@ -325,6 +314,25 @@ input[type="range"]::-moz-range-thumb {
     width: 10px;
 }
 
+[data-framer-styles="prerelease"] input[type="range"]::-webkit-slider-runnable-track {
+    height: 3px;
+}
+
+[data-framer-styles="prerelease"] input[type="range"]::-webkit-slider-thumb {
+    height: 12px;
+    width: 12px;
+    margin-top: -4.5px;
+}
+
+[data-framer-styles="prerelease"] input[type="range"]::-moz-range-track {
+    height: 3px;
+}
+
+[data-framer-styles="prerelease"] input[type="range"]::-moz-range-thumb {
+    height: 12px;
+    width: 12px;
+}
+
 /* Hide number input stepper buttons in Firefox */
 input[type="number"] {
     -moz-appearance: textfield;
diff --git a/plugins/dither/src/App.tsx b/plugins/dither/src/App.tsx
index 0693ba042..b9bf1d2bf 100644
--- a/plugins/dither/src/App.tsx
+++ b/plugins/dither/src/App.tsx
@@ -310,7 +310,7 @@ function DitherImage({ image }: { image: ImageAsset | null }) {
                             uploadRef.current?.click()
                         }}
                     >
-                        <p>Select an Image...</p>
+                        <p>Select an Image…</p>
                     </div>
                 )}
             </div>