Files
squeekboard/data/style.css
MoonlightWave-12 ffcb897003 data/style.css: Highlight "wide"-outline
The "wide"-outline was not highlighted on the default and high
contrast styles, while it was highlighted on the "Adwaita:dark"-style.
"Adwaita:dark" is the default on Phosh, so adjust to that, for
consistent button-highlighting.

Part-of: <https://gitlab.gnome.org/World/Phosh/squeekboard/-/merge_requests/634>
2024-04-04 16:29:46 +02:00

50 lines
1.1 KiB
CSS

/* Keyboard style */
sq_view {
background-color: mix(@theme_base_color, @theme_fg_color, 0.1);
box-shadow:inset 0 1px 0 0 mix(@borders, @theme_base_color, 0.8);
}
sq_button {
color: @theme_fg_color;
background: alpha(@theme_fg_color, 0.07);
box-shadow: 0 1px 0 0 rgba(0,0,0,0.2);
}
sq_button:active {
background: alpha(@theme_fg_color, 0.11);
}
sq_button.altline,
sq_button.special,
sq_button.wide {
background: alpha(@theme_fg_color, 0.15);
}
sq_button.altline:active,
sq_button.special:active,
sq_button.wide:active {
background: alpha(@theme_fg_color, 0.2);
}
sq_button.latched {
background: alpha(@theme_fg_color, 0.2);
color: alpha(@theme_fg_color, 0.8);
}
sq_button.locked {
background: alpha(@theme_fg_color, 0.5);
color: @theme_base_color;
}
#Return {
background: @theme_selected_bg_color;
color: @theme_selected_fg_color;
}
#Return:active {
background: mix(@theme_selected_bg_color, black, 0.2);
color: mix(@theme_selected_fg_color, black, 0.2);
}
@import url("resource:///sm/puri/squeekboard/common.css");