updated wallpaper switcher to now also automatically switch DMS config, so it works with the DMS pre-made themes.
This commit is contained in:
@@ -1,54 +1,54 @@
|
||||
@media -moz-pref("userChrome.theme-material") {
|
||||
:root {
|
||||
--md-sys-color-primary: #3e5e80;
|
||||
--md-sys-color-surface-tint: #3e5e80;
|
||||
--md-sys-color-on-primary: #ffffff;
|
||||
--md-sys-color-primary-container: #57779a;
|
||||
--md-sys-color-on-primary-container: #ffffff;
|
||||
--md-sys-color-secondary: #545f6e;
|
||||
--md-sys-color-on-secondary: #ffffff;
|
||||
--md-sys-color-secondary-container: #d7e3f5;
|
||||
--md-sys-color-on-secondary-container: #3d4957;
|
||||
--md-sys-color-tertiary: #785522;
|
||||
--md-sys-color-on-tertiary: #ffffff;
|
||||
--md-sys-color-tertiary-container: #936e38;
|
||||
--md-sys-color-on-tertiary-container: #ffffff;
|
||||
--md-sys-color-error: #ba1a1a;
|
||||
--md-sys-color-primary: #3b6ea8;
|
||||
--md-sys-color-surface-tint: #3b6ea8;
|
||||
--md-sys-color-on-primary: #e5e9f0;
|
||||
--md-sys-color-primary-container: #398eac;
|
||||
--md-sys-color-on-primary-container: #2e3440;
|
||||
--md-sys-color-secondary: #97365b;
|
||||
--md-sys-color-on-secondary: #e5e9f0;
|
||||
--md-sys-color-secondary-container: #aebacf;
|
||||
--md-sys-color-on-secondary-container: #2e3440;
|
||||
--md-sys-color-tertiary: #97365b;
|
||||
--md-sys-color-on-tertiary: #e5e9f0;
|
||||
--md-sys-color-tertiary-container: #aebacf;
|
||||
--md-sys-color-on-tertiary-container: #2e3440;
|
||||
--md-sys-color-error: #99324b;
|
||||
--md-sys-color-on-error: #ffffff;
|
||||
--md-sys-color-error-container: #ffdad6;
|
||||
--md-sys-color-on-error-container: #410002;
|
||||
--md-sys-color-background: #faf9fc;
|
||||
--md-sys-color-on-background: #1a1c1e;
|
||||
--md-sys-color-surface: #faf9fc;
|
||||
--md-sys-color-on-surface: #1a1c1e;
|
||||
--md-sys-color-surface-variant: #dfe2eb;
|
||||
--md-sys-color-on-surface-variant: #43474e;
|
||||
--md-sys-color-outline: #73777e;
|
||||
--md-sys-color-outline-variant: #c3c7ce;
|
||||
--md-sys-color-error-container: #f9dedc;
|
||||
--md-sys-color-on-error-container: #410e0b;
|
||||
--md-sys-color-background: #e5e9f0;
|
||||
--md-sys-color-on-background: #29838d;
|
||||
--md-sys-color-surface: #e5e9f0;
|
||||
--md-sys-color-on-surface: #2e3440;
|
||||
--md-sys-color-surface-variant: #b8c5db;
|
||||
--md-sys-color-on-surface-variant: #3b4252;
|
||||
--md-sys-color-outline: #60728c;
|
||||
--md-sys-color-outline-variant: #b8c5db;
|
||||
--md-sys-color-shadow: #000000;
|
||||
--md-sys-color-scrim: #000000;
|
||||
--md-sys-color-inverse-surface: #2f3033;
|
||||
--md-sys-color-inverse-on-surface: #f1f0f3;
|
||||
--md-sys-color-inverse-primary: #a9c9f0;
|
||||
--md-sys-color-primary-fixed: #d0e4ff;
|
||||
--md-sys-color-on-primary-fixed: #001d35;
|
||||
--md-sys-color-primary-fixed-dim: #a9c9f0;
|
||||
--md-sys-color-on-primary-fixed-variant: #28496a;
|
||||
--md-sys-color-secondary-fixed: #d7e3f5;
|
||||
--md-sys-color-on-secondary-fixed: #111c29;
|
||||
--md-sys-color-secondary-fixed-dim: #bcc7d8;
|
||||
--md-sys-color-on-secondary-fixed-variant: #3c4856;
|
||||
--md-sys-color-tertiary-fixed: #ffddb3;
|
||||
--md-sys-color-on-tertiary-fixed: #291800;
|
||||
--md-sys-color-tertiary-fixed-dim: #edbf81;
|
||||
--md-sys-color-on-tertiary-fixed-variant: #60410e;
|
||||
--md-sys-color-surface-dim: #dadadd;
|
||||
--md-sys-color-surface-bright: #faf9fc;
|
||||
--md-sys-color-surface-container-lowest: #ffffff;
|
||||
--md-sys-color-surface-container-low: #f4f3f6;
|
||||
--md-sys-color-surface-container: #faf9fc;
|
||||
--md-sys-color-surface-container-high: #faf9fc;
|
||||
--md-sys-color-surface-container-highest: #faf9fc;
|
||||
--md-sys-color-inverse-surface: #3b4252;
|
||||
--md-sys-color-inverse-on-surface: #eceff4;
|
||||
--md-sys-color-inverse-primary: #81a1c1;
|
||||
--md-sys-color-primary-fixed: #398eac;
|
||||
--md-sys-color-on-primary-fixed: #e5e9f0;
|
||||
--md-sys-color-primary-fixed-dim: #3b6ea8;
|
||||
--md-sys-color-on-primary-fixed-variant: #e5e9f0;
|
||||
--md-sys-color-secondary-fixed: #97365b;
|
||||
--md-sys-color-on-secondary-fixed: #e5e9f0;
|
||||
--md-sys-color-secondary-fixed-dim: #97365b;
|
||||
--md-sys-color-on-secondary-fixed-variant: #e5e9f0;
|
||||
--md-sys-color-tertiary-fixed: #97365b;
|
||||
--md-sys-color-on-tertiary-fixed: #e5e9f0;
|
||||
--md-sys-color-tertiary-fixed-dim: #97365b;
|
||||
--md-sys-color-on-tertiary-fixed-variant: #e5e9f0;
|
||||
--md-sys-color-surface-dim: #b8c5db;
|
||||
--md-sys-color-surface-bright: #c2d0e7;
|
||||
--md-sys-color-surface-container-lowest: #e5e9f0;
|
||||
--md-sys-color-surface-container-low: #c2d0e7;
|
||||
--md-sys-color-surface-container: #e5e9f0;
|
||||
--md-sys-color-surface-container-high: #e5e9f0;
|
||||
--md-sys-color-surface-container-highest: #e5e9f0;
|
||||
|
||||
--m3-radius: 12px;
|
||||
--m3-radius-sm: 10px;
|
||||
@@ -68,55 +68,55 @@
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--md-sys-color-primary: #a9c9f0;
|
||||
--md-sys-color-surface-tint: #a9c9f0;
|
||||
--md-sys-color-on-primary: #0c3252;
|
||||
--md-sys-color-primary-container: #7393b8;
|
||||
--md-sys-color-on-primary-container: #000000;
|
||||
--md-sys-color-secondary: #bcc7d8;
|
||||
--md-sys-color-on-secondary: #26313f;
|
||||
--md-sys-color-secondary-container: #3c4856;
|
||||
--md-sys-color-on-secondary-container: #d5e1f3;
|
||||
--md-sys-color-tertiary: #edbf81;
|
||||
--md-sys-color-on-tertiary: #452b00;
|
||||
--md-sys-color-tertiary-container: #b28951;
|
||||
--md-sys-color-on-tertiary-container: #000000;
|
||||
--md-sys-color-error: #ffb4ab;
|
||||
--md-sys-color-on-error: #690005;
|
||||
--md-sys-color-error-container: #93000a;
|
||||
--md-sys-color-on-error-container: #ffdad6;
|
||||
--md-sys-color-background: #121316;
|
||||
--md-sys-color-on-background: #e3e2e5;
|
||||
--md-sys-color-surface: #121316;
|
||||
--md-sys-color-on-surface: #e3e2e5;
|
||||
--md-sys-color-surface-variant: #43474e;
|
||||
--md-sys-color-on-surface-variant: #c3c7ce;
|
||||
--md-sys-color-outline: #8d9198;
|
||||
--md-sys-color-outline-variant: #43474e;
|
||||
--md-sys-color-primary: #81a1c1;
|
||||
--md-sys-color-surface-tint: #81a1c1;
|
||||
--md-sys-color-on-primary: #2e3440;
|
||||
--md-sys-color-primary-container: #88c0d0;
|
||||
--md-sys-color-on-primary-container: #eceff4;
|
||||
--md-sys-color-secondary: #b48ead;
|
||||
--md-sys-color-on-secondary: #2e3440;
|
||||
--md-sys-color-secondary-container: #4c566a;
|
||||
--md-sys-color-on-secondary-container: #eceff4;
|
||||
--md-sys-color-tertiary: #b48ead;
|
||||
--md-sys-color-on-tertiary: #2e3440;
|
||||
--md-sys-color-tertiary-container: #4c566a;
|
||||
--md-sys-color-on-tertiary-container: #eceff4;
|
||||
--md-sys-color-error: #bf616a;
|
||||
--md-sys-color-on-error: #601410;
|
||||
--md-sys-color-error-container: #8c1d18;
|
||||
--md-sys-color-on-error-container: #f9dedc;
|
||||
--md-sys-color-background: #2e3440;
|
||||
--md-sys-color-on-background: #8fbcbb;
|
||||
--md-sys-color-surface: #3b4252;
|
||||
--md-sys-color-on-surface: #eceff4;
|
||||
--md-sys-color-surface-variant: #434c5e;
|
||||
--md-sys-color-on-surface-variant: #eceff4;
|
||||
--md-sys-color-outline: #d8dee9;
|
||||
--md-sys-color-outline-variant: #434c5e;
|
||||
--md-sys-color-shadow: #000000;
|
||||
--md-sys-color-scrim: #000000;
|
||||
--md-sys-color-inverse-surface: #e3e2e5;
|
||||
--md-sys-color-inverse-on-surface: #2f3033;
|
||||
--md-sys-color-inverse-primary: #416183;
|
||||
--md-sys-color-primary-fixed: #d0e4ff;
|
||||
--md-sys-color-on-primary-fixed: #001d35;
|
||||
--md-sys-color-primary-fixed-dim: #a9c9f0;
|
||||
--md-sys-color-on-primary-fixed-variant: #28496a;
|
||||
--md-sys-color-secondary-fixed: #d7e3f5;
|
||||
--md-sys-color-on-secondary-fixed: #111c29;
|
||||
--md-sys-color-secondary-fixed-dim: #bcc7d8;
|
||||
--md-sys-color-on-secondary-fixed-variant: #3c4856;
|
||||
--md-sys-color-tertiary-fixed: #ffddb3;
|
||||
--md-sys-color-on-tertiary-fixed: #291800;
|
||||
--md-sys-color-tertiary-fixed-dim: #edbf81;
|
||||
--md-sys-color-on-tertiary-fixed-variant: #60410e;
|
||||
--md-sys-color-surface-dim: #121316;
|
||||
--md-sys-color-surface-bright: #38393c;
|
||||
--md-sys-color-surface-container-lowest: #0d0e11;
|
||||
--md-sys-color-surface-container-low: #1a1c1e;
|
||||
--md-sys-color-surface-container: #1e2022;
|
||||
--md-sys-color-surface-container-high: #292a2c;
|
||||
--md-sys-color-surface-container-highest: #333537;
|
||||
--md-sys-color-inverse-surface: #c2d0e7;
|
||||
--md-sys-color-inverse-on-surface: #2e3440;
|
||||
--md-sys-color-inverse-primary: #3b6ea8;
|
||||
--md-sys-color-primary-fixed: #88c0d0;
|
||||
--md-sys-color-on-primary-fixed: #2e3440;
|
||||
--md-sys-color-primary-fixed-dim: #81a1c1;
|
||||
--md-sys-color-on-primary-fixed-variant: #2e3440;
|
||||
--md-sys-color-secondary-fixed: #b48ead;
|
||||
--md-sys-color-on-secondary-fixed: #2e3440;
|
||||
--md-sys-color-secondary-fixed-dim: #b48ead;
|
||||
--md-sys-color-on-secondary-fixed-variant: #2e3440;
|
||||
--md-sys-color-tertiary-fixed: #b48ead;
|
||||
--md-sys-color-on-tertiary-fixed: #2e3440;
|
||||
--md-sys-color-tertiary-fixed-dim: #b48ead;
|
||||
--md-sys-color-on-tertiary-fixed-variant: #2e3440;
|
||||
--md-sys-color-surface-dim: #2e3440;
|
||||
--md-sys-color-surface-bright: #4c566a;
|
||||
--md-sys-color-surface-container-lowest: #2e3440;
|
||||
--md-sys-color-surface-container-low: #3b4252;
|
||||
--md-sys-color-surface-container: #434c5e;
|
||||
--md-sys-color-surface-container-high: #4c566a;
|
||||
--md-sys-color-surface-container-highest: #4c566a;
|
||||
|
||||
--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