Update Light & Dark themes

styles/src/styleTree/editor.ts

@@ -42,7 +42,7 @@ export default function editor(theme: Theme) {
         textColor: theme.syntax.primary.color.value,
         background: backgroundColor(theme, 500),
         activeLineBackground: theme.editor.line.active.value,
-        codeActionsIndicator: iconColor(theme, "secondary"),
+        codeActionsIndicator: iconColor(theme, "muted"),
         diffBackgroundDeleted: backgroundColor(theme, "error"),
         diffBackgroundInserted: backgroundColor(theme, "ok"),
         documentHighlightReadBackground: theme.editor.highlight.occurrence.value,
@@ -78,10 +78,7 @@ export default function editor(theme: Theme) {
             margin: {
                 left: -14,
             },
-            matchHighlight: {
-                color: theme.syntax.keyword.color.value,
-                weight: theme.syntax.keyword.weight.value,
-            },
+            matchHighlight: text(theme, "mono", "feature"),
             selectedItem: {
                 ...autocompleteItem,
                 background: backgroundColor(theme, 500, "active"),

styles/src/styleTree/selectorModal.ts

@@ -28,7 +28,7 @@ export default function selectorModal(theme: Theme): Object {
         activeItem,
         border: border(theme, "primary"),
         empty: {
-            text: text(theme, "sans", "muted"),
+            text: text(theme, "sans", "placeholder"),
             padding: {
                 bottom: 4,
                 left: 16,

styles/src/styleTree/workspace.ts

@@ -117,7 +117,7 @@ export default function workspace(theme: Theme) {
             signInPrompt,
             hoveredSignInPrompt: {
                 ...signInPrompt,
-                ...text(theme, "mono", "active"),
+                ...text(theme, "sans", "active"),
                 size: 13,
             },
             offlineIcon: {