added additional matugen templating. guides coming soon
This commit is contained in:
@@ -1,54 +1,54 @@
|
||||
@media -moz-pref("userChrome.theme-material") {
|
||||
:root {
|
||||
--md-sys-color-primary: #8ca101;
|
||||
--md-sys-color-surface-tint: #8ca101;
|
||||
--md-sys-color-on-primary: #efebd4;
|
||||
--md-sys-color-primary-container: #92b259;
|
||||
--md-sys-color-on-primary-container: #5c6a72;
|
||||
--md-sys-color-secondary: #dea000;
|
||||
--md-sys-color-on-secondary: #efebd4;
|
||||
--md-sys-color-secondary-container: #e6e2cc;
|
||||
--md-sys-color-on-secondary-container: #5c6a72;
|
||||
--md-sys-color-tertiary: #dea000;
|
||||
--md-sys-color-on-tertiary: #efebd4;
|
||||
--md-sys-color-tertiary-container: #e6e2cc;
|
||||
--md-sys-color-on-tertiary-container: #5c6a72;
|
||||
--md-sys-color-error: #f75552;
|
||||
--md-sys-color-primary: #b7006f;
|
||||
--md-sys-color-surface-tint: #b7006f;
|
||||
--md-sys-color-on-primary: #ffffff;
|
||||
--md-sys-color-primary-container: #ffd9e5;
|
||||
--md-sys-color-on-primary-container: #3e0022;
|
||||
--md-sys-color-secondary: #805159;
|
||||
--md-sys-color-on-secondary: #ffffff;
|
||||
--md-sys-color-secondary-container: #ffd9de;
|
||||
--md-sys-color-on-secondary-container: #321018;
|
||||
--md-sys-color-tertiary: #8b4d4a;
|
||||
--md-sys-color-on-tertiary: #ffffff;
|
||||
--md-sys-color-tertiary-container: #ffdad8;
|
||||
--md-sys-color-on-tertiary-container: #380b0c;
|
||||
--md-sys-color-error: #ba1a1a;
|
||||
--md-sys-color-on-error: #ffffff;
|
||||
--md-sys-color-error-container: #f9dedc;
|
||||
--md-sys-color-on-error-container: #410e0b;
|
||||
--md-sys-color-background: #fdf6e3;
|
||||
--md-sys-color-on-background: #5c6a72;
|
||||
--md-sys-color-surface: #fdf6e3;
|
||||
--md-sys-color-on-surface: #5c6a72;
|
||||
--md-sys-color-surface-variant: #fdf6e3;
|
||||
--md-sys-color-on-surface-variant: #5c6a72;
|
||||
--md-sys-color-outline: #829181;
|
||||
--md-sys-color-outline-variant: #fdf6e3;
|
||||
--md-sys-color-error-container: #ffdad6;
|
||||
--md-sys-color-on-error-container: #410002;
|
||||
--md-sys-color-background: #fff8f8;
|
||||
--md-sys-color-on-background: #25181d;
|
||||
--md-sys-color-surface: #fff8f8;
|
||||
--md-sys-color-on-surface: #25181d;
|
||||
--md-sys-color-surface-variant: #f5dce3;
|
||||
--md-sys-color-on-surface-variant: #534248;
|
||||
--md-sys-color-outline: #857278;
|
||||
--md-sys-color-outline-variant: #d8c1c7;
|
||||
--md-sys-color-shadow: #000000;
|
||||
--md-sys-color-scrim: #000000;
|
||||
--md-sys-color-inverse-surface: #232a2e;
|
||||
--md-sys-color-inverse-on-surface: #d3c6aa;
|
||||
--md-sys-color-inverse-primary: #a7c080;
|
||||
--md-sys-color-primary-fixed: #92b259;
|
||||
--md-sys-color-on-primary-fixed: #efebd4;
|
||||
--md-sys-color-primary-fixed-dim: #8ca101;
|
||||
--md-sys-color-on-primary-fixed-variant: #efebd4;
|
||||
--md-sys-color-secondary-fixed: #dea000;
|
||||
--md-sys-color-on-secondary-fixed: #efebd4;
|
||||
--md-sys-color-secondary-fixed-dim: #dea000;
|
||||
--md-sys-color-on-secondary-fixed-variant: #efebd4;
|
||||
--md-sys-color-tertiary-fixed: #dea000;
|
||||
--md-sys-color-on-tertiary-fixed: #efebd4;
|
||||
--md-sys-color-tertiary-fixed-dim: #dea000;
|
||||
--md-sys-color-on-tertiary-fixed-variant: #efebd4;
|
||||
--md-sys-color-surface-dim: #efebd4;
|
||||
--md-sys-color-surface-bright: #efebd4;
|
||||
--md-sys-color-surface-container-lowest: #fdf6e3;
|
||||
--md-sys-color-surface-container-low: #efebd4;
|
||||
--md-sys-color-surface-container: #fdf6e3;
|
||||
--md-sys-color-surface-container-high: #fdf6e3;
|
||||
--md-sys-color-surface-container-highest: #fdf6e3;
|
||||
--md-sys-color-inverse-surface: #3b2c31;
|
||||
--md-sys-color-inverse-on-surface: #ffecf1;
|
||||
--md-sys-color-inverse-primary: #ffb0ce;
|
||||
--md-sys-color-primary-fixed: #ffd9e5;
|
||||
--md-sys-color-on-primary-fixed: #3e0022;
|
||||
--md-sys-color-primary-fixed-dim: #ffb0ce;
|
||||
--md-sys-color-on-primary-fixed-variant: #8c0053;
|
||||
--md-sys-color-secondary-fixed: #ffd9de;
|
||||
--md-sys-color-on-secondary-fixed: #321018;
|
||||
--md-sys-color-secondary-fixed-dim: #f2b7c0;
|
||||
--md-sys-color-on-secondary-fixed-variant: #653b42;
|
||||
--md-sys-color-tertiary-fixed: #ffdad8;
|
||||
--md-sys-color-on-tertiary-fixed: #380b0c;
|
||||
--md-sys-color-tertiary-fixed-dim: #ffb3af;
|
||||
--md-sys-color-on-tertiary-fixed-variant: #6f3634;
|
||||
--md-sys-color-surface-dim: #ecd4db;
|
||||
--md-sys-color-surface-bright: #fff8f8;
|
||||
--md-sys-color-surface-container-lowest: #ffffff;
|
||||
--md-sys-color-surface-container-low: #fff0f3;
|
||||
--md-sys-color-surface-container: #fff8f8;
|
||||
--md-sys-color-surface-container-high: #fff8f8;
|
||||
--md-sys-color-surface-container-highest: #fff8f8;
|
||||
|
||||
--m3-radius: 12px;
|
||||
--m3-radius-sm: 10px;
|
||||
@@ -68,55 +68,55 @@
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--md-sys-color-primary: #a7c080;
|
||||
--md-sys-color-surface-tint: #a7c080;
|
||||
--md-sys-color-on-primary: #232a2e;
|
||||
--md-sys-color-primary-container: #6c8446;
|
||||
--md-sys-color-on-primary-container: #d3c6aa;
|
||||
--md-sys-color-secondary: #7fbbb3;
|
||||
--md-sys-color-on-secondary: #232a2e;
|
||||
--md-sys-color-secondary-container: #3d484d;
|
||||
--md-sys-color-on-secondary-container: #d3c6aa;
|
||||
--md-sys-color-tertiary: #7fbbb3;
|
||||
--md-sys-color-on-tertiary: #232a2e;
|
||||
--md-sys-color-tertiary-container: #3d484d;
|
||||
--md-sys-color-on-tertiary-container: #d3c6aa;
|
||||
--md-sys-color-error: #e57e80;
|
||||
--md-sys-color-on-error: #601410;
|
||||
--md-sys-color-error-container: #8c1d18;
|
||||
--md-sys-color-on-error-container: #f9dedc;
|
||||
--md-sys-color-background: #2d353b;
|
||||
--md-sys-color-on-background: #d3c6aa;
|
||||
--md-sys-color-surface: #232a2e;
|
||||
--md-sys-color-on-surface: #d3c6aa;
|
||||
--md-sys-color-surface-variant: #2d353b;
|
||||
--md-sys-color-on-surface-variant: #d3c6aa;
|
||||
--md-sys-color-outline: #56635f;
|
||||
--md-sys-color-outline-variant: #2d353b;
|
||||
--md-sys-color-primary: #ffb0ce;
|
||||
--md-sys-color-surface-tint: #ffb0ce;
|
||||
--md-sys-color-on-primary: #64003a;
|
||||
--md-sys-color-primary-container: #8c0053;
|
||||
--md-sys-color-on-primary-container: #ffd9e5;
|
||||
--md-sys-color-secondary: #f2b7c0;
|
||||
--md-sys-color-on-secondary: #4b252c;
|
||||
--md-sys-color-secondary-container: #653b42;
|
||||
--md-sys-color-on-secondary-container: #ffd9de;
|
||||
--md-sys-color-tertiary: #ffb3af;
|
||||
--md-sys-color-on-tertiary: #53201f;
|
||||
--md-sys-color-tertiary-container: #6f3634;
|
||||
--md-sys-color-on-tertiary-container: #ffdad8;
|
||||
--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: #1c1014;
|
||||
--md-sys-color-on-background: #f5dce3;
|
||||
--md-sys-color-surface: #1c1014;
|
||||
--md-sys-color-on-surface: #f5dce3;
|
||||
--md-sys-color-surface-variant: #534248;
|
||||
--md-sys-color-on-surface-variant: #d8c1c7;
|
||||
--md-sys-color-outline: #a08b92;
|
||||
--md-sys-color-outline-variant: #534248;
|
||||
--md-sys-color-shadow: #000000;
|
||||
--md-sys-color-scrim: #000000;
|
||||
--md-sys-color-inverse-surface: #efebd4;
|
||||
--md-sys-color-inverse-on-surface: #5c6a72;
|
||||
--md-sys-color-inverse-primary: #8ca101;
|
||||
--md-sys-color-primary-fixed: #6c8446;
|
||||
--md-sys-color-on-primary-fixed: #232a2e;
|
||||
--md-sys-color-primary-fixed-dim: #a7c080;
|
||||
--md-sys-color-on-primary-fixed-variant: #232a2e;
|
||||
--md-sys-color-secondary-fixed: #7fbbb3;
|
||||
--md-sys-color-on-secondary-fixed: #232a2e;
|
||||
--md-sys-color-secondary-fixed-dim: #7fbbb3;
|
||||
--md-sys-color-on-secondary-fixed-variant: #232a2e;
|
||||
--md-sys-color-tertiary-fixed: #7fbbb3;
|
||||
--md-sys-color-on-tertiary-fixed: #232a2e;
|
||||
--md-sys-color-tertiary-fixed-dim: #7fbbb3;
|
||||
--md-sys-color-on-tertiary-fixed-variant: #232a2e;
|
||||
--md-sys-color-surface-dim: #2d353b;
|
||||
--md-sys-color-surface-bright: #475258;
|
||||
--md-sys-color-surface-container-lowest: #2d353b;
|
||||
--md-sys-color-surface-container-low: #232a2e;
|
||||
--md-sys-color-surface-container: #343f44;
|
||||
--md-sys-color-surface-container-high: #3d484d;
|
||||
--md-sys-color-surface-container-highest: #475258;
|
||||
--md-sys-color-inverse-surface: #f5dce3;
|
||||
--md-sys-color-inverse-on-surface: #3b2c31;
|
||||
--md-sys-color-inverse-primary: #b7006f;
|
||||
--md-sys-color-primary-fixed: #ffd9e5;
|
||||
--md-sys-color-on-primary-fixed: #3e0022;
|
||||
--md-sys-color-primary-fixed-dim: #ffb0ce;
|
||||
--md-sys-color-on-primary-fixed-variant: #8c0053;
|
||||
--md-sys-color-secondary-fixed: #ffd9de;
|
||||
--md-sys-color-on-secondary-fixed: #321018;
|
||||
--md-sys-color-secondary-fixed-dim: #f2b7c0;
|
||||
--md-sys-color-on-secondary-fixed-variant: #653b42;
|
||||
--md-sys-color-tertiary-fixed: #ffdad8;
|
||||
--md-sys-color-on-tertiary-fixed: #380b0c;
|
||||
--md-sys-color-tertiary-fixed-dim: #ffb3af;
|
||||
--md-sys-color-on-tertiary-fixed-variant: #6f3634;
|
||||
--md-sys-color-surface-dim: #1c1014;
|
||||
--md-sys-color-surface-bright: #45353a;
|
||||
--md-sys-color-surface-container-lowest: #170b0f;
|
||||
--md-sys-color-surface-container-low: #25181d;
|
||||
--md-sys-color-surface-container: #291c21;
|
||||
--md-sys-color-surface-container-high: #34262b;
|
||||
--md-sys-color-surface-container-highest: #403136;
|
||||
|
||||
--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