| 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 | } |