bitzdots

1* {
2  font: "Roboto 10";
3 
4  bg0    : #1f1f1f80;
5  bg1    : #202020bf;
6  bg2    : #2c2c2c;
7  bg3    : #393939bf;
8  fg0    : #ffffff;
9  fg1    : #cecece;
10  accent : #60cdff;
11  urgent : @accent;
12 
13  background-color : transparent;
14  text-color       : @fg0;
15 
16  margin  : 0;
17  padding : 0;
18  spacing : 0;
19}
20 
21element-icon, element-text, scrollbar {
22  cursor: pointer;
23}
24 
25window {
26  location : south;
27  width    : 600px;
28  height   : 600px;
29  y-offset : -4px;
30 
31  background-color : @bg1;
32  border-radius    : 8px;
33}
34 
35mainbox {
36  padding : 24px;
37  spacing : 24px;
38}
39 
40inputbar {
41  padding          : 8px;
42  spacing          : 4px;
43  children         : [ icon-search, entry ];
44  border           : 0 0 2px 0 solid;
45  border-color     : @accent;
46  border-radius    : 2px;
47  background-color : @bg0;
48}
49 
50icon-search, entry, element-icon, element-text {
51  vertical-align: 0.5;
52}
53 
54icon-search {
55  expand   : false;
56  filename : "search-symbolic";
57  size     : 24px;
58}
59 
60entry {
61  font              : "Roboto 12";
62  placeholder       : "Type here to search";
63  placeholder-color : @fg1;
64}
65 
66textbox {
67  padding          : 4px 8px;
68  background-color : @bg2;
69}
70 
71listview {
72  columns       : 2;
73  spacing       : 8px;
74  fixed-height  : true;
75  fixed-columns : true;
76}
77 
78element {
79  spacing       : 1em;
80  padding       : 8px;
81  border-radius : 2px;
82}
83 
84element normal urgent {
85  text-color: @urgent;
86}
87 
88element normal active {
89  text-color: @accent;
90}
91 
92element alternate active {
93  text-color: @accent;
94}
95 
96element selected active {
97  text-color: @accent;
98}
99 
100element selected {
101  background-color: @bg3;
102}
103 
104element selected urgent {
105  background-color: @urgent;
106}
107 
108element-icon {
109  size: 1.5em;
110}
111 
112element-text {
113  text-color: inherit;
114}
115