bdb16a3890
- The button-styling has been adjusted, to make it easier to visually distinguish the view-changing buttons that switch to views with buttons for entering hiragana, katakana, symbols, and Latin letters. - Easier switching between hiragana and katakana, and between symbols and punctuation. - Added more placeholders to prevent layout-shifting. - The base-shape is now sized properly on a 6" large display with a resolution of 720x1440 (PinePhone), without empty space next to it. - The wide shape is now wider. - The symbols- and punctuation-views switch back to the katakana-view when opened from it and "unlocking" the view by tapping multiple times on the view-changing button, instead of showing the hiragana-view. Part-of: <https://gitlab.gnome.org/World/Phosh/squeekboard/-/merge_requests/644>
99 lines
1.7 KiB
CSS
99 lines
1.7 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.subtle-highlight {
|
|
background: #3f3e41;
|
|
}
|
|
|
|
sq_button.subtle-highlight:active {
|
|
background: #676669;
|
|
}
|
|
|
|
sq_button.emoji-group,
|
|
sq_button.character-group {
|
|
background: #3f3e41;
|
|
border-bottom: 0.4999px;
|
|
border-style: solid;
|
|
border-color: alpha(white, 0.25);
|
|
}
|
|
|
|
sq_button.emoji-group:active,
|
|
sq_button.character-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");
|