From 92886236a210d312590fd6c5e072c9fdb1db421a Mon Sep 17 00:00:00 2001
From: Nate Butler <iamnbutler@gmail.com>
Date: Thu, 27 Oct 2022 14:59:50 -0400
Subject: [PATCH] Refine editor styles

- Update active line backgrounds and line numbers
- Add a higher contrast border between the dock and panes
---
 styles/src/styleTree/editor.ts    | 12 ++++++------
 styles/src/styleTree/workspace.ts |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/styles/src/styleTree/editor.ts b/styles/src/styleTree/editor.ts
index c94b6d81d2..c64105b337 100644
--- a/styles/src/styleTree/editor.ts
+++ b/styles/src/styleTree/editor.ts
@@ -137,7 +137,7 @@ export default function editor(colorScheme: ColorScheme) {
   return {
     textColor: syntax.primary.color,
     background: background(layer),
-    activeLineBackground: background(layer, "on"),
+    activeLineBackground: withOpacity(background(layer, "on"), 0.75),
     highlightedLineBackground: background(layer, "on"),
     codeActions: {
       indicator: foreground(layer, "variant"),
@@ -162,7 +162,7 @@ export default function editor(colorScheme: ColorScheme) {
     errorColor: background(layer, "negative"),
     gutterBackground: background(layer),
     gutterPaddingFactor: 3.5,
-    lineNumber: foreground(layer, "disabled"),
+    lineNumber: withOpacity(foreground(layer), 0.35),
     lineNumberActive: foreground(layer),
     renameFade: 0.6,
     unnecessaryCodeFade: 0.5,
@@ -261,17 +261,17 @@ export default function editor(colorScheme: ColorScheme) {
       },
     },
     scrollbar: {
-      width: 12,
+      width: 8,
       minHeightFactor: 1.0,
       track: {
         border: border(layer, "variant", { left: true }),
       },
       thumb: {
-        background: withOpacity(borderColor(layer, "variant"), 0.5),
+        background: withOpacity(background(layer, "inverted"), 0.4),
         border: {
           width: 1,
-          color: withOpacity(borderColor(layer, 'variant'), 0.5),
-        }
+          color: borderColor(layer, 'variant'),
+        },
       }
     },
     compositionMark: {
diff --git a/styles/src/styleTree/workspace.ts b/styles/src/styleTree/workspace.ts
index 50ee0c26da..769ea85a00 100644
--- a/styles/src/styleTree/workspace.ts
+++ b/styles/src/styleTree/workspace.ts
@@ -219,7 +219,7 @@ export default function workspace(colorScheme: ColorScheme) {
       initialSizeBottom: 480,
       wash_color: withOpacity(background(colorScheme.highest), 0.5),
       panel: {
-        border: border(colorScheme.highest),
+        border: border(colorScheme.middle),
       },
       maximized: {
         margin: 32,