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
|
@define-color button_color1 #444c5b;
@define-color button_color2 darker(@button_color1);
@define-color keyboard_color1 #000e29;
@define-color keyboard_color2 darker(#000e29);
@define-color key_text_color #ffffff;
@define-color insensitive_color #888888;
@define-color key_scan_color1 #dd0000;
@define-color key_scan_color2 darker(@key_scan_color1);
@define-color group_scan_color1 #00aa00;
@define-color group_scan_color2 darker(@group_scan_color1);
.antler-keyboard-button {
border-width: 0;
border-radius: 2;
border-image: url("dark-key-border.svg") 2 2 2 2 repeat stretch;
font: Sans 14;
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (@button_color1),
to (@button_color2));
color: @key_text_color;
}
.antler-keyboard-button:hover {
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (shade(@button_color1, 1.1)),
to (shade(@button_color2, 1.1)));
}
.antler-keyboard-button:active, .antler-keyboard-button:hover:active {
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (shade(@button_color2, 1.4)),
to (shade(@button_color1, 1.4)));
}
.antler-keyboard-button:insensitive {
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (shade(@button_color1, 0.5)),
to (shade(@button_color2, 0.5)));
color: #aaaaaa;
}
.antler-keyboard-button:selected,
.antler-keyboard-button:selected:inconsistent { /* scanning */
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (@key_scan_color1),
to (@key_scan_color2));
}
.antler-keyboard-button:selected:active {
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (shade(@key_scan_color2, 1.4)),
to (shade(@key_scan_color1, 1.4)));
}
.antler-keyboard-button:inconsistent { /* scanning */
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (@group_scan_color1),
to (@group_scan_color2));
}
.antler-keyboard-window {
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (@keyboard_color1),
to (@keyboard_color2));
}
|