Commit 986d1863 authored by Adrien Plazas's avatar Adrien Plazas Committed by Adrien Plazas
Browse files

view-switcher-button: Fix the action bar hover style

This makes the buttons out of a header bar slightly lighter when hovered
and the window is focused. Previously they were the same color as the
unfocused buttons and the action bar, making them look less good and
harder to use.

Fixes Librem5/libhandy#147.
parent c387aa7d
......@@ -28,7 +28,27 @@ hdyviewswitcher > button:not(only-child):last-child:not(:checked):not(:hover) {
border-right-color: transparent;
}
headerbar hdyviewswitcher > button:not(:checked):hover {
hdyviewswitcher > button:not(:checked):hover:not(:backdrop) {
background-image: image(lighter(@theme_bg_color));
}
hdyviewswitcher > button:not(only-child):first-child:not(:checked):hover {
border-left-color: shade(@borders, 1.15);
}
hdyviewswitcher > button:not(:checked):hover + button:not(:checked):not(:hover) {
border-left-color: shade(@borders, 1.15);
}
hdyviewswitcher > button:not(:checked):not(:hover) + button:not(:checked):hover {
border-left-color: shade(@borders, 1.15);
}
hdyviewswitcher > button:not(only-child):last-child:not(:checked):hover {
border-right-color: shade(@borders, 1.15);
}
headerbar hdyviewswitcher > button:not(:checked):hover:not(:backdrop) {
/* Reimplementation of $button_fill from Adwaita. The shade should be 4% and
* 1% in light and dark mode respectively, so please note the shade is a bit
* too strong in dark mode.
......@@ -39,6 +59,23 @@ headerbar hdyviewswitcher > button:not(:checked):hover {
background-image: linear-gradient(to top, shade(alpha(@theme_bg_color, 0.7), 0.96) 2px, alpha(@theme_bg_color, 0.7));
}
headerbar hdyviewswitcher > button:not(only-child):first-child:not(:checked):hover {
border-left-color: @borders;
}
headerbar hdyviewswitcher > button:not(:checked):hover + button:not(:checked):not(:hover) {
border-left-color: @borders;
}
headerbar hdyviewswitcher > button:not(:checked):not(:hover) + button:not(:checked):hover {
border-left-color: @borders;
}
headerbar hdyviewswitcher > button:not(only-child):last-child:not(:checked):hover {
border-right-color: @borders;
}
hdyviewswitcher > button:not(:checked):hover:backdrop,
headerbar hdyviewswitcher > button:not(:checked):hover:backdrop {
background-image: image(@theme_bg_color);
}
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment