Theme panel button hover and overview window close button

Use GNOME Shell's native box-shadow inset fill technique for panel
button hover/active states to avoid double-background layering.
Add wallpaper-colored window close button in overview.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
ediblerope 2026-04-14 10:28:34 +01:00
parent 6c6794efb9
commit 79460a955e

View file

@ -15,6 +15,17 @@ stage {
color: {{colors.on_surface.default.hex}} !important;
}
#panel .panel-button:hover, #panel .panel-button:focus {
background-color: transparent !important;
box-shadow: inset 0 0 0 100px {{colors.surface_container_high.default.hex}} !important;
}
#panel .panel-button:active, #panel .panel-button:checked,
#panel .panel-button:checked:hover {
background-color: transparent !important;
box-shadow: inset 0 0 0 100px {{colors.surface_container_highest.default.hex}} !important;
}
.quick-settings {
background-color: {{colors.surface_container.default.hex}} !important;
}
@ -273,6 +284,17 @@ stage {
color: {{colors.on_surface.default.hex}} !important;
}
/* Window close button in overview */
.window-close {
background-color: {{colors.surface_container_highest.default.hex}} !important;
color: {{colors.on_surface.default.hex}} !important;
}
.window-close:hover {
background-color: {{colors.primary_container.default.hex}} !important;
color: {{colors.on_primary_container.default.hex}} !important;
}
/* Page navigation arrows (next/prev page in app drawer) */
.page-navigation-arrow {
background-color: {{colors.surface_container_high.default.hex}} !important;