added various brand themes
This commit is contained in:
@@ -1,54 +1,54 @@
|
||||
@media -moz-pref("userChrome.theme-material") {
|
||||
:root {
|
||||
--md-sys-color-primary: #b16286;
|
||||
--md-sys-color-surface-tint: #b16286;
|
||||
--md-sys-color-on-primary: #1c1c1c;
|
||||
--md-sys-color-primary-container: #8f3f71;
|
||||
--md-sys-color-on-primary-container: #1c1c1c;
|
||||
--md-sys-color-secondary: #458588;
|
||||
--md-sys-color-on-secondary: #1c1c1c;
|
||||
--md-sys-color-secondary-container: #d1c4ac;
|
||||
--md-sys-color-on-secondary-container: #1c1c1c;
|
||||
--md-sys-color-tertiary: #458588;
|
||||
--md-sys-color-on-tertiary: #1c1c1c;
|
||||
--md-sys-color-tertiary-container: #d1c4ac;
|
||||
--md-sys-color-on-tertiary-container: #1c1c1c;
|
||||
--md-sys-color-error: #cc241d;
|
||||
--md-sys-color-primary: #76ba99;
|
||||
--md-sys-color-surface-tint: #76ba99;
|
||||
--md-sys-color-on-primary: #ffffff;
|
||||
--md-sys-color-primary-container: #e0f0eb;
|
||||
--md-sys-color-on-primary-container: #121212;
|
||||
--md-sys-color-secondary: #5c7080;
|
||||
--md-sys-color-on-secondary: #ffffff;
|
||||
--md-sys-color-secondary-container: #e0e0e0;
|
||||
--md-sys-color-on-secondary-container: #121212;
|
||||
--md-sys-color-tertiary: #5c7080;
|
||||
--md-sys-color-on-tertiary: #ffffff;
|
||||
--md-sys-color-tertiary-container: #e0e0e0;
|
||||
--md-sys-color-on-tertiary-container: #121212;
|
||||
--md-sys-color-error: #ff5252;
|
||||
--md-sys-color-on-error: #ffffff;
|
||||
--md-sys-color-error-container: #f9dedc;
|
||||
--md-sys-color-on-error-container: #410e0b;
|
||||
--md-sys-color-background: #e5d4b1;
|
||||
--md-sys-color-on-background: #3c3836;
|
||||
--md-sys-color-surface: #e5d4b1;
|
||||
--md-sys-color-on-surface: #1c1c1c;
|
||||
--md-sys-color-surface-variant: #bdae9d;
|
||||
--md-sys-color-on-surface-variant: #282828;
|
||||
--md-sys-color-outline: #303030;
|
||||
--md-sys-color-outline-variant: #bdae9d;
|
||||
--md-sys-color-background: #f5f5f5;
|
||||
--md-sys-color-on-background: #121212;
|
||||
--md-sys-color-surface: #f5f5f5;
|
||||
--md-sys-color-on-surface: #121212;
|
||||
--md-sys-color-surface-variant: #e0e0e0;
|
||||
--md-sys-color-on-surface-variant: #424242;
|
||||
--md-sys-color-outline: #bdbdbd;
|
||||
--md-sys-color-outline-variant: #e0e0e0;
|
||||
--md-sys-color-shadow: #000000;
|
||||
--md-sys-color-scrim: #000000;
|
||||
--md-sys-color-inverse-surface: #1c1c1c;
|
||||
--md-sys-color-inverse-on-surface: #fbf1c7;
|
||||
--md-sys-color-inverse-primary: #83a598;
|
||||
--md-sys-color-primary-fixed: #8f3f71;
|
||||
--md-sys-color-on-primary-fixed: #1c1c1c;
|
||||
--md-sys-color-primary-fixed-dim: #b16286;
|
||||
--md-sys-color-on-primary-fixed-variant: #1c1c1c;
|
||||
--md-sys-color-secondary-fixed: #458588;
|
||||
--md-sys-color-on-secondary-fixed: #1c1c1c;
|
||||
--md-sys-color-secondary-fixed-dim: #458588;
|
||||
--md-sys-color-on-secondary-fixed-variant: #1c1c1c;
|
||||
--md-sys-color-tertiary-fixed: #458588;
|
||||
--md-sys-color-on-tertiary-fixed: #1c1c1c;
|
||||
--md-sys-color-tertiary-fixed-dim: #458588;
|
||||
--md-sys-color-on-tertiary-fixed-variant: #1c1c1c;
|
||||
--md-sys-color-surface-dim: #ebdbb2;
|
||||
--md-sys-color-surface-bright: #fbf1c7;
|
||||
--md-sys-color-surface-container-lowest: #e5d4b1;
|
||||
--md-sys-color-surface-container-low: #fbf1c7;
|
||||
--md-sys-color-surface-container: #e5d4b1;
|
||||
--md-sys-color-surface-container-high: #e5d4b1;
|
||||
--md-sys-color-surface-container-highest: #e5d4b1;
|
||||
--md-sys-color-inverse-surface: #121212;
|
||||
--md-sys-color-inverse-on-surface: #e0e0e0;
|
||||
--md-sys-color-inverse-primary: #76ba99;
|
||||
--md-sys-color-primary-fixed: #e0f0eb;
|
||||
--md-sys-color-on-primary-fixed: #ffffff;
|
||||
--md-sys-color-primary-fixed-dim: #76ba99;
|
||||
--md-sys-color-on-primary-fixed-variant: #ffffff;
|
||||
--md-sys-color-secondary-fixed: #5c7080;
|
||||
--md-sys-color-on-secondary-fixed: #ffffff;
|
||||
--md-sys-color-secondary-fixed-dim: #5c7080;
|
||||
--md-sys-color-on-secondary-fixed-variant: #ffffff;
|
||||
--md-sys-color-tertiary-fixed: #5c7080;
|
||||
--md-sys-color-on-tertiary-fixed: #ffffff;
|
||||
--md-sys-color-tertiary-fixed-dim: #5c7080;
|
||||
--md-sys-color-on-tertiary-fixed-variant: #ffffff;
|
||||
--md-sys-color-surface-dim: #f5f5f5;
|
||||
--md-sys-color-surface-bright: #ffffff;
|
||||
--md-sys-color-surface-container-lowest: #f5f5f5;
|
||||
--md-sys-color-surface-container-low: #ffffff;
|
||||
--md-sys-color-surface-container: #f5f5f5;
|
||||
--md-sys-color-surface-container-high: #f5f5f5;
|
||||
--md-sys-color-surface-container-highest: #f5f5f5;
|
||||
|
||||
--m3-radius: 12px;
|
||||
--m3-radius-sm: 10px;
|
||||
@@ -68,55 +68,55 @@
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--md-sys-color-primary: #83a598;
|
||||
--md-sys-color-surface-tint: #83a598;
|
||||
--md-sys-color-on-primary: #1c1c1c;
|
||||
--md-sys-color-primary-container: #458588;
|
||||
--md-sys-color-on-primary-container: #fbf1c7;
|
||||
--md-sys-color-secondary: #b16286;
|
||||
--md-sys-color-on-secondary: #1c1c1c;
|
||||
--md-sys-color-secondary-container: #3c3836;
|
||||
--md-sys-color-on-secondary-container: #fbf1c7;
|
||||
--md-sys-color-tertiary: #b16286;
|
||||
--md-sys-color-on-tertiary: #1c1c1c;
|
||||
--md-sys-color-tertiary-container: #3c3836;
|
||||
--md-sys-color-on-tertiary-container: #fbf1c7;
|
||||
--md-sys-color-error: #cc241d;
|
||||
--md-sys-color-primary: #76ba99;
|
||||
--md-sys-color-surface-tint: #76ba99;
|
||||
--md-sys-color-on-primary: #000000;
|
||||
--md-sys-color-primary-container: #5a9a80;
|
||||
--md-sys-color-on-primary-container: #e0e0e0;
|
||||
--md-sys-color-secondary: #5c7080;
|
||||
--md-sys-color-on-secondary: #000000;
|
||||
--md-sys-color-secondary-container: #2a2a2a;
|
||||
--md-sys-color-on-secondary-container: #e0e0e0;
|
||||
--md-sys-color-tertiary: #5c7080;
|
||||
--md-sys-color-on-tertiary: #000000;
|
||||
--md-sys-color-tertiary-container: #2a2a2a;
|
||||
--md-sys-color-on-tertiary-container: #e0e0e0;
|
||||
--md-sys-color-error: #ff5252;
|
||||
--md-sys-color-on-error: #601410;
|
||||
--md-sys-color-error-container: #8c1d18;
|
||||
--md-sys-color-on-error-container: #f9dedc;
|
||||
--md-sys-color-background: #1c1c1c;
|
||||
--md-sys-color-on-background: #a89984;
|
||||
--md-sys-color-surface: #1c1c1c;
|
||||
--md-sys-color-on-surface: #fbf1c7;
|
||||
--md-sys-color-surface-variant: #303030;
|
||||
--md-sys-color-on-surface-variant: #ebdbb2;
|
||||
--md-sys-color-outline: #ebdbb2;
|
||||
--md-sys-color-outline-variant: #303030;
|
||||
--md-sys-color-background: #121212;
|
||||
--md-sys-color-on-background: #e0e0e0;
|
||||
--md-sys-color-surface: #121212;
|
||||
--md-sys-color-on-surface: #e0e0e0;
|
||||
--md-sys-color-surface-variant: #1e1e1e;
|
||||
--md-sys-color-on-surface-variant: #bdbdbd;
|
||||
--md-sys-color-outline: #444444;
|
||||
--md-sys-color-outline-variant: #1e1e1e;
|
||||
--md-sys-color-shadow: #000000;
|
||||
--md-sys-color-scrim: #000000;
|
||||
--md-sys-color-inverse-surface: #fbf1c7;
|
||||
--md-sys-color-inverse-on-surface: #1c1c1c;
|
||||
--md-sys-color-inverse-primary: #b16286;
|
||||
--md-sys-color-primary-fixed: #458588;
|
||||
--md-sys-color-on-primary-fixed: #1c1c1c;
|
||||
--md-sys-color-primary-fixed-dim: #83a598;
|
||||
--md-sys-color-on-primary-fixed-variant: #1c1c1c;
|
||||
--md-sys-color-secondary-fixed: #b16286;
|
||||
--md-sys-color-on-secondary-fixed: #1c1c1c;
|
||||
--md-sys-color-secondary-fixed-dim: #b16286;
|
||||
--md-sys-color-on-secondary-fixed-variant: #1c1c1c;
|
||||
--md-sys-color-tertiary-fixed: #b16286;
|
||||
--md-sys-color-on-tertiary-fixed: #1c1c1c;
|
||||
--md-sys-color-tertiary-fixed-dim: #b16286;
|
||||
--md-sys-color-on-tertiary-fixed-variant: #1c1c1c;
|
||||
--md-sys-color-surface-dim: #1c1c1c;
|
||||
--md-sys-color-surface-bright: #504945;
|
||||
--md-sys-color-surface-container-lowest: #1c1c1c;
|
||||
--md-sys-color-surface-container-low: #1c1c1c;
|
||||
--md-sys-color-surface-container: #282828;
|
||||
--md-sys-color-surface-container-high: #3c3836;
|
||||
--md-sys-color-surface-container-highest: #504945;
|
||||
--md-sys-color-inverse-surface: #ffffff;
|
||||
--md-sys-color-inverse-on-surface: #121212;
|
||||
--md-sys-color-inverse-primary: #76ba99;
|
||||
--md-sys-color-primary-fixed: #5a9a80;
|
||||
--md-sys-color-on-primary-fixed: #000000;
|
||||
--md-sys-color-primary-fixed-dim: #76ba99;
|
||||
--md-sys-color-on-primary-fixed-variant: #000000;
|
||||
--md-sys-color-secondary-fixed: #5c7080;
|
||||
--md-sys-color-on-secondary-fixed: #000000;
|
||||
--md-sys-color-secondary-fixed-dim: #5c7080;
|
||||
--md-sys-color-on-secondary-fixed-variant: #000000;
|
||||
--md-sys-color-tertiary-fixed: #5c7080;
|
||||
--md-sys-color-on-tertiary-fixed: #000000;
|
||||
--md-sys-color-tertiary-fixed-dim: #5c7080;
|
||||
--md-sys-color-on-tertiary-fixed-variant: #000000;
|
||||
--md-sys-color-surface-dim: #121212;
|
||||
--md-sys-color-surface-bright: #2a2a2a;
|
||||
--md-sys-color-surface-container-lowest: #121212;
|
||||
--md-sys-color-surface-container-low: #121212;
|
||||
--md-sys-color-surface-container: #1e1e1e;
|
||||
--md-sys-color-surface-container-high: #2a2a2a;
|
||||
--md-sys-color-surface-container-highest: #2a2a2a;
|
||||
|
||||
--m3-elev-1: 0 1px 2px rgba(0,0,0,.50), 0 1px 3px rgba(0,0,0,.35);
|
||||
--m3-elev-2: 0 4px 10px rgba(0,0,0,.55), 0 1px 3px rgba(0,0,0,.35);
|
||||
|
||||
Reference in New Issue
Block a user