fix: dark mode for category builder

ActivityWatch · May 9, 2024 · 220d65a · 220d65a · github-actions · May 9, 2024
1 parent 6f85cb5
commit 220d65a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/views/settings/CategoryBuilder.vue b/src/views/settings/CategoryBuilder.vue
@@ -43,7 +43,7 @@ div
     div(v-if="words_by_duration.length == 0")
       | No words with significant duration. You're good to go!
     div(v-else)
-      div.row(v-for="word in words_by_duration")
+      div.row.category-builder-word(v-for="word in words_by_duration")
         div.col.hover-highlight
           div.d-flex.flex-row.py-2
             div.flex-grow-1

diff --git a/static/dark.css b/static/dark.css
@@ -8,7 +8,7 @@ a, button, span, div, select {
   outline: none;
 }
 
-body, button, html {
+body, button, html, table {
   color: #e9ebf0 !important;
 }
 
@@ -208,10 +208,16 @@ div[style="color: rgb(85, 85, 85); font-size: 0.9em;"] {
   color: #e9ebf0 !important;
 }
 
-#root.stopwatch-entry:hover{
+#root.stopwatch-entry:hover,
+.category-builder-word:hover>* {
   background-color: #282c32 !important;
 }
 
+.category-builder-word .table td,
+.category-builder-word .table th {
+  border-color: #3d444d;
+}
+
 .bg-light {
   background-color: #1a1d24 !important;
 }