diff --git a/src/components/BufferSelector.vue b/src/components/BufferSelector.vue
index 0f04936..80f52f8 100644
--- a/src/components/BufferSelector.vue
+++ b/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
diff --git a/src/components/settings/TabListItem.vue b/src/components/settings/TabListItem.vue
index 147219a..e6c65bc 100644
--- a/src/components/settings/TabListItem.vue
+++ b/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>
\ No newline at end of file
diff --git a/src/css/base.sass b/src/css/base.sass
index 6508cd0..82a4f34 100644
--- a/src/css/base.sass
+++ b/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