Tweak gutter background and color

yuyichao · Feb 12, 2022 · 2a0e002 · 2a0e002
1 parent 16031f3
commit 2a0e002
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/view/scss/app.scss b/view/scss/app.scss
@@ -14,16 +14,21 @@
 }
 
 .gutter {
-  background-color: var(--vscode-widget-shadow);
+  background-color: var(--divider-background);
 
   background-repeat: no-repeat;
   background-position: 50%;
 }
 
-.gutter.gutter-vertical {
-  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
+.vscode-dark .gutter.gutter-vertical {
+  background-image: url('images/gutter-dark.png');
   cursor: ns-resize;
 }
+.vscode-light .gutter.gutter-vertical {
+  background-image: url('images/gutter-light.png');
+  cursor: ns-resize;
+}
+
 #paper, #monitorbox {
   box-sizing: border-box;
   overflow: auto;

diff --git a/view/scss/images/gutter-dark.png b/view/scss/images/gutter-dark.png
diff --git a/view/scss/images/gutter-light.png b/view/scss/images/gutter-light.png