Add CSS variable --highlight-color

src/components/BufferSelector.vue

@@ -351,7 +351,6 @@
 <style scoped lang="sass">
     .note-selector
         font-size: 13px
-        //background: #48b57e
         background: #efefef
         position: absolute
         top: 0

src/components/settings/TabListItem.vue

@@ -26,10 +26,11 @@
             +dark-mode
                 background: #292929
         &.active
-            background: #48b57e
+            background: var(--highlight-color)
             color: #fff
             cursor: default
             +dark-mode
-                background: #1b6540
+                // needed for specificity (to not be overridden by :hover in dark mode)
+                background: var(--highlight-color)
                 
 </style>

src/css/base.sass

@@ -1,10 +1,12 @@
 :root[theme='light']
     --status-bar-background: #48b57e
     --status-bar-color: #fff
+    --highlight-color: #48b57e
 
 :root[theme='dark']
     --status-bar-background: #0e1217
     --status-bar-color: rgba(255, 255, 255, 0.75)
+    --highlight-color: #1b6540
     
 html
     margin: 0