changed active tab border color
mellbacon committed
May 7, 2023 at 00:58 UTC
1a6208c0b5be3e226e135e8a3a4a0960fc0832ef
2 files changed
+6
-3
src/config/themes/dark-theme.json
+1
-1
@@ -37,7 +37,7 @@
37
"tabBackground": "#1c1c1c",
38
"tabForeground": "#ffffff",
39
"tabBorderColor": "#414040",
40
- "tabActiveBorderColor": "#171717",
40
+ "tabActiveBorderColor": "#34b0f8",
41
"tabActiveBackground": "#171717",
42
"tabActiveForeground": "#ffffff",
43
"tabHoverBackground": "2b2b2b",
src/theme.scss
+5
-2
@@ -95,7 +95,7 @@ html {
95
96
#editor-tabs {
97
background-color: var(--header-background);
98
- height: $tab-container-height;
98
+ height: calc($tab-container-height + 5px);
99
box-shadow: inset 0px -1px 0 0 var(--window-borderColor);
100
101
.tab {
@@ -108,10 +108,13 @@ html {
108
}
109
&.active {
110
background-color: var(--editor-tabActiveBackground);
111
- box-shadow: inset 0px -2px 0 0 var(--editor-tabActiveBorderColor) !important;
111
+ box-shadow: inset 0px 5px 0 0 var(--editor-tabActiveBorderColor) !important;
112
color: var(--editor-tabActiveForeground);
113
}
114
}
115
+ .tab-toolbar {
116
+ box-shadow: inset 1px 0px 0 0 var(--window-borderColor);
117
+ }
118
}
119
120
#statusbar {