Fix dark theme styling issues

codebude · codebude · commit 94e77eb58998 · 2025-09-19T14:00:15.000+02:00
- Fix sidebar tree folder hover color in dark theme for better readability
- Improve search highlight readability in dark theme by using light background with dark text
diff --git a/public/styles.css b/public/styles.css
@@ -62,6 +62,10 @@
     color: #1f2937;
 }
 
+.dark .tree .folder:hover {
+    color: #f3f4f6;
+}
+
 .tree .folder:before {
     content: '▶ ';
     display: inline-block;
@@ -147,8 +151,9 @@ pre.relative {
 }
 
 .dark .search-highlight {
-    background-color: #451a03;
-    box-shadow: 0 0 0 1px #d97706;
+    background-color: #fef3c7;
+    color: #1f2937;
+    box-shadow: 0 0 0 1px #f59e0b;
 }
 
 /* Mobile responsive snippet styles */

Original file line number	Diff line number	Diff line change
`@@ -62,6 +62,10 @@`
`62`	`62`	`color: #1f2937;`
`63`	`63`	`}`
`64`	`64`
	`65`	`+.dark .tree .folder:hover {`
	`66`	`+ color: #f3f4f6;`
	`67`	`+}`
	`68`	`+`
`65`	`69`	`.tree .folder:before {`
`66`	`70`	`content: '▶ ';`
`67`	`71`	`display: inline-block;`
`@@ -147,8 +151,9 @@ pre.relative {`
`147`	`151`	`}`
`148`	`152`
`149`	`153`	`.dark .search-highlight {`
`150`		`- background-color: #451a03;`
`151`		`- box-shadow: 0 0 0 1px #d97706;`
	`154`	`+ background-color: #fef3c7;`
	`155`	`+ color: #1f2937;`
	`156`	`+ box-shadow: 0 0 0 1px #f59e0b;`
`152`	`157`	`}`
`153`	`158`
`154`	`159`	`/* Mobile responsive snippet styles */`