Improvement: Chromium active tab color && wm_shadow color

thekomer · Mar 14, 2022 · ec69213 · ec69213
1 parent b229450
commit ec69213
Show file tree

Hide file tree

Showing 9 changed files with 36 additions and 10 deletions.
diff --git a/gtk-3.0/_apps.scss b/gtk-3.0/_apps.scss
@@ -12,6 +12,7 @@
  * App-Specific Styles *
  ***********************/
 
+@import 'apps/chromium';
 @import 'apps/geary';
 @import 'apps/lightdm';
 @import 'apps/nemo';

diff --git a/gtk-3.0/_colors-public.scss b/gtk-3.0/_colors-public.scss
@@ -93,8 +93,8 @@ read if you used those and something break with a version upgrade you're on your
 @define-color wm_bg_b #{$bg_color};
 
 //@define-color wm_shadow alpha(black, 0.35);
-@define-color wm_shadow alpha(white, 0.35);
-@define-color wm_border alpha(black, 0.18);
+@define-color wm_shadow alpha(#{$fg_color}, 0.35);
+@define-color wm_border alpha(#{$fg_color}, 0.18);
 
 @define-color wm_button_hover_color_a shade(#{$bg_color}, 1.3);
 @define-color wm_button_hover_color_b #{$bg_color};

diff --git a/gtk-3.0/apps/_chromium.scss b/gtk-3.0/apps/_chromium.scss
@@ -0,0 +1,4 @@
+.background.chromium {
+	color: $fg_color;
+	background-color: lighten($bg_color, 6%);
+}
diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css
@@ -60,8 +60,8 @@ read if you used those and something break with a version upgrade you're on your
 @define-color wm_borders_edge rgba(255, 255, 255, 0.5);
 @define-color wm_bg_a shade(#0E111D, 1.2);
 @define-color wm_bg_b #0E111D;
-@define-color wm_shadow alpha(white, 0.35);
-@define-color wm_border alpha(black, 0.18);
+@define-color wm_shadow alpha(#BFC3CD, 0.35);
+@define-color wm_border alpha(#BFC3CD, 0.18);
 @define-color wm_button_hover_color_a shade(#0E111D, 1.3);
 @define-color wm_button_hover_color_b #0E111D;
 @define-color wm_button_active_color_a shade(#0E111D, 0.85);
@@ -6777,6 +6777,10 @@ SheetStyleDialog.unity-force-quit {
 /***********************
  * App-Specific Styles *
  ***********************/
+.background.chromium {
+  color: #BFC3CD;
+  background-color: #181d32; }
+
 /*********
  * Geary *
  *********/

diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css
@@ -60,8 +60,8 @@ read if you used those and something break with a version upgrade you're on your
 @define-color wm_borders_edge rgba(255, 255, 255, 0.5);
 @define-color wm_bg_a shade(#0E111D, 1.2);
 @define-color wm_bg_b #0E111D;
-@define-color wm_shadow alpha(white, 0.35);
-@define-color wm_border alpha(black, 0.18);
+@define-color wm_shadow alpha(#BFC3CD, 0.35);
+@define-color wm_border alpha(#BFC3CD, 0.18);
 @define-color wm_button_hover_color_a shade(#0E111D, 1.3);
 @define-color wm_button_hover_color_b #0E111D;
 @define-color wm_button_active_color_a shade(#0E111D, 0.85);
@@ -6777,6 +6777,10 @@ SheetStyleDialog.unity-force-quit {
 /***********************
  * App-Specific Styles *
  ***********************/
+.background.chromium {
+  color: #BFC3CD;
+  background-color: #181d32; }
+
 /*********
  * Geary *
  *********/

diff --git a/gtk-4.0/_apps.scss b/gtk-4.0/_apps.scss
@@ -12,6 +12,7 @@
  * App-Specific Styles *
  ***********************/
 
+@import 'apps/chromium';
 @import 'apps/geary';
 @import 'apps/lightdm';
 @import 'apps/nemo';

diff --git a/gtk-4.0/apps/_chromium.scss b/gtk-4.0/apps/_chromium.scss
@@ -0,0 +1,4 @@
+.background.chromium {
+	color: $fg_color;
+	background-color: lighten($bg_color, 6%);
+}
diff --git a/gtk-4.0/gtk-dark.css b/gtk-4.0/gtk-dark.css
@@ -60,8 +60,8 @@ read if you used those and something break with a version upgrade you're on your
 @define-color wm_borders_edge rgba(255, 255, 255, 0.5);
 @define-color wm_bg_a shade(#0E111D, 1.2);
 @define-color wm_bg_b #0E111D;
-@define-color wm_shadow alpha(white, 0.35);
-@define-color wm_border alpha(black, 0.18);
+@define-color wm_shadow alpha(#BFC3CD, 0.35);
+@define-color wm_border alpha(#BFC3CD, 0.18);
 @define-color wm_button_hover_color_a shade(#0E111D, 1.3);
 @define-color wm_button_hover_color_b #0E111D;
 @define-color wm_button_active_color_a shade(#0E111D, 0.85);
@@ -6709,6 +6709,10 @@ SheetStyleDialog.unity-force-quit {
 /***********************
  * App-Specific Styles *
  ***********************/
+.background.chromium {
+  color: #BFC3CD;
+  background-color: #181d32; }
+
 /*********
  * Geary *
  *********/

diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css
@@ -60,8 +60,8 @@ read if you used those and something break with a version upgrade you're on your
 @define-color wm_borders_edge rgba(255, 255, 255, 0.5);
 @define-color wm_bg_a shade(#0E111D, 1.2);
 @define-color wm_bg_b #0E111D;
-@define-color wm_shadow alpha(white, 0.35);
-@define-color wm_border alpha(black, 0.18);
+@define-color wm_shadow alpha(#BFC3CD, 0.35);
+@define-color wm_border alpha(#BFC3CD, 0.18);
 @define-color wm_button_hover_color_a shade(#0E111D, 1.3);
 @define-color wm_button_hover_color_b #0E111D;
 @define-color wm_button_active_color_a shade(#0E111D, 0.85);
@@ -6709,6 +6709,10 @@ SheetStyleDialog.unity-force-quit {
 /***********************
  * App-Specific Styles *
  ***********************/
+.background.chromium {
+  color: #BFC3CD;
+  background-color: #181d32; }
+
 /*********
  * Geary *
  *********/