From 2ea30c98aaf5233a04acd3a6209fd5d9d1573ef4 Mon Sep 17 00:00:00 2001
From: mauro-balades <mauro.balades@tutanota.com>
Date: Wed, 11 Sep 2024 21:45:29 +0200
Subject: [PATCH] Refactor zen-theme.css and zen-preferences.css to update the
 marketplace item layout and add configuration button

---
 .../base/content/zen-styles/zen-theme.css        |  1 +
 .../shared/preferences/zen-preferences.css       | 16 ++++++++++++++++
 2 files changed, 17 insertions(+)

diff --git a/src/browser/base/content/zen-styles/zen-theme.css b/src/browser/base/content/zen-styles/zen-theme.css
index 8f5adb2ca..6724540f2 100644
--- a/src/browser/base/content/zen-styles/zen-theme.css
+++ b/src/browser/base/content/zen-styles/zen-theme.css
@@ -43,6 +43,7 @@
   --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-box-border-color: var(--zen-colors-border) !important;
 
   --in-content-accent-color: var(--zen-colors-primary) !important;
 
diff --git a/src/browser/themes/shared/preferences/zen-preferences.css b/src/browser/themes/shared/preferences/zen-preferences.css
index f9d1b5b3b..5a9cd7320 100644
--- a/src/browser/themes/shared/preferences/zen-preferences.css
+++ b/src/browser/themes/shared/preferences/zen-preferences.css
@@ -32,6 +32,22 @@ groupbox {
   box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
 }
 
+@media (-moz-bool-pref: 'zen.theme.color-prefs.amoled') {
+  groupbox {
+    background: #141414;
+  }
+}
+
+@media (-moz-bool-pref: 'zen.theme.color-prefs.colorful') {
+  groupbox {
+    background: light-dark(white, color-mix(in srgb, var(--zen-primary-color) 10%, #1b1b1b 90%));
+  }
+
+  :root {
+    --zen-settings-secondary-background: light-dark(#f2f4f4, color-mix(in srgb, var(--zen-colors-tertiary) 70%, #0f0f0f 30%));
+  }
+}
+
 .subcategory + groupbox,
 #noFxaAccount,
 #hasFxaAccount {