fix: dark mode for category builder

BelKed · BelKed · commit 220d65a74057 · 2024-05-09T05:13:38.000+02:00
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;
 }

Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@ a, button, span, div, select {`
`8`	`8`	`outline: none;`
`9`	`9`	`}`
`10`	`10`
`11`		`-body, button, html {`
	`11`	`+body, button, html, table {`
`12`	`12`	`color: #e9ebf0 !important;`
`13`	`13`	`}`
`14`	`14`
`@@ -208,10 +208,16 @@ div[style="color: rgb(85, 85, 85); font-size: 0.9em;"] {`
`208`	`208`	`color: #e9ebf0 !important;`
`209`	`209`	`}`
`210`	`210`
`211`		`-#root.stopwatch-entry:hover{`
	`211`	`+#root.stopwatch-entry:hover,`
	`212`	`+.category-builder-word:hover>* {`
`212`	`213`	`background-color: #282c32 !important;`
`213`	`214`	`}`
`214`	`215`
	`216`	`+.category-builder-word .table td,`
	`217`	`+.category-builder-word .table th {`
	`218`	`+ border-color: #3d444d;`
	`219`	`+}`
	`220`	`+`
`215`	`221`	`.bg-light {`
`216`	`222`	`background-color: #1a1d24 !important;`
`217`	`223`	`}`