From 5cd5db6b3e201850bef822bad9b13eac675d540d Mon Sep 17 00:00:00 2001
From: Mauro Balades <mauro.balades@tutanota.com>
Date: Wed, 14 Aug 2024 10:37:33 +0200
Subject: [PATCH] Added `!important` to in-content colors

---
 .../base/content/zen-styles/zen-theme.css     | 44 +++++++++----------
 1 file changed, 22 insertions(+), 22 deletions(-)

diff --git a/src/browser/base/content/zen-styles/zen-theme.css b/src/browser/base/content/zen-styles/zen-theme.css
index 44c5c4fd0..584f04031 100644
--- a/src/browser/base/content/zen-styles/zen-theme.css
+++ b/src/browser/base/content/zen-styles/zen-theme.css
@@ -26,46 +26,46 @@
   --zen-dialog-background: var(--zen-colors-tertiary);
   --zen-urlbar-background: color-mix(in srgb, var(--zen-primary-color) 8%, #f1f1f1 92%);
 
+  --zen-secondary-btn-color: var(--zen-colors-primary-foreground);   
+
   --in-content-primary-button-background: light-dark(
     color-mix(in srgb, var(--zen-primary-color) 35%, black 65%),
     color-mix(in srgb, var(--zen-primary-color) 35%, white 65%)
-  );          
+  ) !important;          
   --in-content-primary-button-background-hover: light-dark(
     color-mix(in srgb, var(--zen-primary-color) 40%, black 60%),
     color-mix(in srgb, var(--zen-primary-color) 40%, white 60%)
-  );
-  --in-content-primary-button-background-active: var(--zen-colors-hover-bg);
-  --in-content-primary-button-text-color: light-dark(white, black);
-  --in-content-primary-button-border-color: transparent;
-  --in-content-primary-button-border-hover: transparent;
-  --in-content-primary-button-border-active: var(--zen-colors-border);
-  --zen-characteristic-gradient: linear-gradient(135deg, #fac89a 0%, #e290ff 100%);
+  ) !important;
+  --in-content-primary-button-background-active: var(--zen-colors-hover-bg) !important;
+  --in-content-primary-button-text-color: light-dark(white, black) !important;
+  --in-content-primary-button-border-color: transparent !important;
+  --in-content-primary-button-border-hover: transparent !important;
+  --in-content-primary-button-border-active: var(--zen-colors-border) !important;
 
-  --in-content-accent-color: var(--zen-colors-primary);
+  --in-content-accent-color: var(--zen-colors-primary) !important;
 
   /* This is like the secondary button */
   --in-content-button-background: light-dark(
     color-mix(in srgb, var(--zen-primary-color) 20%, transparent 80%),
     color-mix(in srgb, var(--zen-primary-color) 10%, transparent 90%)
-  );
+  ) !important;
   --in-content-button-background-hover: light-dark(
     color-mix(in srgb, var(--zen-primary-color) 25%, transparent 75%),
     color-mix(in srgb, var(--zen-primary-color) 15%, transparent 85%)
-  );
-  --button-bgcolor: var(--in-content-button-background);
-  --button-hover-bgcolor: var(--in-content-button-background-hover);   
-  --zen-secondary-btn-color: var(--zen-colors-primary-foreground);
-  --focus-outline-color: var(--button-bgcolor);
-  --in-content-button-text-color: var(--zen-secondary-btn-color);
+  ) !important;
+  --button-bgcolor: var(--in-content-button-background) !important;
+  --button-hover-bgcolor: var(--in-content-button-background-hover) !important;   
+  --focus-outline-color: var(--button-bgcolor) !important;
+  --in-content-button-text-color: var(--zen-secondary-btn-color) !important;
 
-  --toolbarbutton-icon-fill-attention: var(--zen-primary-color);
+  --toolbarbutton-icon-fill-attention: var(--zen-primary-color) !important;
 
-  --button-primary-bgcolor: var(--in-content-primary-button-background);
-  --button-primary-hover-bgcolor: var(--in-content-primary-button-background-hover);
-  --button-primary-active-bgcolor: var(--in-content-primary-button-background-active);
-  --button-primary-color: var(--in-content-primary-button-text-color);
+  --button-primary-bgcolor: var(--in-content-primary-button-background) !important;
+  --button-primary-hover-bgcolor: var(--in-content-primary-button-background-hover) !important;
+  --button-primary-active-bgcolor: var(--in-content-primary-button-background-active) !important;
+  --button-primary-color: var(--in-content-primary-button-text-color) !important;                    
 
-  --in-content-page-background: var(--zen-colors-tertiary);
+  --in-content-page-background: var(--zen-colors-tertiary) !important;
   --zen-in-content-dialog-background: var(--zen-colors-tertiary);
 
   --zen-button-border-radius: 7px;