WIP

Nate Butler created 3 years ago

Change summary

styles/src/styleTree/commandPalette.ts | 4 ++--
styles/src/styleTree/editor.ts         | 2 +-
styles/src/styleTree/picker.ts         | 3 ++-
styles/src/themes/common/ramps.ts      | 2 +-
4 files changed, 6 insertions(+), 5 deletions(-)

Detailed changes

styles/src/styleTree/commandPalette.ts

@@ -19,8 +19,8 @@ export default function commandPalette(colorScheme: ColorScheme) {
         left: 2,
       },
       active: {
-        text: text(layer, "mono", "active", { size: "xs" }),
-        background: background(layer, "on", "active"),
+        text: text(layer, "mono", { size: "xs" }),
+        background: background(layer),
       },
     },
   };

styles/src/styleTree/editor.ts

@@ -30,7 +30,7 @@ export default function editor(colorScheme: ColorScheme) {
       header: {
         border: border(layer, {
           top: true,
-        }),
+        })
       },
       message: {
         text: text(layer, "sans", styleSet, { size: "sm" }),

styles/src/styleTree/picker.ts

@@ -21,10 +21,11 @@ export default function picker(colorScheme: ColorScheme) {
       },
       cornerRadius: 8,
       text: text(layer, "sans"),
-      highlightText: text(layer, "sans", "info", "active", { weight: "bold" }),
+      highlightText: text(layer, "sans", "info", { weight: "bold" }),
       active: {
         background: background(layer, "active"),
         text: text(layer, "sans", "active"),
+        highlightText: text(layer, "sans", "info", "active", { weight: "bold" }),
       },
       hover: {
         background: background(layer, "hovered"),

styles/src/themes/common/ramps.ts

@@ -637,7 +637,7 @@ function topLayer(ramps: RampSet, isLight: boolean): Layer {
       default: 0.9,
       hovered: 0.9,
       pressed: 0.9,
-      active: 0.9,
+      active: 0.5,
       disabled: 0.2,
     },
   });