1 files changed, 138 insertions, 0 deletions
diff --git a/dotfiles/.config/dms/firefox.css b/dotfiles/.config/dms/firefox.css
new file mode 100644
index 0000000..eb22096
--- /dev/null
+++ b/dotfiles/.config/dms/firefox.css
@@ -0,0 +1,138 @@
+@media -moz-pref("userChrome.theme-material") {
+  :root {
+    --md-sys-color-primary: #5b8277;
+    --md-sys-color-surface-tint: #5b8277;
+    --md-sys-color-on-primary: #faf3e0;
+    --md-sys-color-primary-container: #bbe0cf;
+    --md-sys-color-on-primary-container: #3a2f22;
+    --md-sys-color-secondary: #b2872f;
+    --md-sys-color-on-secondary: #faf3e0;
+    --md-sys-color-secondary-container: #ece3cc;
+    --md-sys-color-on-secondary-container: #3a2f22;
+    --md-sys-color-tertiary: #b2872f;
+    --md-sys-color-on-tertiary: #faf3e0;
+    --md-sys-color-tertiary-container: #ece3cc;
+    --md-sys-color-on-tertiary-container: #3a2f22;
+    --md-sys-color-error: #d2212d;
+    --md-sys-color-on-error: #ffffff;
+    --md-sys-color-error-container: #f9dedc;
+    --md-sys-color-on-error-container: #410e0b;
+    --md-sys-color-background: #faf3e0;
+    --md-sys-color-on-background: #3a2f22;
+    --md-sys-color-surface: #faf3e0;
+    --md-sys-color-on-surface: #3a2f22;
+    --md-sys-color-surface-variant: #ece3cc;
+    --md-sys-color-on-surface-variant: #2d241a;
+    --md-sys-color-outline: #8a7f6f;
+    --md-sys-color-outline-variant: #ece3cc;
+    --md-sys-color-shadow: #000000;
+    --md-sys-color-scrim: #000000;
+    --md-sys-color-inverse-surface: #26211c;
+    --md-sys-color-inverse-on-surface: #f5e8c7;
+    --md-sys-color-inverse-primary: #7fac96;
+    --md-sys-color-primary-fixed: #bbe0cf;
+    --md-sys-color-on-primary-fixed: #faf3e0;
+    --md-sys-color-primary-fixed-dim: #5b8277;
+    --md-sys-color-on-primary-fixed-variant: #faf3e0;
+    --md-sys-color-secondary-fixed: #b2872f;
+    --md-sys-color-on-secondary-fixed: #faf3e0;
+    --md-sys-color-secondary-fixed-dim: #b2872f;
+    --md-sys-color-on-secondary-fixed-variant: #faf3e0;
+    --md-sys-color-tertiary-fixed: #b2872f;
+    --md-sys-color-on-tertiary-fixed: #faf3e0;
+    --md-sys-color-tertiary-fixed-dim: #b2872f;
+    --md-sys-color-on-tertiary-fixed-variant: #faf3e0;
+    --md-sys-color-surface-dim: #f3ead0;
+    --md-sys-color-surface-bright: #f3ead0;
+    --md-sys-color-surface-container-lowest: #faf3e0;
+    --md-sys-color-surface-container-low: #f3ead0;
+    --md-sys-color-surface-container: #faf3e0;
+    --md-sys-color-surface-container-high: #faf3e0;
+    --md-sys-color-surface-container-highest: #faf3e0;
+
+    --m3-radius: 12px;
+    --m3-radius-sm: 10px;
+    --m3-elev-0: none;
+    --m3-elev-1: 0 1px 2px color-mix(in srgb, var(--md-sys-color-shadow) 8%, transparent), 0 1px 3px color-mix(in srgb, var(--md-sys-color-shadow) 6%, transparent);
+    --m3-elev-2: 0 2px 6px color-mix(in srgb, var(--md-sys-color-shadow) 10%, transparent), 0 1px 3px color-mix(in srgb, var(--md-sys-color-shadow) 6%, transparent);
+    --m3-elev-3: 0 11px 7px color-mix(in srgb, var(--md-sys-color-shadow) 19%, transparent), 0 13px 25px color-mix(in srgb, var(--md-sys-color-shadow) 30%, transparent);
+    --m3-elev-4: 0 14px 12px color-mix(in srgb, var(--md-sys-color-shadow) 17%, transparent), 0 20px 40px color-mix(in srgb, var(--md-sys-color-shadow) 30%, transparent);
+    --m3-elev-5: 0 17px 17px color-mix(in srgb, var(--md-sys-color-shadow) 15%, transparent), 0 27px 55px color-mix(in srgb, var(--md-sys-color-shadow) 30%, transparent);
+
+    --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: #7fac96;
+    --md-sys-color-surface-tint: #7fac96;
+    --md-sys-color-on-primary: #1c1814;
+    --md-sys-color-primary-container: #1f3630;
+    --md-sys-color-on-primary-container: #f5e8c7;
+    --md-sys-color-secondary: #e2b55a;
+    --md-sys-color-on-secondary: #1c1814;
+    --md-sys-color-secondary-container: #322b23;
+    --md-sys-color-on-secondary-container: #f5e8c7;
+    --md-sys-color-tertiary: #e2b55a;
+    --md-sys-color-on-tertiary: #1c1814;
+    --md-sys-color-tertiary-container: #322b23;
+    --md-sys-color-on-tertiary-container: #f5e8c7;
+    --md-sys-color-error: #fa5750;
+    --md-sys-color-on-error: #601410;
+    --md-sys-color-error-container: #8c1d18;
+    --md-sys-color-on-error-container: #f9dedc;
+    --md-sys-color-background: #1c1814;
+    --md-sys-color-on-background: #f5e8c7;
+    --md-sys-color-surface: #26211c;
+    --md-sys-color-on-surface: #f5e8c7;
+    --md-sys-color-surface-variant: #322b23;
+    --md-sys-color-on-surface-variant: #fbf3db;
+    --md-sys-color-outline: #8a7f6f;
+    --md-sys-color-outline-variant: #322b23;
+    --md-sys-color-shadow: #000000;
+    --md-sys-color-scrim: #000000;
+    --md-sys-color-inverse-surface: #f3ead0;
+    --md-sys-color-inverse-on-surface: #3a2f22;
+    --md-sys-color-inverse-primary: #5b8277;
+    --md-sys-color-primary-fixed: #1f3630;
+    --md-sys-color-on-primary-fixed: #1c1814;
+    --md-sys-color-primary-fixed-dim: #7fac96;
+    --md-sys-color-on-primary-fixed-variant: #1c1814;
+    --md-sys-color-secondary-fixed: #e2b55a;
+    --md-sys-color-on-secondary-fixed: #1c1814;
+    --md-sys-color-secondary-fixed-dim: #e2b55a;
+    --md-sys-color-on-secondary-fixed-variant: #1c1814;
+    --md-sys-color-tertiary-fixed: #e2b55a;
+    --md-sys-color-on-tertiary-fixed: #1c1814;
+    --md-sys-color-tertiary-fixed-dim: #e2b55a;
+    --md-sys-color-on-tertiary-fixed-variant: #1c1814;
+    --md-sys-color-surface-dim: #1c1814;
+    --md-sys-color-surface-bright: #3a332b;
+    --md-sys-color-surface-container-lowest: #1c1814;
+    --md-sys-color-surface-container-low: #26211c;
+    --md-sys-color-surface-container: #26211c;
+    --md-sys-color-surface-container-high: #322b23;
+    --md-sys-color-surface-container-highest: #3a332b;
+
+    --m3-elev-1: 0 1px 2px color-mix(in srgb, var(--md-sys-color-shadow) 50%, transparent), 0 1px 3px color-mix(in srgb, var(--md-sys-color-shadow) 35%, transparent);
+    --m3-elev-2: 0 4px 10px color-mix(in srgb, var(--md-sys-color-shadow) 55%, transparent), 0 1px 3px color-mix(in srgb, var(--md-sys-color-shadow) 35%, transparent);
+    --m3-elev-3: 0 11px 7px color-mix(in srgb, var(--md-sys-color-shadow) 45%, transparent), 0 13px 25px color-mix(in srgb, var(--md-sys-color-shadow) 55%, transparent);
+    --m3-elev-4: 0 14px 12px color-mix(in srgb, var(--md-sys-color-shadow) 42%, transparent), 0 20px 40px color-mix(in srgb, var(--md-sys-color-shadow) 55%, transparent);
+    --m3-elev-5: 0 17px 17px color-mix(in srgb, var(--md-sys-color-shadow) 40%, transparent), 0 27px 55px color-mix(in srgb, var(--md-sys-color-shadow) 55%, transparent);
+
+    --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, "Google Sans Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
+}