133 lines
6.4 KiB
CSS
133 lines
6.4 KiB
CSS
/* @media -moz-pref("userChrome.theme-material") { */
|
|
/* :root { */
|
|
/* --md-sys-color-primary: #535a92; */
|
|
/* --md-sys-color-surface-tint: #535a92; */
|
|
/* --md-sys-color-on-primary: #ffffff; */
|
|
/* --md-sys-color-primary-container: #dfe0ff; */
|
|
/* --md-sys-color-on-primary-container: #0e154b; */
|
|
/* --md-sys-color-secondary: #5b5d72; */
|
|
/* --md-sys-color-on-secondary: #ffffff; */
|
|
/* --md-sys-color-secondary-container: #e0e0f9; */
|
|
/* --md-sys-color-on-secondary-container: #181a2c; */
|
|
/* --md-sys-color-tertiary: #77536c; */
|
|
/* --md-sys-color-on-tertiary: #ffffff; */
|
|
/* --md-sys-color-tertiary-container: #ffd7ef; */
|
|
/* --md-sys-color-on-tertiary-container: #2d1127; */
|
|
/* --md-sys-color-error: #ba1a1a; */
|
|
/* --md-sys-color-on-error: #ffffff; */
|
|
/* --md-sys-color-error-container: #ffdad6; */
|
|
/* --md-sys-color-on-error-container: #410002; */
|
|
/* --md-sys-color-background: #fbf8ff; */
|
|
/* --md-sys-color-on-background: #1b1b21; */
|
|
/* --md-sys-color-surface: #fbf8ff; */
|
|
/* --md-sys-color-on-surface: #1b1b21; */
|
|
/* --md-sys-color-surface-variant: #e3e1ec; */
|
|
/* --md-sys-color-on-surface-variant: #46464f; */
|
|
/* --md-sys-color-outline: #777680; */
|
|
/* --md-sys-color-outline-variant: #c7c5d0; */
|
|
/* --md-sys-color-shadow: #000000; */
|
|
/* --md-sys-color-scrim: #000000; */
|
|
/* --md-sys-color-inverse-surface: #303036; */
|
|
/* --md-sys-color-inverse-on-surface: #f2eff7; */
|
|
/* --md-sys-color-inverse-primary: #bcc2ff; */
|
|
/* --md-sys-color-primary-fixed: #dfe0ff; */
|
|
/* --md-sys-color-on-primary-fixed: #0e154b; */
|
|
/* --md-sys-color-primary-fixed-dim: #bcc2ff; */
|
|
/* --md-sys-color-on-primary-fixed-variant: #3b4279; */
|
|
/* --md-sys-color-secondary-fixed: #e0e0f9; */
|
|
/* --md-sys-color-on-secondary-fixed: #181a2c; */
|
|
/* --md-sys-color-secondary-fixed-dim: #c4c5dd; */
|
|
/* --md-sys-color-on-secondary-fixed-variant: #444559; */
|
|
/* --md-sys-color-tertiary-fixed: #ffd7ef; */
|
|
/* --md-sys-color-on-tertiary-fixed: #2d1127; */
|
|
/* --md-sys-color-tertiary-fixed-dim: #e7b9d6; */
|
|
/* --md-sys-color-on-tertiary-fixed-variant: #5e3c54; */
|
|
/* --md-sys-color-surface-dim: #dbd9e0; */
|
|
/* --md-sys-color-surface-bright: #fbf8ff; */
|
|
/* --md-sys-color-surface-container-lowest: #ffffff; */
|
|
/* --md-sys-color-surface-container-low: #f5f2fa; */
|
|
/* --md-sys-color-surface-container: #fbf8ff; */
|
|
/* --md-sys-color-surface-container-high: #fbf8ff; */
|
|
/* --md-sys-color-surface-container-highest: #fbf8ff; */
|
|
/**/
|
|
/* --m3-radius: 12px; */
|
|
/* --m3-radius-sm: 10px; */
|
|
/* --m3-elev-0: none; */
|
|
/* --m3-elev-1: 0 1px 2px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.06); */
|
|
/* --m3-elev-2: 0 2px 6px rgba(0,0,0,.10), 0 1px 3px rgba(0,0,0,.06); */
|
|
/**/
|
|
/* --tab-height: 34px; */
|
|
/* --urlbar-height: 38px; */
|
|
/**/
|
|
/* --state-hover: color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent); */
|
|
/* --state-press: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); */
|
|
/**/
|
|
/* --focus-ring: 0 0 0 2px color-mix(in srgb, var(--md-sys-color-primary) 70%, transparent); */
|
|
/* } */
|
|
/* } */
|
|
/**/
|
|
/* @media (prefers-color-scheme: dark) { */
|
|
/* :root { */
|
|
/* --md-sys-color-primary: #bcc2ff; */
|
|
/* --md-sys-color-surface-tint: #bcc2ff; */
|
|
/* --md-sys-color-on-primary: #252b61; */
|
|
/* --md-sys-color-primary-container: #3b4279; */
|
|
/* --md-sys-color-on-primary-container: #dfe0ff; */
|
|
/* --md-sys-color-secondary: #c4c5dd; */
|
|
/* --md-sys-color-on-secondary: #2d2f42; */
|
|
/* --md-sys-color-secondary-container: #444559; */
|
|
/* --md-sys-color-on-secondary-container: #e0e0f9; */
|
|
/* --md-sys-color-tertiary: #e7b9d6; */
|
|
/* --md-sys-color-on-tertiary: #45263c; */
|
|
/* --md-sys-color-tertiary-container: #5e3c54; */
|
|
/* --md-sys-color-on-tertiary-container: #ffd7ef; */
|
|
/* --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: #131318; */
|
|
/* --md-sys-color-on-background: #e4e1e9; */
|
|
/* --md-sys-color-surface: #131318; */
|
|
/* --md-sys-color-on-surface: #e4e1e9; */
|
|
/* --md-sys-color-surface-variant: #46464f; */
|
|
/* --md-sys-color-on-surface-variant: #c7c5d0; */
|
|
/* --md-sys-color-outline: #91909a; */
|
|
/* --md-sys-color-outline-variant: #46464f; */
|
|
/* --md-sys-color-shadow: #000000; */
|
|
/* --md-sys-color-scrim: #000000; */
|
|
/* --md-sys-color-inverse-surface: #e4e1e9; */
|
|
/* --md-sys-color-inverse-on-surface: #303036; */
|
|
/* --md-sys-color-inverse-primary: #535a92; */
|
|
/* --md-sys-color-primary-fixed: #dfe0ff; */
|
|
/* --md-sys-color-on-primary-fixed: #0e154b; */
|
|
/* --md-sys-color-primary-fixed-dim: #bcc2ff; */
|
|
/* --md-sys-color-on-primary-fixed-variant: #3b4279; */
|
|
/* --md-sys-color-secondary-fixed: #e0e0f9; */
|
|
/* --md-sys-color-on-secondary-fixed: #181a2c; */
|
|
/* --md-sys-color-secondary-fixed-dim: #c4c5dd; */
|
|
/* --md-sys-color-on-secondary-fixed-variant: #444559; */
|
|
/* --md-sys-color-tertiary-fixed: #ffd7ef; */
|
|
/* --md-sys-color-on-tertiary-fixed: #2d1127; */
|
|
/* --md-sys-color-tertiary-fixed-dim: #e7b9d6; */
|
|
/* --md-sys-color-on-tertiary-fixed-variant: #5e3c54; */
|
|
/* --md-sys-color-surface-dim: #131318; */
|
|
/* --md-sys-color-surface-bright: #39393f; */
|
|
/* --md-sys-color-surface-container-lowest: #0d0e13; */
|
|
/* --md-sys-color-surface-container-low: #1b1b21; */
|
|
/* --md-sys-color-surface-container: #1f1f25; */
|
|
/* --md-sys-color-surface-container-high: #29292f; */
|
|
/* --md-sys-color-surface-container-highest: #34343a; */
|
|
/**/
|
|
/* --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); */
|
|
/**/
|
|
/* --state-hover: color-mix(in srgb, var(--md-sys-color-on-surface) 6%, transparent); */
|
|
/* --state-press: color-mix(in srgb, var(--md-sys-color-on-surface) 10%, transparent); */
|
|
/* } */
|
|
/* } */
|
|
/**/
|
|
/* /* idk if this even works, but the suggestion in the material updated readme bricks symbols no matter how many fallbacks I add */ */
|
|
/* :root { */
|
|
/* font-family: system-ui, "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; */
|
|
/* } */
|