Fix #287

Author: lassekongo83

gtk/src/adw-gtk3/gtk-3.0/_apps.scss

@@ -352,34 +352,6 @@ window#whiskermenu-window {
   }
 }
 
-// ************
-// * Chromium *
-// ************
-
-window.background.chromium {
-  background-color: if($variant == 'light', $bg_color, gtkmix(currentColor, $bg_color, 10%));
-
-  // If there was/is an incognito class then https://github.com/lassekongo83/adw-gtk3/issues/147
-  // could be fixed, so disabled for now until a better solution is found.
-  //headerbar.titlebar button.titlebutton {
-  //  color: white;
-  //}
-
-  entry,
-  > button {
-    border-color: gtkmix(currentColor, $bg_color, 27%);
-    background-color: gtkmix(currentColor, $bg_color, 20%);
-  }
-
-  textview.view {
-    background-color: $base_color;
-  }
-
-  menuitem {
-    border-radius: 0;
-  }
-}
-
 // ******************
 // * gnome-calendar *
 // ******************
@@ -404,8 +376,6 @@ window.background.chromium {
 }
 
 // Make sure text selection is somewhat visible on websites with various backgrounds
-// in both chromium and firefox
-window.background.chromium,
 #MozillaGtkWidget.background {
   selection {
     &:focus, & {

gtk/src/adw-gtk3/gtk-3.0/libadwaita-tweaks.css

@@ -25,4 +25,34 @@ notebook > header {
   --accent-color: var(--accent-bg-color);
   --accent-bg-color: var(--accent-blue);
   --accent-fg-color: @accent_fg_color;
+
+  --card-bg-color: @card_bg_color;
+}
+
+/* Chromium */
+.background.chromium {
+  background-color: color-mix(in srgb, currentColor 5%, @headerbar_bg_color);
+}
+
+.background.chromium windowcontrols > button {
+  background-color: color-mix(in srgb, currentColor 10%, transparent);
+  min-width: 24px;
+  padding: 0;
+  box-shadow: none;
+  margin: 0 4px; /* doesn't work on the far edges of the header-bar */
+}
+
+.background.chromium windowcontrols > button {
+  background-color: color-mix(in srgb, currentColor 10%, transparent);
+  border-radius: 100%;
+  transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+.background.chromium windowcontrols > button:hover {
+  background-color: color-mix(in srgb, currentColor 15%, transparent);
 }
+
+.background.chromium windowcontrols > button:active {
+  background-color: color-mix(in srgb, currentColor 30%, transparent);
+}
+