Make tabs more contrast-y.

SpartanJ · Dec 18, 2024 · 7e512c4 · 7e512c4
1 parent 7fa4bc8
commit 7e512c4
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/bin/assets/ui/breeze.css b/bin/assets/ui/breeze.css
@@ -27,6 +27,7 @@
 	--tab-hover: #334e5e;
 	--tab-close: #909396;
 	--tab-close-hover: #863d47;
+	--tab-font-inactive: #b6bbc2;
 	--icon: #b6bbc2;
 	--icon-active: white;
 	--icon-back-hover: #eff0f1;
@@ -558,6 +559,7 @@ Tab {
 	foreground-image: linear-gradient( to top, var(--tab-line), var(--tab-back));
 	foreground-size: 1dprd 80%;
 	foreground-position: right bottom;
+	color: var(--tab-font-inactive);
 }
 
 Tab.prev {
@@ -567,6 +569,7 @@ Tab.prev {
 Tab:hover {
 	background-color: var(--tab-hover);
 	foreground-image: none;
+	color: var(--font);
 }
 
 Tab::text {
@@ -588,6 +591,7 @@ Tab:selected {
 	border-top-left-radius: 2dp;
 	border-top-right-radius: 2dp;
 	foreground-image: none;
+	color: var(--font);
 }
 
 Tab:selected:hover {
@@ -1113,6 +1117,7 @@ TextInput.table_cell_edit {
 	--tab-hover: #93cee9;
 	--tab-close: #e6e6e6;
 	--tab-close-hover: #e49aa2;
+	--tab-font-inactive: #444;
 	--icon: #232627;
 	--icon-active: #3daee9;
 	--icon-back-hover: #e6e6e6;