From 5d94c0a7d44a2255b81815a52a7056a94a39842d Mon Sep 17 00:00:00 2001 From: nippy Date: Sat, 18 Apr 2026 13:49:56 +0200 Subject: update Raveos themes --- .../matugen/templates/firefox-userchrome.css | 138 +++++++++++++++++++++ 1 file changed, 138 insertions(+) create mode 100644 raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/matugen/templates/firefox-userchrome.css (limited to 'raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/matugen/templates/firefox-userchrome.css') diff --git a/raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/matugen/templates/firefox-userchrome.css b/raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/matugen/templates/firefox-userchrome.css new file mode 100644 index 0000000..07436cc --- /dev/null +++ b/raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/matugen/templates/firefox-userchrome.css @@ -0,0 +1,138 @@ +@media -moz-pref("userChrome.theme-material") { + :root { + --md-sys-color-primary: {{colors.primary.light.hex}}; + --md-sys-color-surface-tint: {{colors.primary.light.hex}}; + --md-sys-color-on-primary: {{colors.on_primary.light.hex}}; + --md-sys-color-primary-container: {{colors.primary_container.light.hex}}; + --md-sys-color-on-primary-container: {{colors.on_primary_container.light.hex}}; + --md-sys-color-secondary: {{colors.secondary.light.hex}}; + --md-sys-color-on-secondary: {{colors.on_secondary.light.hex}}; + --md-sys-color-secondary-container: {{colors.secondary_container.light.hex}}; + --md-sys-color-on-secondary-container: {{colors.on_secondary_container.light.hex}}; + --md-sys-color-tertiary: {{colors.tertiary.light.hex}}; + --md-sys-color-on-tertiary: {{colors.on_tertiary.light.hex}}; + --md-sys-color-tertiary-container: {{colors.tertiary_container.light.hex}}; + --md-sys-color-on-tertiary-container: {{colors.on_tertiary_container.light.hex}}; + --md-sys-color-error: {{colors.error.light.hex}}; + --md-sys-color-on-error: {{colors.on_error.light.hex}}; + --md-sys-color-error-container: {{colors.error_container.light.hex}}; + --md-sys-color-on-error-container: {{colors.on_error_container.light.hex}}; + --md-sys-color-background: {{colors.background.light.hex}}; + --md-sys-color-on-background: {{colors.on_background.light.hex}}; + --md-sys-color-surface: {{colors.background.light.hex}}; + --md-sys-color-on-surface: {{colors.on_surface.light.hex}}; + --md-sys-color-surface-variant: {{colors.surface_variant.light.hex}}; + --md-sys-color-on-surface-variant: {{colors.on_surface_variant.light.hex}}; + --md-sys-color-outline: {{colors.outline.light.hex}}; + --md-sys-color-outline-variant: {{colors.outline_variant.light.hex}}; + --md-sys-color-shadow: {{colors.shadow.light.hex}}; + --md-sys-color-scrim: {{colors.scrim.light.hex}}; + --md-sys-color-inverse-surface: {{colors.inverse_surface.light.hex}}; + --md-sys-color-inverse-on-surface: {{colors.inverse_on_surface.light.hex}}; + --md-sys-color-inverse-primary: {{colors.inverse_primary.light.hex}}; + --md-sys-color-primary-fixed: {{colors.primary_fixed.light.hex}}; + --md-sys-color-on-primary-fixed: {{colors.on_primary_fixed.light.hex}}; + --md-sys-color-primary-fixed-dim: {{colors.primary_fixed_dim.light.hex}}; + --md-sys-color-on-primary-fixed-variant: {{colors.on_primary_fixed_variant.light.hex}}; + --md-sys-color-secondary-fixed: {{colors.secondary_fixed.light.hex}}; + --md-sys-color-on-secondary-fixed: {{colors.on_secondary_fixed.light.hex}}; + --md-sys-color-secondary-fixed-dim: {{colors.secondary_fixed_dim.light.hex}}; + --md-sys-color-on-secondary-fixed-variant: {{colors.on_secondary_fixed_variant.light.hex}}; + --md-sys-color-tertiary-fixed: {{colors.tertiary_fixed.light.hex}}; + --md-sys-color-on-tertiary-fixed: {{colors.on_tertiary_fixed.light.hex}}; + --md-sys-color-tertiary-fixed-dim: {{colors.tertiary_fixed_dim.light.hex}}; + --md-sys-color-on-tertiary-fixed-variant: {{colors.on_tertiary_fixed_variant.light.hex}}; + --md-sys-color-surface-dim: {{colors.surface_dim.light.hex}}; + --md-sys-color-surface-bright: {{colors.surface_bright.light.hex}}; + --md-sys-color-surface-container-lowest: {{colors.surface_container_lowest.light.hex}}; + --md-sys-color-surface-container-low: {{colors.surface_container_low.light.hex}}; + --md-sys-color-surface-container: {{colors.background.light.hex}}; + --md-sys-color-surface-container-high: {{colors.background.light.hex}}; + --md-sys-color-surface-container-highest: {{colors.background.light.hex}}; + + --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: {{colors.primary.dark.hex}}; + --md-sys-color-surface-tint: {{colors.primary.dark.hex}}; + --md-sys-color-on-primary: {{colors.on_primary.dark.hex}}; + --md-sys-color-primary-container: {{colors.primary_container.dark.hex}}; + --md-sys-color-on-primary-container: {{colors.on_primary_container.dark.hex}}; + --md-sys-color-secondary: {{colors.secondary.dark.hex}}; + --md-sys-color-on-secondary: {{colors.on_secondary.dark.hex}}; + --md-sys-color-secondary-container: {{colors.secondary_container.dark.hex}}; + --md-sys-color-on-secondary-container: {{colors.on_secondary_container.dark.hex}}; + --md-sys-color-tertiary: {{colors.tertiary.dark.hex}}; + --md-sys-color-on-tertiary: {{colors.on_tertiary.dark.hex}}; + --md-sys-color-tertiary-container: {{colors.tertiary_container.dark.hex}}; + --md-sys-color-on-tertiary-container: {{colors.on_tertiary_container.dark.hex}}; + --md-sys-color-error: {{colors.error.dark.hex}}; + --md-sys-color-on-error: {{colors.on_error.dark.hex}}; + --md-sys-color-error-container: {{colors.error_container.dark.hex}}; + --md-sys-color-on-error-container: {{colors.on_error_container.dark.hex}}; + --md-sys-color-background: {{colors.background.dark.hex}}; + --md-sys-color-on-background: {{colors.on_background.dark.hex}}; + --md-sys-color-surface: {{colors.surface.dark.hex}}; + --md-sys-color-on-surface: {{colors.on_surface.dark.hex}}; + --md-sys-color-surface-variant: {{colors.surface_variant.dark.hex}}; + --md-sys-color-on-surface-variant: {{colors.on_surface_variant.dark.hex}}; + --md-sys-color-outline: {{colors.outline.dark.hex}}; + --md-sys-color-outline-variant: {{colors.outline_variant.dark.hex}}; + --md-sys-color-shadow: {{colors.shadow.dark.hex}}; + --md-sys-color-scrim: {{colors.scrim.dark.hex}}; + --md-sys-color-inverse-surface: {{colors.inverse_surface.dark.hex}}; + --md-sys-color-inverse-on-surface: {{colors.inverse_on_surface.dark.hex}}; + --md-sys-color-inverse-primary: {{colors.inverse_primary.dark.hex}}; + --md-sys-color-primary-fixed: {{colors.primary_fixed.dark.hex}}; + --md-sys-color-on-primary-fixed: {{colors.on_primary_fixed.dark.hex}}; + --md-sys-color-primary-fixed-dim: {{colors.primary_fixed_dim.dark.hex}}; + --md-sys-color-on-primary-fixed-variant: {{colors.on_primary_fixed_variant.dark.hex}}; + --md-sys-color-secondary-fixed: {{colors.secondary_fixed.dark.hex}}; + --md-sys-color-on-secondary-fixed: {{colors.on_secondary_fixed.dark.hex}}; + --md-sys-color-secondary-fixed-dim: {{colors.secondary_fixed_dim.dark.hex}}; + --md-sys-color-on-secondary-fixed-variant: {{colors.on_secondary_fixed_variant.dark.hex}}; + --md-sys-color-tertiary-fixed: {{colors.tertiary_fixed.dark.hex}}; + --md-sys-color-on-tertiary-fixed: {{colors.on_tertiary_fixed.dark.hex}}; + --md-sys-color-tertiary-fixed-dim: {{colors.tertiary_fixed_dim.dark.hex}}; + --md-sys-color-on-tertiary-fixed-variant: {{colors.on_tertiary_fixed_variant.dark.hex}}; + --md-sys-color-surface-dim: {{colors.surface_dim.dark.hex}}; + --md-sys-color-surface-bright: {{colors.surface_bright.dark.hex}}; + --md-sys-color-surface-container-lowest: {{colors.surface_container_lowest.dark.hex}}; + --md-sys-color-surface-container-low: {{colors.surface_container_low.dark.hex}}; + --md-sys-color-surface-container: {{colors.surface_container.dark.hex}}; + --md-sys-color-surface-container-high: {{colors.surface_container_high.dark.hex}}; + --md-sys-color-surface-container-highest: {{colors.surface_container_highest.dark.hex}}; + + --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, "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; +} -- cgit v1.3