add theme testbench command

styles/src/styleTree/app.ts

@@ -47,5 +47,60 @@ export default function app(colorScheme: ColorScheme): Object {
     updateNotification: updateNotification(colorScheme),
     tooltip: tooltip(colorScheme),
     terminal: terminal(colorScheme.lowest),
+    colorScheme: {
+      ...colorScheme,
+      lowest: {
+        ...colorScheme.lowest,
+        ramps: {
+          neutral: colorScheme.lowest.ramps.neutral.colors(100, "hex"),
+          red: colorScheme.lowest.ramps.red.colors(100, "hex"),
+          orange: colorScheme.lowest.ramps.orange.colors(100, "hex"),
+          yellow: colorScheme.lowest.ramps.yellow.colors(100, "hex"),
+          green: colorScheme.lowest.ramps.green.colors(100, "hex"),
+          cyan: colorScheme.lowest.ramps.cyan.colors(100, "hex"),
+          blue: colorScheme.lowest.ramps.blue.colors(100, "hex"),
+          violet: colorScheme.lowest.ramps.violet.colors(100, "hex"),
+          magenta: colorScheme.lowest.ramps.magenta.colors(100, "hex"),
+        }
+      },
+      middle: {
+        ...colorScheme.middle,
+        ramps: {
+          neutral: colorScheme.middle.ramps.neutral.colors(100, "hex"),
+          red: colorScheme.middle.ramps.red.colors(100, "hex"),
+          orange: colorScheme.middle.ramps.orange.colors(100, "hex"),
+          yellow: colorScheme.middle.ramps.yellow.colors(100, "hex"),
+          green: colorScheme.middle.ramps.green.colors(100, "hex"),
+          cyan: colorScheme.middle.ramps.cyan.colors(100, "hex"),
+          blue: colorScheme.middle.ramps.blue.colors(100, "hex"),
+          violet: colorScheme.middle.ramps.violet.colors(100, "hex"),
+          magenta: colorScheme.middle.ramps.magenta.colors(100, "hex"),
+        }
+      },
+      highest: {
+        ...colorScheme.highest,
+        ramps: {
+          neutral: colorScheme.highest.ramps.neutral.colors(100, "hex"),
+          red: colorScheme.highest.ramps.red.colors(100, "hex"),
+          orange: colorScheme.highest.ramps.orange.colors(100, "hex"),
+          yellow: colorScheme.highest.ramps.yellow.colors(100, "hex"),
+          green: colorScheme.highest.ramps.green.colors(100, "hex"),
+          cyan: colorScheme.highest.ramps.cyan.colors(100, "hex"),
+          blue: colorScheme.highest.ramps.blue.colors(100, "hex"),
+          violet: colorScheme.highest.ramps.violet.colors(100, "hex"),
+          magenta: colorScheme.highest.ramps.magenta.colors(100, "hex"),
+        }
+      },
+      players: [
+        colorScheme.players["0"],
+        colorScheme.players["1"],
+        colorScheme.players["2"],
+        colorScheme.players["3"],
+        colorScheme.players["4"],
+        colorScheme.players["5"],
+        colorScheme.players["6"],
+        colorScheme.players["7"],
+      ]
+    }
   };
 }

styles/src/styleTree/editor.ts

@@ -133,8 +133,8 @@ export default function editor(colorScheme: ColorScheme) {
   return {
     textColor: syntax.primary.color,
     background: background(layer),
-    activeLineBackground: elevation.ramps.neutral(0.29).hex(),
-    highlightedLineBackground: elevation.ramps.neutral(0.18).hex(),
+    activeLineBackground: background(layer, "base", "variant"),
+    highlightedLineBackground: background(layer, "base", "variant"),
     codeActions: {
       indicator: foreground(layer, "base", "variant"),
       verticalScale: 0.618