-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy paththeme.css
81 lines (73 loc) · 1.72 KB
/
theme.css
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
/**
* App Window
*/
@define-color bg_color #404552;
@define-color window_bg @bg_color;
@define-color window_border_color #383c4a;
@define-color prefs_backgroud #999;
/**
* Input
*/
@define-color selected_bg_color #4675ab;
@define-color selected_fg_color #d5eaff;
@define-color input_color #ddd;
@define-color caret_color darker(@input_color);
/**
* Result items
*/
@define-color item_name #ddd;
@define-color item_text #999;
@define-color item_box_selected #5294e2;
@define-color item_text_selected #99ccff;
@define-color item_name_selected #eee;
@define-color item_shortcut_color #777;
@define-color item_shortcut_shadow darker(@bg_color);
@define-color item_shortcut_color_sel #99ccff;
@define-color item_shortcut_shadow_sel darker(@item_box_selected);
.app {
background-color: @window_bg;
border-color: @window_border_color;
}
.input {
color: @input_color;
}
/**
* Selected text in input
*/
.input *:selected,
.input *:focus,
*:selected:focus {
background-color: alpha (@selected_bg_color, 0.9);
color: @selected_fg_color;
}
.item-text {
color: @item_text;
}
.item-name {
color: @item_name;
}
.selected.item-box {
background-color: @item_box_selected;
border-left: 1px solid @window_border_color;
border-right: 1px solid @window_border_color;
}
.selected.item-box .item-text {
color: @item_text_selected;
}
.selected.item-box .item-name {
color: @item_name_selected;
}
.item-shortcut {
color: @item_shortcut_color;
text-shadow: 1px 1px 1px @item_shortcut_shadow;
}
.selected.item-box .item-shortcut {
color: @item_shortcut_color_sel;
text-shadow: 1px 1px 1px @item_shortcut_shadow_sel;
}
.prefs-btn {
opacity: 0.8;
}
.prefs-btn:hover {
background-color: @prefs_backgroud;
}