Files
squeekboard/data/style-Adwaita:dark.css
MoonlightWave-12 583816a384 Add placeholder-buttons to emoji-layout
to enhance contrast between usable and unusable buttons.

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

89 lines
1.5 KiB
CSS

/* Adwaita-dark style keyboard */
sq_view {
background-color: rgba(0, 0, 0, 255);
color: #ffffff;
}
sq_view sq_button {
color: #deddda;
background: #464448;
}
sq_button:active {
background: #747077;
}
sq_button.emoji-group {
background: #3f3e41;
border-bottom: 0.4999px;
border-style: solid;
border-color: alpha(white, 0.25);
}
sq_button.emoji-group:active {
background: #747077;
border-bottom: 0.4999px;
border-style: solid;
border-color: alpha(white, 0.5);
}
sq_button.change-view,
sq_button.change-view-2 {
background: #2b292f;
border-bottom: 0.4999px;
border-style: solid;
border-color: alpha(white, 0.25);
}
sq_button.change-view:active,
sq_button.change-view-2:active {
background: #747077;
border-bottom: 0.4999px;
border-style: solid;
border-color: alpha(white, 0.5);
}
sq_button.placeholder,
sq_button.placeholder-2 {
background: #171618;
}
sq_button.placeholder:active,
sq_button.placeholder-2:active {
background: initial;
box-shadow: initial;
}
sq_button.altline,
sq_button.special,
sq_button.wide {
background: #2b292f;
}
sq_button.altline:active,
sq_button.special:active,
sq_button.wide:active {
background: #37353c;
}
sq_button.latched {
background: #ffffff;
color: #2b292f;
}
sq_button.locked {
background: #ffffff;
color: #1c71d8;
}
#Return {
background: #1c71d8;
}
#Return:active {
background: mix(#1c71d8, black, 0.2);
color: mix(#1c71d8, black, 0.2);
}
@import url("resource:///sm/puri/squeekboard/common.css");