Gabriel Brown
cb7c09d208
Appearance now opens on Themes: light and dark side by side, each remembering its own choice, over galleries of ten shipped themes — Tokyo Moon and Day joined by Moon Rose, Catppuccin, Nord, Gruvbox and Everforest in both modes. A theme is a complete palette: the catalog lives in themes.json, Theme.qml reads every color token from the active record, and one render pipeline carries it to kitty, tmux, btop, GTK, Vicinae, Firefox's chrome, and the lock screen. The Theme editor builds new ones from four wells — wheel, hex, or eyedropper — with derived surfaces, a saturation slider, debounced fine-tune, and effects that save with the theme. Custom edits finally keep GNOME's accent, kitty's border, and hyprlock in sync. Wallpapers can be video: mpvpaper per output, hardware-decoded, muted and looped, supervised and respawned. Panama owns the pausing — games, battery, and a bar pill for right now — because the compositor rebuilds full-screen blur for every frame a video wallpaper draws. The lock screen gets a still frame. Titlebars stop lying. GNOME apps get close-only on your chosen side, the maximize and double-click settings are gone, the Settings window obeys the same rules, and its titlebar can be turned off entirely. Typography becomes five labeled dropdowns instead of a wall of samples. Contracts updated and written throughout (165 now); per the redesign workflow none were executed — the full sweep runs once at the end. Claude-Session: https://claude.ai/code/session_01Ms2FbjQy31TVf3CEvQhGM8
610 lines
25 KiB
CSS
610 lines
25 KiB
CSS
/* GTK NAMED COLORS ---------------- use responsibly! */
|
|
/* Panama regenerates the block below from the active theme's palette, and only
|
|
* the block: every rule outside the markers belongs to the vendored theme and
|
|
* is never touched. Edit the theme, not this file -- the next theme change
|
|
* overwrites whatever is between the markers. The values shipped here are Tokyo
|
|
* Moon, the default dark theme, so the file is valid before it has ever been
|
|
* rewritten. See quickshell/scripts/panama-theme-apps. */
|
|
/* PANAMA THEME BEGIN */
|
|
/* Generated from the "moon" theme by panama-theme-apps. Edit the
|
|
* theme, not this block -- the next theme change overwrites it. */
|
|
@define-color accent_bg_color #82aaff;
|
|
@define-color accent_color #65bcff;
|
|
@define-color accent_fg_color #1e2030;
|
|
@define-color destructive_bg_color #c53b53;
|
|
@define-color destructive_color #ff757f;
|
|
@define-color destructive_fg_color #c8d3f5;
|
|
@define-color success_bg_color #c3e88d;
|
|
@define-color success_color #c3e88d;
|
|
@define-color success_fg_color #1e2030;
|
|
@define-color warning_bg_color #ffc777;
|
|
@define-color warning_color #ffc777;
|
|
@define-color warning_fg_color #1e2030;
|
|
@define-color error_bg_color #c53b53;
|
|
@define-color error_color #ff757f;
|
|
@define-color error_fg_color #c8d3f5;
|
|
@define-color window_bg_color #2e2f3d;
|
|
@define-color window_fg_color #c8d3f5;
|
|
@define-color view_bg_color #222436;
|
|
@define-color view_fg_color #c8d3f5;
|
|
@define-color headerbar_bg_color #2e2f3d;
|
|
@define-color headerbar_fg_color #c8d3f5;
|
|
@define-color headerbar_border_color #3b4261;
|
|
@define-color headerbar_backdrop_color #1e2030;
|
|
@define-color headerbar_shade_color rgba(30, 32, 48, 0.08);
|
|
@define-color headerbar_darker_shade_color rgba(30, 32, 48, 0.9);
|
|
@define-color sidebar_bg_color #1e2030;
|
|
@define-color sidebar_fg_color #c8d3f5;
|
|
@define-color sidebar_backdrop_color #1e2030;
|
|
@define-color sidebar_shade_color rgba(59, 66, 97, 0.08);
|
|
@define-color sidebar_border_color rgba(59, 66, 97, 0.36);
|
|
@define-color secondary_sidebar_bg_color #1e2030;
|
|
@define-color secondary_sidebar_fg_color #c8d3f5;
|
|
@define-color secondary_sidebar_backdrop_color #1e2030;
|
|
@define-color secondary_sidebar_shade_color rgba(30, 32, 48, 0.25);
|
|
@define-color secondary_sidebar_border_color rgba(59, 66, 97, 0.36);
|
|
@define-color card_bg_color #2f334d;
|
|
@define-color card_fg_color #c8d3f5;
|
|
@define-color card_shade_color rgba(30, 32, 48, 0.25);
|
|
@define-color dialog_bg_color #21212f;
|
|
@define-color dialog_fg_color #c8d3f5;
|
|
@define-color popover_bg_color #21212f;
|
|
@define-color popover_fg_color #c8d3f5;
|
|
@define-color popover_shade_color rgba(30, 32, 48, 0.25);
|
|
@define-color thumbnail_bg_color #2f334d;
|
|
@define-color thumbnail_fg_color #c8d3f5;
|
|
@define-color shade_color rgba(30, 32, 48, 0.25);
|
|
@define-color scrollbar_outline_color rgba(30, 32, 48, 0.5);
|
|
/* PANAMA THEME END */
|
|
|
|
/* The GNOME named palette below is reference, not theme: applications ask for
|
|
* @red_3 by name and expect GNOME's red. It stays outside the block. */
|
|
@define-color blue_1 #99c1f1;
|
|
@define-color blue_2 #62a0ea;
|
|
@define-color blue_3 #3584e4;
|
|
@define-color blue_4 #1c71d8;
|
|
@define-color blue_5 #1a5fb4;
|
|
@define-color green_1 #8ff0a4;
|
|
@define-color green_2 #57e389;
|
|
@define-color green_3 #33d17a;
|
|
@define-color green_4 #2ec27e;
|
|
@define-color green_5 #26a269;
|
|
@define-color yellow_1 #f9f06b;
|
|
@define-color yellow_2 #f8e45c;
|
|
@define-color yellow_3 #f6d32d;
|
|
@define-color yellow_4 #f5c211;
|
|
@define-color yellow_5 #e5a50a;
|
|
@define-color orange_1 #ffbe6f;
|
|
@define-color orange_2 #ffa348;
|
|
@define-color orange_3 #ff7800;
|
|
@define-color orange_4 #e66100;
|
|
@define-color orange_5 #c64600;
|
|
@define-color red_1 #f66151;
|
|
@define-color red_2 #ed333b;
|
|
@define-color red_3 #e01b24;
|
|
@define-color red_4 #c01c28;
|
|
@define-color red_5 #a51d2d;
|
|
@define-color purple_1 #dc8add;
|
|
@define-color purple_2 #c061cb;
|
|
@define-color purple_3 #9141ac;
|
|
@define-color purple_4 #813d9c;
|
|
@define-color purple_5 #613583;
|
|
@define-color brown_1 #cdab8f;
|
|
@define-color brown_2 #b5835a;
|
|
@define-color brown_3 #986a44;
|
|
@define-color brown_4 #865e3c;
|
|
@define-color brown_5 #63452c;
|
|
@define-color light_1 #ffffff;
|
|
@define-color light_2 #f6f5f4;
|
|
@define-color light_3 #deddda;
|
|
@define-color light_4 #c0bfbc;
|
|
@define-color light_5 #9a9996;
|
|
@define-color dark_1 #77767b;
|
|
@define-color dark_2 #5e5c64;
|
|
@define-color dark_3 #3d3846;
|
|
@define-color dark_4 #241f31;
|
|
@define-color dark_5 #000000;
|
|
|
|
:root {
|
|
--standalone-color-oklab: max(l, 0.85) a b;
|
|
--accent-color: oklab(
|
|
from var(--accent-bg-color) var(--standalone-color-oklab)
|
|
);
|
|
--destructive-color: oklab(
|
|
from var(--destructive-bg-color) var(--standalone-color-oklab)
|
|
);
|
|
--success-color: oklab(
|
|
from var(--success-bg-color) var(--standalone-color-oklab)
|
|
);
|
|
--warning-color: oklab(
|
|
from var(--warning-bg-color) var(--standalone-color-oklab)
|
|
);
|
|
--error-color: oklab(
|
|
from var(--error-bg-color) var(--standalone-color-oklab)
|
|
);
|
|
--active-toggle-bg-color: rgb(255 255 255 / 20%);
|
|
--active-toggle-fg-color: #ffffff;
|
|
--overview-bg-color: #2e2f3d;
|
|
--overview-fg-color: #ffffff;
|
|
}
|
|
|
|
@import '../gtk-3.0/libadwaita.css';
|
|
@import '../gtk-3.0/libadwaita-tweaks.css';
|
|
|
|
* {
|
|
border-radius: 20px;
|
|
}
|
|
|
|
window {
|
|
border-radius: 20px;
|
|
padding: 10px;
|
|
}
|
|
|
|
.maximize window {
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
window.maximize {
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
/* More customizations */
|
|
/* GTK3 */
|
|
button.titlebutton {
|
|
color: transparent;
|
|
min-width: 12px;
|
|
min-height: 12px;
|
|
padding: 0;
|
|
margin: 0 2px;
|
|
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
|
|
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
|
|
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
|
|
0 1px 2px rgba(0, 0, 0, 0.24);
|
|
}
|
|
|
|
button.titlebutton:backdrop {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
/*****************
|
|
* Title buttons *
|
|
*****************/
|
|
.raven .expander-button,
|
|
.raven .raven-header:not(.top) button.image-button,
|
|
widget > box.terminal-titlebar > button.image-button,
|
|
widget > box.terminal-titlebar > button.image-button.toggle,
|
|
.terminix-session-sidebar button.tilix-sidebar-close-button,
|
|
.tilix-session-sidebar button.tilix-sidebar-close-button,
|
|
.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button,
|
|
.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button,
|
|
.nautilus-window headerbar > revealer > button,
|
|
.solid-csd headerbar:not(.default-decoration) button.titlebutton,
|
|
headerbar button.titlebutton,
|
|
.csd headerbar button.titlebutton,
|
|
.csd headerbar.default-decoration button.titlebutton,
|
|
.titlebar button.titlebutton,
|
|
.csd .titlebar button.titlebutton,
|
|
.titlebar.default-decoration button.titlebutton,
|
|
.csd .titlebar.default-decoration button.titlebutton,
|
|
row button.image-button,
|
|
check,
|
|
radio,
|
|
headerbar.default-decoration button.titlebutton,
|
|
headerbar button.suggested-action,
|
|
headerbar button.destructive-action,
|
|
headerbar button:not(.suggested-action):not(.destructive-action),
|
|
button.close,
|
|
button.circular {
|
|
border-radius: 9999px;
|
|
-gtk-outline-radius: 9999px;
|
|
}
|
|
|
|
headerbar,
|
|
.titlebar {
|
|
padding: 0 14px;
|
|
}
|
|
|
|
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close,
|
|
headerbar button.titlebutton.close,
|
|
.titlebar button.titlebutton.close {
|
|
min-width: 12px;
|
|
min-height: 12px;
|
|
padding: 0;
|
|
margin: 0 2px;
|
|
color: transparent;
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
background-color: #f25056;
|
|
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
|
|
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
|
|
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
|
|
0 1px 2px rgba(0, 0, 0, 0.24);
|
|
}
|
|
|
|
.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize,
|
|
headerbar button.titlebutton.maximize,
|
|
.titlebar button.titlebutton.maximize {
|
|
min-width: 12px;
|
|
min-height: 12px;
|
|
padding: 0;
|
|
margin: 0 2px;
|
|
color: transparent;
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
background-color: #39ea49;
|
|
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
|
|
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
|
|
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
|
|
0 1px 2px rgba(0, 0, 0, 0.24);
|
|
}
|
|
|
|
.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize,
|
|
headerbar button.titlebutton.minimize,
|
|
.titlebar button.titlebutton.minimize {
|
|
min-width: 12px;
|
|
min-height: 12px;
|
|
padding: 0;
|
|
margin: 0 2px;
|
|
color: transparent;
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
background-color: #fac536;
|
|
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
|
|
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
|
|
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
|
|
0 1px 2px rgba(0, 0, 0, 0.24);
|
|
}
|
|
|
|
#MozillaGtkWidget.background
|
|
headerbar.titlebar.default-decoration
|
|
button.titlebutton.close:hover,
|
|
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover,
|
|
headerbar button.titlebutton.close:hover,
|
|
.csd headerbar button.titlebutton.close:hover,
|
|
headerbar.default-decoration button.titlebutton.close:hover,
|
|
.csd headerbar.default-decoration button.titlebutton.close:hover,
|
|
.titlebar button.titlebutton.close:hover,
|
|
.csd .titlebar button.titlebutton.close:hover,
|
|
.titlebar.default-decoration button.titlebutton.close:hover,
|
|
.csd .titlebar.default-decoration button.titlebutton.close:hover {
|
|
padding: 2px;
|
|
margin: -2px 0;
|
|
background-color: #f25056;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
|
|
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
|
|
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
|
|
0 1px 2px rgba(0, 0, 0, 0.24);
|
|
}
|
|
|
|
#MozillaGtkWidget.background
|
|
headerbar.titlebar.default-decoration
|
|
button.titlebutton.maximize:hover,
|
|
.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover,
|
|
headerbar button.titlebutton.maximize:hover,
|
|
.csd headerbar button.titlebutton.maximize:hover,
|
|
headerbar.default-decoration button.titlebutton.maximize:hover,
|
|
.csd headerbar.default-decoration button.titlebutton.maximize:hover,
|
|
.titlebar button.titlebutton.maximize:hover,
|
|
.csd .titlebar button.titlebutton.maximize:hover,
|
|
.titlebar.default-decoration button.titlebutton.maximize:hover,
|
|
.csd .titlebar.default-decoration button.titlebutton.maximize:hover {
|
|
padding: 2px;
|
|
margin: -2px 0;
|
|
background-color: #39ea49;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
|
|
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
|
|
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
|
|
0 1px 2px rgba(0, 0, 0, 0.24);
|
|
}
|
|
|
|
#MozillaGtkWidget.background
|
|
headerbar.titlebar.default-decoration
|
|
button.titlebutton.minimize:hover,
|
|
.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover,
|
|
headerbar button.titlebutton.minimize:hover,
|
|
.csd headerbar button.titlebutton.minimize:hover,
|
|
headerbar.default-decoration button.titlebutton.minimize:hover,
|
|
.csd headerbar.default-decoration button.titlebutton.minimize:hover,
|
|
.titlebar button.titlebutton.minimize:hover,
|
|
.csd .titlebar button.titlebutton.minimize:hover,
|
|
.titlebar.default-decoration button.titlebutton.minimize:hover,
|
|
.csd .titlebar.default-decoration button.titlebutton.minimize:hover {
|
|
padding: 2px;
|
|
margin: -2px 0;
|
|
background-color: #fac536;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
|
|
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
|
|
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
|
|
0 1px 2px rgba(0, 0, 0, 0.24);
|
|
}
|
|
|
|
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover,
|
|
.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover,
|
|
.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover,
|
|
headerbar button.titlebutton.close:hover,
|
|
headerbar button.titlebutton.close:backdrop:hover,
|
|
headerbar button.titlebutton.maximize:hover,
|
|
headerbar button.titlebutton.maximize:backdrop:hover,
|
|
headerbar button.titlebutton.minimize:hover,
|
|
headerbar button.titlebutton.minimize:backdrop:hover,
|
|
.csd headerbar button.titlebutton.close:hover,
|
|
.csd headerbar button.titlebutton.close:backdrop:hover,
|
|
.csd headerbar button.titlebutton.maximize:hover,
|
|
.csd headerbar button.titlebutton.maximize:backdrop:hover,
|
|
.csd headerbar button.titlebutton.minimize:hover,
|
|
.csd headerbar button.titlebutton.minimize:backdrop:hover,
|
|
headerbar.default-decoration button.titlebutton.close:hover,
|
|
headerbar.default-decoration button.titlebutton.close:backdrop:hover,
|
|
headerbar.default-decoration button.titlebutton.maximize:hover,
|
|
headerbar.default-decoration button.titlebutton.maximize:backdrop:hover,
|
|
headerbar.default-decoration button.titlebutton.minimize:hover,
|
|
headerbar.default-decoration button.titlebutton.minimize:backdrop:hover,
|
|
.csd headerbar.default-decoration button.titlebutton.close:hover,
|
|
.csd headerbar.default-decoration button.titlebutton.close:backdrop:hover,
|
|
.csd headerbar.default-decoration button.titlebutton.maximize:hover,
|
|
.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:hover,
|
|
.csd headerbar.default-decoration button.titlebutton.minimize:hover,
|
|
.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:hover,
|
|
.titlebar button.titlebutton.close:hover,
|
|
.titlebar button.titlebutton.close:backdrop:hover,
|
|
.titlebar button.titlebutton.maximize:hover,
|
|
.titlebar button.titlebutton.maximize:backdrop:hover,
|
|
.titlebar button.titlebutton.minimize:hover,
|
|
.titlebar button.titlebutton.minimize:backdrop:hover,
|
|
.csd .titlebar button.titlebutton.close:hover,
|
|
.csd .titlebar button.titlebutton.close:backdrop:hover,
|
|
.csd .titlebar button.titlebutton.maximize:hover,
|
|
.csd .titlebar button.titlebutton.maximize:backdrop:hover,
|
|
.csd .titlebar button.titlebutton.minimize:hover,
|
|
.csd .titlebar button.titlebutton.minimize:backdrop:hover,
|
|
.titlebar.default-decoration button.titlebutton.close:hover,
|
|
.titlebar.default-decoration button.titlebutton.close:backdrop:hover,
|
|
.titlebar.default-decoration button.titlebutton.maximize:hover,
|
|
.titlebar.default-decoration button.titlebutton.maximize:backdrop:hover,
|
|
.titlebar.default-decoration button.titlebutton.minimize:hover,
|
|
.titlebar.default-decoration button.titlebutton.minimize:backdrop:hover,
|
|
.csd .titlebar.default-decoration button.titlebutton.close:hover,
|
|
.csd .titlebar.default-decoration button.titlebutton.close:backdrop:hover,
|
|
.csd .titlebar.default-decoration button.titlebutton.maximize:hover,
|
|
.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:hover,
|
|
.csd .titlebar.default-decoration button.titlebutton.minimize:hover,
|
|
.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:hover {
|
|
color: transparent;
|
|
}
|
|
|
|
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active,
|
|
.solid-csd
|
|
headerbar:not(.default-decoration)
|
|
button.titlebutton.maximize:active,
|
|
.solid-csd
|
|
headerbar:not(.default-decoration)
|
|
button.titlebutton.minimize:active,
|
|
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked,
|
|
.solid-csd
|
|
headerbar:not(.default-decoration)
|
|
button.titlebutton.maximize:checked,
|
|
.solid-csd
|
|
headerbar:not(.default-decoration)
|
|
button.titlebutton.minimize:checked,
|
|
.solid-csd
|
|
headerbar:not(.default-decoration)
|
|
button.titlebutton.close:backdrop:active,
|
|
.solid-csd
|
|
headerbar:not(.default-decoration)
|
|
button.titlebutton.maximize:backdrop:active,
|
|
.solid-csd
|
|
headerbar:not(.default-decoration)
|
|
button.titlebutton.minimize:backdrop:active,
|
|
.solid-csd
|
|
headerbar:not(.default-decoration)
|
|
button.titlebutton.close:backdrop:checked,
|
|
.solid-csd
|
|
headerbar:not(.default-decoration)
|
|
button.titlebutton.maximize:backdrop:checked,
|
|
.solid-csd
|
|
headerbar:not(.default-decoration)
|
|
button.titlebutton.minimize:backdrop:checked,
|
|
headerbar button.titlebutton.close:active,
|
|
headerbar button.titlebutton.close:checked,
|
|
headerbar button.titlebutton.close:backdrop:active,
|
|
headerbar button.titlebutton.close:backdrop:checked,
|
|
headerbar button.titlebutton.maximize:active,
|
|
headerbar button.titlebutton.maximize:checked,
|
|
headerbar button.titlebutton.maximize:backdrop:active,
|
|
headerbar button.titlebutton.maximize:backdrop:checked,
|
|
headerbar button.titlebutton.minimize:active,
|
|
headerbar button.titlebutton.minimize:checked,
|
|
headerbar button.titlebutton.minimize:backdrop:active,
|
|
headerbar button.titlebutton.minimize:backdrop:checked,
|
|
.csd headerbar button.titlebutton.close:active,
|
|
.csd headerbar button.titlebutton.close:checked,
|
|
.csd headerbar button.titlebutton.close:backdrop:active,
|
|
.csd headerbar button.titlebutton.close:backdrop:checked,
|
|
.csd headerbar button.titlebutton.maximize:active,
|
|
.csd headerbar button.titlebutton.maximize:checked,
|
|
.csd headerbar button.titlebutton.maximize:backdrop:active,
|
|
.csd headerbar button.titlebutton.maximize:backdrop:checked,
|
|
.csd headerbar button.titlebutton.minimize:active,
|
|
.csd headerbar button.titlebutton.minimize:checked,
|
|
.csd headerbar button.titlebutton.minimize:backdrop:active,
|
|
.csd headerbar button.titlebutton.minimize:backdrop:checked,
|
|
headerbar.default-decoration button.titlebutton.close:active,
|
|
headerbar.default-decoration button.titlebutton.close:checked,
|
|
headerbar.default-decoration button.titlebutton.close:backdrop:active,
|
|
headerbar.default-decoration button.titlebutton.close:backdrop:checked,
|
|
headerbar.default-decoration button.titlebutton.maximize:active,
|
|
headerbar.default-decoration button.titlebutton.maximize:checked,
|
|
headerbar.default-decoration button.titlebutton.maximize:backdrop:active,
|
|
headerbar.default-decoration button.titlebutton.maximize:backdrop:checked,
|
|
headerbar.default-decoration button.titlebutton.minimize:active,
|
|
headerbar.default-decoration button.titlebutton.minimize:checked,
|
|
headerbar.default-decoration button.titlebutton.minimize:backdrop:active,
|
|
headerbar.default-decoration button.titlebutton.minimize:backdrop:checked,
|
|
.csd headerbar.default-decoration button.titlebutton.close:active,
|
|
.csd headerbar.default-decoration button.titlebutton.close:checked,
|
|
.csd headerbar.default-decoration button.titlebutton.close:backdrop:active,
|
|
.csd headerbar.default-decoration button.titlebutton.close:backdrop:checked,
|
|
.csd headerbar.default-decoration button.titlebutton.maximize:active,
|
|
.csd headerbar.default-decoration button.titlebutton.maximize:checked,
|
|
.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:active,
|
|
.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:checked,
|
|
.csd headerbar.default-decoration button.titlebutton.minimize:active,
|
|
.csd headerbar.default-decoration button.titlebutton.minimize:checked,
|
|
.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:active,
|
|
.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:checked,
|
|
.titlebar button.titlebutton.close:active,
|
|
.titlebar button.titlebutton.close:checked,
|
|
.titlebar button.titlebutton.close:backdrop:active,
|
|
.titlebar button.titlebutton.close:backdrop:checked,
|
|
.titlebar button.titlebutton.maximize:active,
|
|
.titlebar button.titlebutton.maximize:checked,
|
|
.titlebar button.titlebutton.maximize:backdrop:active,
|
|
.titlebar button.titlebutton.maximize:backdrop:checked,
|
|
.titlebar button.titlebutton.minimize:active,
|
|
.titlebar button.titlebutton.minimize:checked,
|
|
.titlebar button.titlebutton.minimize:backdrop:active,
|
|
.titlebar button.titlebutton.minimize:backdrop:checked,
|
|
.csd .titlebar button.titlebutton.close:active,
|
|
.csd .titlebar button.titlebutton.close:checked,
|
|
.csd .titlebar button.titlebutton.close:backdrop:active,
|
|
.csd .titlebar button.titlebutton.close:backdrop:checked,
|
|
.csd .titlebar button.titlebutton.maximize:active,
|
|
.csd .titlebar button.titlebutton.maximize:checked,
|
|
.csd .titlebar button.titlebutton.maximize:backdrop:active,
|
|
.csd .titlebar button.titlebutton.maximize:backdrop:checked,
|
|
.csd .titlebar button.titlebutton.minimize:active,
|
|
.csd .titlebar button.titlebutton.minimize:checked,
|
|
.csd .titlebar button.titlebutton.minimize:backdrop:active,
|
|
.csd .titlebar button.titlebutton.minimize:backdrop:checked,
|
|
.titlebar.default-decoration button.titlebutton.close:active,
|
|
.titlebar.default-decoration button.titlebutton.close:checked,
|
|
.titlebar.default-decoration button.titlebutton.close:backdrop:active,
|
|
.titlebar.default-decoration button.titlebutton.close:backdrop:checked,
|
|
.titlebar.default-decoration button.titlebutton.maximize:active,
|
|
.titlebar.default-decoration button.titlebutton.maximize:checked,
|
|
.titlebar.default-decoration button.titlebutton.maximize:backdrop:active,
|
|
.titlebar.default-decoration button.titlebutton.maximize:backdrop:checked,
|
|
.titlebar.default-decoration button.titlebutton.minimize:active,
|
|
.titlebar.default-decoration button.titlebutton.minimize:checked,
|
|
.titlebar.default-decoration button.titlebutton.minimize:backdrop:active,
|
|
.titlebar.default-decoration button.titlebutton.minimize:backdrop:checked,
|
|
.csd .titlebar.default-decoration button.titlebutton.close:active,
|
|
.csd .titlebar.default-decoration button.titlebutton.close:checked,
|
|
.csd .titlebar.default-decoration button.titlebutton.close:backdrop:active,
|
|
.csd .titlebar.default-decoration button.titlebutton.close:backdrop:checked,
|
|
.csd .titlebar.default-decoration button.titlebutton.maximize:active,
|
|
.csd .titlebar.default-decoration button.titlebutton.maximize:checked,
|
|
.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:active,
|
|
.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:checked,
|
|
.csd .titlebar.default-decoration button.titlebutton.minimize:active,
|
|
.csd .titlebar.default-decoration button.titlebutton.minimize:checked,
|
|
.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:active,
|
|
.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:checked {
|
|
color: transparent;
|
|
}
|
|
|
|
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:backdrop,
|
|
.solid-csd
|
|
headerbar:not(.default-decoration)
|
|
button.titlebutton.maximize:backdrop,
|
|
.solid-csd
|
|
headerbar:not(.default-decoration)
|
|
button.titlebutton.minimize:backdrop,
|
|
headerbar button.titlebutton.close:backdrop,
|
|
headerbar button.titlebutton.maximize:backdrop,
|
|
headerbar button.titlebutton.minimize:backdrop,
|
|
.csd headerbar button.titlebutton.close:backdrop,
|
|
.csd headerbar button.titlebutton.maximize:backdrop,
|
|
.csd headerbar button.titlebutton.minimize:backdrop,
|
|
headerbar.default-decoration button.titlebutton.close:backdrop,
|
|
headerbar.default-decoration button.titlebutton.maximize:backdrop,
|
|
headerbar.default-decoration button.titlebutton.minimize:backdrop,
|
|
.csd headerbar.default-decoration button.titlebutton.close:backdrop,
|
|
.csd headerbar.default-decoration button.titlebutton.maximize:backdrop,
|
|
.csd headerbar.default-decoration button.titlebutton.minimize:backdrop,
|
|
.titlebar button.titlebutton.close:backdrop,
|
|
.titlebar button.titlebutton.maximize:backdrop,
|
|
.titlebar button.titlebutton.minimize:backdrop,
|
|
.csd .titlebar button.titlebutton.close:backdrop,
|
|
.csd .titlebar button.titlebutton.maximize:backdrop,
|
|
.csd .titlebar button.titlebutton.minimize:backdrop,
|
|
.titlebar.default-decoration button.titlebutton.close:backdrop,
|
|
.titlebar.default-decoration button.titlebutton.maximize:backdrop,
|
|
.titlebar.default-decoration button.titlebutton.minimize:backdrop,
|
|
.csd .titlebar.default-decoration button.titlebutton.close:backdrop,
|
|
.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop,
|
|
.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop {
|
|
color: transparent;
|
|
background-color: rgba(0, 0, 0, 0.12);
|
|
}
|
|
|
|
button.titlebutton image {
|
|
margin: -1px;
|
|
}
|
|
|
|
/* gtk4 */
|
|
|
|
/*********************
|
|
* GtkWindowControls *
|
|
*********************/
|
|
windowcontrols > button {
|
|
min-height: 12px;
|
|
min-width: 12px;
|
|
padding: 0px;
|
|
margin-left: 2px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
windowcontrols > button.minimize,
|
|
windowcontrols > button.maximize,
|
|
windowcontrols > button.close {
|
|
color: transparent;
|
|
background: none;
|
|
}
|
|
|
|
windowcontrols > button.minimize > image {
|
|
background-color: #fdbe04;
|
|
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
|
|
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
|
|
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
|
|
0 1px 2px rgba(0, 0, 0, 0.24);
|
|
}
|
|
|
|
windowcontrols > button.minimize:hover > image {
|
|
padding: 3px;
|
|
margin-right: -1px;
|
|
margin-left: -1px;
|
|
}
|
|
|
|
windowcontrols > button.maximize > image {
|
|
background-color: #38c76a;
|
|
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
|
|
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
|
|
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
|
|
0 1px 2px rgba(0, 0, 0, 0.24);
|
|
}
|
|
|
|
windowcontrols > button.maximize:hover > image {
|
|
padding: 3px;
|
|
margin-right: -1px;
|
|
margin-left: -1px;
|
|
}
|
|
|
|
windowcontrols > button.close > image {
|
|
background-color: #fd5f51;
|
|
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
|
|
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
|
|
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
|
|
0 1px 2px rgba(0, 0, 0, 0.24);
|
|
}
|
|
|
|
windowcontrols > button.close:hover > image {
|
|
padding: 3px;
|
|
margin-right: -1px;
|
|
margin-left: -1px;
|
|
}
|
|
windowcontrols > button > image {
|
|
padding: 2px;
|
|
}
|