niri, dms: more changes after dms v2.1

Also added config for dfiles. For now lf is still comfier, but dfiles
looks very promising, and it's definitely way nicer to have it as the
open/save dialog instead of the gnome crap.

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;
+}