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 | fullscreen: true; |
82 | /** Place on top center of rofi window on the top center of the screen. */ |
83 | anchor: north; |
84 | location: north; |
85 | |
86 | /** 100% screen width */ |
87 | width: 100%; |
88 | |
89 | /** Black transparent color. */ |
90 | background-color: @bg-trans; |
91 | /** Small one 1 font width border on inside of window. */ |
92 | padding: 0 0 2em; |
93 | |
94 | /** border */ |
95 | border: 0; |
96 | } |
97 | |
98 | /** |
99 | * Main container in the window. |
100 | */ |
101 | mainbox { |
102 | /** spacing between widgets */ |
103 | spacing: 1em; |
104 | } |
105 | |
106 | /** |
107 | * listview that shows entries. |
108 | */ |
109 | listview { |
110 | /** 4 rows. */ |
111 | lines: 3; |
112 | /** 6 columns */ |
113 | columns: 2; |
114 | /** add 1 em spacing between items */ |
115 | spacing: 1em; |
116 | /** Don't reduce columns if less items are available. */ |
117 | fixed-columns: true; |
118 | } |
119 | scrollbar { |
120 | enabled: false; |
121 | } |
122 | |
123 | /** |
124 | * entry in listview. |
125 | */ |
126 | element { |
127 | /** clients are packed vertically. */ |
128 | orientation: vertical; |
129 | /** 2 px border */ |
130 | border: 1px; |
131 | /** with 4px radius on corners. */ |
132 | border-radius: 1em; |
133 | border-color: @accent; |
134 | background-color: @bg-trans; |
135 | /** 4 px padding on the inside of border */ |
136 | cursor: pointer; |
137 | padding: 2em 3em 3em; |
138 | } |
139 | |
140 | /** selected element */ |
141 | element selected { |
142 | /** highlighted colors */ |
143 | background-color: @accent; |
144 | } |
145 | /** Entry text */ |
146 | element-text { |
147 | /* align font in (horizontally) center */ |
148 | vertical-align: 0.5; |
149 | horizontal-align: 0.5; |
150 | cursor: inherit; |
151 | text-color: @accent; |
152 | } |
153 | element-text selected { |
154 | border-radius: 1em; |
155 | background-color: @accent; |
156 | text-color: @bg; |
157 | } |