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 {