From d5652c6575b019bd6c1739f08379ef71e3a87ca6 Mon Sep 17 00:00:00 2001 From: Yaroslav de la Peña Smirnov Date: Sun, 8 Nov 2026 02:21:45 +0300 Subject: 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. --- dotfiles/.config/dms/firefox.css | 138 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 138 insertions(+) create mode 100644 dotfiles/.config/dms/firefox.css (limited to 'dotfiles/.config/dms/firefox.css') 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; +} -- cgit v1.3.1