Not for normies
| 1 | /* ---- 💫 https://github.com/JaKooLit 💫 ---- */ |
| 2 | /* KooL Hyprland Rofi Style 11 - Windows 11 List Dark */ |
| 3 | /* source: https://github.com/newmanls */ |
| 4 | |
| 5 | /* Integrating Wallust and More tweaks */ |
| 6 | |
| 7 | /* ---- Configuration ---- */ |
| 8 | configuration { |
| 9 | show-icons: true; |
| 10 | hover-select: true; |
| 11 | me-select-entry: "MouseSecondary"; |
| 12 | me-accept-entry: "MousePrimary"; |
| 13 | } |
| 14 | |
| 15 | /*****----- Global Properties -----*****/ |
| 16 | * { |
| 17 | bg0 : black/50%; |
| 18 | bg1 : black/40%; |
| 19 | bg2 : black/10%; |
| 20 | bg3 : black; |
| 21 | fg0 : #ffffff; |
| 22 | fg1 : #cecece; |
| 23 | accent : #60cdff; |
| 24 | urgent : @accent; |
| 25 | |
| 26 | background-color : transparent; |
| 27 | text-color : @fg0; |
| 28 | |
| 29 | margin : 0; |
| 30 | padding : 0; |
| 31 | spacing : 0; |
| 32 | } |
| 33 | |
| 34 | |
| 35 | element-icon, element-text, scrollbar { |
| 36 | cursor: pointer; |
| 37 | } |
| 38 | |
| 39 | window { |
| 40 | location : south; |
| 41 | width : 40%; |
| 42 | height : 50%; |
| 43 | y-offset : -10px; |
| 44 | |
| 45 | background-color : @bg1; |
| 46 | border-radius : 8px; |
| 47 | } |
| 48 | |
| 49 | mainbox { |
| 50 | padding : 24px; |
| 51 | spacing : 24px; |
| 52 | } |
| 53 | |
| 54 | inputbar { |
| 55 | padding : 8px; |
| 56 | spacing : 4px; |
| 57 | children : [ icon-search, entry ]; |
| 58 | border : 0 0 2px 0 solid; |
| 59 | border-color : @accent; |
| 60 | border-radius : 2px; |
| 61 | background-color : @bg0; |
| 62 | } |
| 63 | |
| 64 | icon-search, entry, element-icon, element-text { |
| 65 | vertical-align: 0.5; |
| 66 | } |
| 67 | |
| 68 | icon-search { |
| 69 | expand : false; |
| 70 | filename : "search-symbolic"; |
| 71 | size : 24px; |
| 72 | } |
| 73 | |
| 74 | entry { |
| 75 | placeholder : "Search 👀 NOTE: CTRL TAB to change MODE"; |
| 76 | text-color : @fg1; |
| 77 | horizontal-align : 0.5; |
| 78 | } |
| 79 | |
| 80 | listview { |
| 81 | columns : 2; |
| 82 | spacing : 8px; |
| 83 | fixed-height : true; |
| 84 | fixed-columns : true; |
| 85 | } |
| 86 | |
| 87 | element { |
| 88 | spacing : 1em; |
| 89 | padding : 20px; |
| 90 | border-radius : 2px; |
| 91 | } |
| 92 | |
| 93 | element normal urgent { |
| 94 | text-color: @urgent; |
| 95 | } |
| 96 | |
| 97 | element normal active { |
| 98 | text-color: @accent; |
| 99 | } |
| 100 | |
| 101 | element alternate active { |
| 102 | text-color: @accent; |
| 103 | } |
| 104 | |
| 105 | element selected active { |
| 106 | text-color: @accent; |
| 107 | } |
| 108 | |
| 109 | element-text selected, |
| 110 | element selected { |
| 111 | background-color: @bg3; |
| 112 | padding: 20px; |
| 113 | border-radius: 12px; |
| 114 | } |
| 115 | |
| 116 | element selected urgent { |
| 117 | background-color: @urgent; |
| 118 | } |
| 119 | |
| 120 | element-icon { |
| 121 | size: 1.5em; |
| 122 | } |
| 123 | |
| 124 | element-text { |
| 125 | text-color: inherit; |
| 126 | } |
| 127 | |
| 128 | /* ---- Scrollbar ---- */ |
| 129 | scrollbar { |
| 130 | border: 0px; |
| 131 | border-radius: 10px; |
| 132 | background-color: inherit; |
| 133 | handle-color: @accent; |
| 134 | handle-width: 2px ; |
| 135 | padding: 0; |
| 136 | } |
| 137 | |
| 138 | /*****----- Message -----*****/ |
| 139 | error-message { |
| 140 | padding: 20px; |
| 141 | } |
| 142 | |
| 143 | textbox { |
| 144 | padding : 10px; |
| 145 | background-color : @bg0; |
| 146 | text-color : @fg0; |
| 147 | vertical-align : 0.5; |
| 148 | horizontal-align : 0.5; |
| 149 | } |