a442b5f5 |
1 | /* |
2 | * DARKNIX appsmenu rofi theme |
3 | * tested on a 1366x768 screen |
4 | */ |
5 | |
6 | /* IMPORTS */ |
7 | @import "libs/settings.rasi" |
8 | @import "libs/reset.rasi" |
9 | |
10 | /** Default settings, every widget inherits from this. */ |
11 | * { |
12 | /** Default background color is transparent. */ |
13 | background-color: @bg-trans; |
14 | text-color: @accent; |
15 | } |
16 | |
17 | /** |
18 | * Entry box on top. |
19 | */ |
20 | entry { |
21 | /** Background is grey */ |
22 | background-color: @bg; |
23 | /** 4px padding on the inside of the border. */ |
24 | padding: 4px; |
25 | /** when no text is set, show 'Type to filter' */ |
26 | placeholder: "Type to filter"; |
27 | placeholder-color: @fg; |
28 | /** inherit font setting from parent */ |
29 | font: inherit; |
30 | cursor: text; |
31 | border: 2px 2px 2px 0px; |
32 | /** with a radius on the left two corners. */ |
33 | border-radius: 0px 4px 4px 0px; |
34 | /** add matching border. */ |
35 | border-color: @accent; |
36 | } |
37 | |
38 | /** |
39 | * Input bar |
40 | */ |
41 | inputbar { |
42 | /** no spacing between widgets */ |
43 | spacing: 0; |
44 | /** include entry and mode-switcher (removes prompt) */ |
45 | children: [ icon-keyboard, entry ]; |
46 | /** use monospace font. */ |
47 | font: "Montserrat 18"; |
48 | margin: 0 10em 1em; |
49 | } |
50 | |
51 | entry { |
52 | vertical-align: 0.5; |
53 | } |
54 | |
55 | /** |
56 | * Small icon in inputbar |
57 | */ |
58 | icon-keyboard { |
59 | /** give it a 2 pixel border, except on the right side. */ |
60 | border: 2px 0px 2px 2px; |
61 | /** with a radius on the left two corners. */ |
62 | border-radius: 4px 0px 0px 4px; |
63 | /** add matching border. */ |
64 | border-color: @accent; |
65 | /** match background. */ |
66 | background-color: @bg; |
67 | /** move icon away from right border. */ |
68 | padding: 0px 10px 0px 10px; |
69 | /** Only use required space. */ |
70 | expand: false; |
71 | /** icon is around 1.2 font width */ |
72 | size: 1.2em; |
73 | /** Icon name, we use symbolic name here */ |
74 | filename: "keyboard"; |
75 | } |
76 | |
77 | /** |
78 | * Main window widget |
79 | */ |
80 | window { |
81 | /** Place on top center of rofi window on the top center of the screen. */ |
82 | anchor: north; |
83 | location: north; |
84 | |
85 | /** 100% screen width */ |
86 | width: 100%; |
87 | |
88 | /** Black transparent color. */ |
89 | background-color: @bg-trans; |
90 | /** Small one 1 font width border on inside of window. */ |
91 | padding: 0 0 2em; |
92 | |
93 | /** border */ |
94 | border: 0; |
95 | } |
96 | |
97 | /** |
98 | * Main container in the window. |
99 | */ |
100 | mainbox { |
101 | /** spacing between widgets */ |
102 | spacing: 1em; |
103 | } |
104 | |
105 | /** |
106 | * listview that shows entries. |
107 | */ |
108 | listview { |
109 | /** 4 rows. */ |
110 | lines: 4; |
111 | /** 6 columns */ |
112 | columns: 6; |
113 | /** add 1 em spacing between items */ |
114 | spacing: 0.5em; |
115 | /** Don't reduce columns if less items are available. */ |
116 | fixed-columns: true; |
117 | } |
118 | scrollbar { |
119 | enabled: false; |
120 | } |
121 | |
122 | /** |
123 | * entry in listview. |
124 | */ |
125 | element { |
126 | /** clients are packed vertically. */ |
127 | orientation: vertical; |
128 | /** 2 px border */ |
129 | border: 1px; |
130 | /** with 4px radius on corners. */ |
131 | border-radius: 1em; |
132 | border-color: @accent; |
133 | background-color: @bg-trans; |
134 | /** 4 px padding on the inside of border */ |
135 | cursor: pointer; |
136 | padding: 6px; |
137 | } |
138 | |
139 | /** selected element */ |
140 | element selected { |
141 | /** highlighted colors */ |
142 | background-color: @bg-focus; |
143 | text-color: @fg-list; |
144 | } |
145 | |
146 | /** Entry icon */ |
147 | element-icon { |
148 | /** change size to 128 pixels. */ |
149 | size: 128px; |
150 | cursor: inherit; |
151 | } |
152 | |
153 | /** Entry text */ |
154 | element-text { |
155 | /* align font in (horizontally) center */ |
156 | horizontal-align: 0.5; |
157 | cursor: inherit; |
158 | } |
159 | element-text selected { |
160 | border-radius: 1em; |
161 | background-color: @accent; |
162 | text-color: @bg; |
163 | } |