/* Auto-generated by matugen, do not edit, edit the template instead. libadwaita named colours, imported by gtk-3.0/gtk.css (adw-gtk3 theme) and gtk-4.0/gtk.css. Material You roles like aurora (primary = accent and selection, tinted surface ladder), Nothing-ish pill shapes. */ @define-color accent_color {{colors.primary.default.hex}}; @define-color accent_bg_color {{colors.primary.default.hex}}; @define-color accent_fg_color {{colors.on_primary.default.hex}}; @define-color destructive_color {{colors.error.default.hex}}; @define-color destructive_bg_color {{colors.error.default.hex}}; @define-color destructive_fg_color {{colors.on_error.default.hex}}; @define-color error_color {{colors.error.default.hex}}; @define-color error_bg_color {{colors.error.default.hex}}; @define-color error_fg_color {{colors.on_error.default.hex}}; @define-color warning_color {{colors.tertiary.default.hex}}; @define-color warning_bg_color {{colors.tertiary.default.hex}}; @define-color warning_fg_color {{colors.on_tertiary.default.hex}}; @define-color window_bg_color {{colors.surface.default.hex}}; @define-color window_fg_color {{colors.on_surface.default.hex}}; @define-color view_bg_color {{colors.surface_container_low.default.hex}}; @define-color view_fg_color {{colors.on_surface.default.hex}}; @define-color headerbar_bg_color {{colors.surface.default.hex}}; @define-color headerbar_fg_color {{colors.on_surface.default.hex}}; @define-color headerbar_border_color {{colors.surface_container_high.default.hex}}; @define-color headerbar_backdrop_color @window_bg_color; @define-color headerbar_shade_color rgba(0, 0, 0, 0.36); @define-color sidebar_bg_color {{colors.surface_container_low.default.hex}}; @define-color sidebar_fg_color {{colors.on_surface.default.hex}}; @define-color sidebar_backdrop_color @window_bg_color; @define-color card_bg_color {{colors.surface_container.default.hex}}; @define-color card_fg_color {{colors.on_surface.default.hex}}; @define-color card_shade_color rgba(0, 0, 0, 0.36); @define-color dialog_bg_color {{colors.surface_container_high.default.hex}}; @define-color dialog_fg_color {{colors.on_surface.default.hex}}; @define-color popover_bg_color {{colors.surface_container_high.default.hex}}; @define-color popover_fg_color {{colors.on_surface.default.hex}}; @define-color shade_color rgba(0, 0, 0, 0.36); @define-color scrollbar_outline_color rgba(0, 0, 0, 0.5); @define-color borders {{colors.outline_variant.default.hex}}; /* gtk3 (adw-gtk3) */ @define-color theme_bg_color @window_bg_color; @define-color theme_fg_color @window_fg_color; @define-color theme_base_color @view_bg_color; @define-color theme_text_color @view_fg_color; @define-color theme_selected_bg_color @accent_bg_color; @define-color theme_selected_fg_color @accent_fg_color; @define-color insensitive_fg_color {{colors.outline.default.hex}}; /* ---- Nothing-ish shapes: pills, round popovers; joined groups keep straight inner corners ---- */ button, entry { border-radius: 999px; } entry { padding-left: 14px; padding-right: 14px; } .linked:not(.vertical) > button:not(:first-child), .linked:not(.vertical) > entry:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .linked:not(.vertical) > button:not(:last-child), .linked:not(.vertical) > entry:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical > button, .linked.vertical > entry { border-radius: 12px; } popover > contents, popover.background { border-radius: 24px; } scrollbar slider { border-radius: 999px; }