1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
|
/* 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.subtle-highlight,
sq_button.subtle-highlight-2 {
background: alpha(@theme_fg_color, 0.105);
}
sq_button.subtle-highlight:active,
sq_button.subtle-highlight-2:active {
background: alpha(@theme_fg_color, 0.16);
}
sq_button.emoji-group,
sq_button.character-group {
background: alpha(@theme_fg_color, 0.105);
border-bottom: 0.4999px;
border-style: solid;
border-color: alpha(@theme_fg_color, 0.175);
}
sq_button.emoji-group:active,
sq_button.character-group:active {
background: alpha(@theme_fg_color, 0.16);
border-bottom: 0.4999px;
border-style: solid;
border-color: alpha(@theme_fg_color, 0.175);
}
sq_button.change-view,
sq_button.change-view-2,
sq_button.change-view-3 {
background: alpha(@theme_fg_color, 0.15);
border-bottom: 0.4999px;
border-style: solid;
border-color: alpha(@theme_fg_color, 0.175);
}
sq_button.change-view:active,
sq_button.change-view-2:active,
sq_button.change-view-3:active {
background: alpha(@theme_fg_color, 0.2);
border-bottom: 0.4999px;
border-style: solid;
border-color: alpha(@theme_fg_color, 0.175);
}
sq_button.placeholder,
sq_button.placeholder-2 {
background: alpha(@theme_fg_color, 0.035);
}
sq_button.placeholder:active,
sq_button.placeholder-2:active {
background: initial;
box-shadow: initial;
}
sq_button.altline,
sq_button.special,
sq_button.special-2,
sq_button.special-3,
sq_button.wide {
background: alpha(@theme_fg_color, 0.15);
}
sq_button.altline:active,
sq_button.special:active,
sq_button.special-2:active,
sq_button.special-3: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");
|
