| 1 | /* matugen's colours (~/.config/matugen/templates/gtk.css), then aurora's Nothing look (gtk-3.0/nothing.css, shared |
| 2 | with GTK3), on top of libadwaita / adw-gtk3's GTK4 theme. GTK4-only rules below. */ |
| 3 | @import url("file:///home/k/.cache/matugen/gtk.css"); |
| 4 | @import url("../gtk-3.0/nothing.css"); |
| 5 | |
| 6 | /* adw-gtk3's GTK4 theme (libadwaita-tweaks.css) pins --accent-bg-color to blue, so plain GTK4 apps (pavucontrol, |
| 7 | zathura) ignored the matugen accent; bind the variables to the named colours like libadwaita itself does. */ |
| 8 | :root { |
| 9 | --accent-bg-color: @accent_bg_color; |
| 10 | --accent-fg-color: @accent_fg_color; |
| 11 | --window-bg-color: @window_bg_color; |
| 12 | --headerbar-bg-color: @headerbar_bg_color; |
| 13 | } |
| 14 | |
| 15 | /* caps for nothing.css's labels (GTK3 has no text-transform) */ |
| 16 | .heading, .caption-heading, headerbar .title, columnview > header > button { text-transform: uppercase; } |
| 17 | columnview > header > button { font-weight: normal; font-size: 12px; letter-spacing: 1.7px; color: @aurora_grey; } |
| 18 | |
| 19 | /* popover menus: items as inset pills, hover s3 */ |
| 20 | popover.menu modelbutton { border-radius: 999px; padding-left: 12px; padding-right: 12px; } |
| 21 | popover.menu modelbutton:hover, popover.menu modelbutton:selected { background-color: @aurora_s3; color: @aurora_fg; } |
| 22 | |
| 23 | /* libadwaita's cards and boxed lists as aurora's cards */ |
| 24 | .boxed-list, .boxed-list-separate > row, .card { border-radius: 20px; } |
| 25 | .boxed-list > row:first-child { border-top-left-radius: 20px; border-top-right-radius: 20px; } |
| 26 | .boxed-list > row:last-child { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } |