├── pfp ├── img │ ├── pfp.png │ └── banner.png └── config.rasi ├── scrots ├── pfp.png ├── cherry.png ├── default.png ├── glassy.png ├── pikachu.png ├── print.png ├── chromium.png └── carbonized.png ├── cherry ├── img │ └── bg.png └── config.rasi ├── glassy ├── img │ └── bg.jpg └── config.rasi ├── pikachu ├── img │ └── pika.png └── config.rasi ├── README.md ├── me └── config.rasi ├── carbonized └── config.rasi ├── print └── config.rasi ├── gruvbox └── gruvbox.rasi ├── default └── config.rasi └── chromium └── config.rasi /pfp/img/pfp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/touhidulshawan/rofi-themes/HEAD/pfp/img/pfp.png -------------------------------------------------------------------------------- /scrots/pfp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/touhidulshawan/rofi-themes/HEAD/scrots/pfp.png -------------------------------------------------------------------------------- /cherry/img/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/touhidulshawan/rofi-themes/HEAD/cherry/img/bg.png -------------------------------------------------------------------------------- /glassy/img/bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/touhidulshawan/rofi-themes/HEAD/glassy/img/bg.jpg -------------------------------------------------------------------------------- /pfp/img/banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/touhidulshawan/rofi-themes/HEAD/pfp/img/banner.png -------------------------------------------------------------------------------- /scrots/cherry.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/touhidulshawan/rofi-themes/HEAD/scrots/cherry.png -------------------------------------------------------------------------------- /scrots/default.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/touhidulshawan/rofi-themes/HEAD/scrots/default.png -------------------------------------------------------------------------------- /scrots/glassy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/touhidulshawan/rofi-themes/HEAD/scrots/glassy.png -------------------------------------------------------------------------------- /scrots/pikachu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/touhidulshawan/rofi-themes/HEAD/scrots/pikachu.png -------------------------------------------------------------------------------- /scrots/print.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/touhidulshawan/rofi-themes/HEAD/scrots/print.png -------------------------------------------------------------------------------- /pikachu/img/pika.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/touhidulshawan/rofi-themes/HEAD/pikachu/img/pika.png -------------------------------------------------------------------------------- /scrots/chromium.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/touhidulshawan/rofi-themes/HEAD/scrots/chromium.png -------------------------------------------------------------------------------- /scrots/carbonized.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/touhidulshawan/rofi-themes/HEAD/scrots/carbonized.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

rofi

2 | 3 | Quick collection of a few rofi configs I have created. 4 | 5 | ## Installation 6 | ```github.com/joni22u``` user not found in github anymore. So 7 | 8 | Clone this repo using 9 | ```git clone https://github.com/touhidulshawan/rofi-themes```. 10 | Then copy the contents of folders into ```~/.config/rofi/```. 11 | 12 | Example 13 | 14 | `cp rofi-themes/default/* ~/.config/rofi/` 15 | 16 | ## Screenshots 17 | 18 | Default 19 | 20 | 21 | 22 | Carbonized 23 | 24 | 25 | 26 | Cherry 27 | 28 | 29 | 30 | Glassy 31 | 32 | 33 | 34 | Print 35 | 36 | 37 | 38 | Pfp 39 | 40 | 41 | 42 | Chromium 43 | 44 | 45 | 46 | Pikachu 47 | 48 | 49 | -------------------------------------------------------------------------------- /me/config.rasi: -------------------------------------------------------------------------------- 1 | /************************************************ 2 | * ROFI ME Theme * 3 | * THEME: Bento (from monkeytype) * 4 | * User: Detective Pikachu * 5 | * Copyright: MIT * 6 | ************************************************/ 7 | 8 | configuration { 9 | modi: "drun"; 10 | display-drun: ""; 11 | display-run: ""; 12 | drun-display-format: "{name}"; 13 | sidebar-mode: false; 14 | } 15 | 16 | @theme "/dev/null" 17 | 18 | * { 19 | 20 | gui00: #2D394D; 21 | 22 | gui03: #FC7374; 23 | 24 | gui01: #2C2E3E; 25 | gui03: #3D4059; 26 | 27 | gui04: #C6D0E9; 28 | gui05: #63718B; 29 | 30 | gui07: #1A1A24; 31 | gui0A: #E6DFB8; 32 | } 33 | 34 | #window { 35 | transparency: "real"; 36 | border: 0% 0% 1.25% 0%; 37 | border-color: @gui05; 38 | height: 82.60%; 39 | width: 21.50%; 40 | location: east; 41 | } 42 | 43 | 44 | -------------------------------------------------------------------------------- /cherry/config.rasi: -------------------------------------------------------------------------------- 1 | configuration { 2 | modi: "drun"; 3 | font: "Rubik 10"; 4 | display-drun: ""; 5 | drun-display-format: "{name}"; 6 | sidebar-mode: false; 7 | } 8 | 9 | @theme "/dev/null" 10 | 11 | * { 12 | bg: #061115; 13 | fg: #d9d7d6; 14 | button: #0b151a; 15 | 16 | background-color: @bg; 17 | text-color: @fg; 18 | } 19 | 20 | window { 21 | transparency: "real"; 22 | width: 40%; 23 | } 24 | 25 | prompt { enabled: false; } 26 | 27 | entry { 28 | placeholder: "Search"; 29 | placeholder-color: @fg; 30 | expand: true; 31 | padding: 1.5%; 32 | border-radius: 8px; 33 | } 34 | 35 | inputbar { 36 | children: [ prompt, entry ]; 37 | background-image: url("img/bg.png"); 38 | expand: false; 39 | border-radius: 0px 0 8px 8px; 40 | padding: 100px 30px 30px 300px; 41 | } 42 | 43 | listview { 44 | columns: 1; 45 | lines: 4; 46 | cycle: false; 47 | dynamic: true; 48 | layout: vertical; 49 | padding: 30px 200px 30px 30px; 50 | } 51 | 52 | mainbox { children: [ inputbar, listview ]; } 53 | 54 | element { 55 | orientation: vertical; 56 | padding: 1.5% 0% 1.5% 0%; 57 | border-radius: 8px; 58 | } 59 | 60 | element-text { 61 | expand: true; 62 | vertical-align: 0.5; 63 | margin: 0.5% 3% 0% 3%; 64 | background-color: inherit; 65 | text-color: inherit; 66 | } 67 | 68 | element selected { 69 | background-color: @button; 70 | border-radius: 8px; 71 | } 72 | -------------------------------------------------------------------------------- /pfp/config.rasi: -------------------------------------------------------------------------------- 1 | configuration { 2 | modi: "drun"; 3 | font: "Rubik 10"; 4 | display-drun: ""; 5 | sidebar-mode: false; 6 | } 7 | 8 | @theme "/dev/null" 9 | 10 | * { 11 | bg: #f8f9f7; 12 | fg: #372d2f; 13 | button: #c2c7be; 14 | 15 | background-color: @bg; 16 | text-color: @fg; 17 | } 18 | 19 | window { width: 50%; } 20 | 21 | prompt { enabled: false; } 22 | 23 | pfp { 24 | padding: 50px; 25 | width: 110px; 26 | expand: false; 27 | border: 5px; 28 | border-color: @bg; 29 | background-image: url("img/pfp.png", height); 30 | } 31 | 32 | entry { 33 | placeholder: "Search"; 34 | expand: true; 35 | padding: 10px 2% 10px 2%; 36 | vertical-align: 0.5; 37 | background-color: @fg; 38 | text-color: @bg; 39 | placeholder-color: @button; 40 | margin: 29px 0 29px 0; 41 | border: 5px; 42 | border-color: @bg; 43 | } 44 | 45 | inputbar { 46 | children: [ pfp, entry ]; 47 | text-color: @fg; 48 | expand: false; 49 | spacing: 64px; 50 | padding: 64px 64px 0 64px; 51 | background-image: url("img/banner.png", width); 52 | } 53 | 54 | listview { 55 | columns: 2; 56 | lines: 4; 57 | cycle: false; 58 | dynamic: true; 59 | layout: vertical; 60 | padding: 16px 32px 32px 32px; 61 | } 62 | 63 | mainbox { 64 | children: [ inputbar, listview ]; 65 | spacing: 2%; 66 | layout: horizontal; 67 | } 68 | 69 | element { 70 | orientation: vertical; 71 | padding: 1.5% 0% 1.5% 0%; 72 | } 73 | 74 | element-text { 75 | expand: true; 76 | vertical-align: 0.5; 77 | margin: 0.5% 3% 0% 3%; 78 | background-color: inherit; 79 | text-color: inherit; 80 | } 81 | 82 | element selected { background-color: @button; } 83 | -------------------------------------------------------------------------------- /carbonized/config.rasi: -------------------------------------------------------------------------------- 1 | configuration { 2 | modi: "drun"; 3 | font: "Rubik 10"; 4 | display-drun: ""; 5 | sidebar-mode: false; 6 | } 7 | 8 | @theme "/dev/null" 9 | 10 | * { 11 | bg: #b5b5aa; 12 | fg: #2b2b2b; 13 | button: #9e9e95; 14 | 15 | background-color: @bg; 16 | text-color: @fg; 17 | } 18 | 19 | window { 20 | transparency: "real"; 21 | border-radius: 7px; 22 | width: 40%; 23 | y-offset: 10px; 24 | padding: 20px; 25 | location: south; 26 | } 27 | 28 | prompt { enabled: false; } 29 | 30 | entry { 31 | placeholder: "Search"; 32 | expand: true; 33 | padding: 5px 2% 5px 2%; 34 | background-color: @button; 35 | placeholder-color: @fg; 36 | } 37 | 38 | inputbar { 39 | children: [ prompt, entry ]; 40 | background-color: @button; 41 | text-color: @fg; 42 | expand: false; 43 | border-radius: 6px; 44 | padding: 8px; 45 | } 46 | 47 | listview { 48 | columns: 1; 49 | lines: 8; 50 | cycle: false; 51 | dynamic: true; 52 | layout: vertical; 53 | } 54 | 55 | mainbox { 56 | children: [ inputbar, listview ]; 57 | spacing: 2%; 58 | padding: 2% 1% 2% 1%; 59 | } 60 | 61 | element { 62 | orientation: vertical; 63 | border-radius: 0%; 64 | padding: 1.5% 0% 1.5% 1.5%; 65 | } 66 | 67 | element-text { 68 | expand: true; 69 | vertical-align: 0.5; 70 | margin: 0.5% 3% 0% 3%; 71 | background-color: inherit; 72 | text-color: inherit; 73 | } 74 | 75 | element selected { 76 | background-color: @fg; 77 | text-color: @bg; 78 | border-radius: 6px; 79 | } 80 | -------------------------------------------------------------------------------- /glassy/config.rasi: -------------------------------------------------------------------------------- 1 | configuration { 2 | modi: "drun"; 3 | font: "Rubik 10"; 4 | display-drun: ""; 5 | sidebar-mode: false; 6 | } 7 | 8 | @theme "/dev/null" 9 | 10 | * { 11 | bg: #01131a; 12 | fg: #f5f0f1; 13 | button: #09181f; 14 | 15 | background-color: @bg; 16 | text-color: @fg; 17 | } 18 | 19 | window { 20 | transparency: "real"; 21 | border-radius: 7px; 22 | width: 40%; 23 | fullscreen: true; 24 | background-color: #0000; 25 | padding: 100px 50% 100px 10%; 26 | } 27 | 28 | prompt { enabled: false; } 29 | 30 | entry { 31 | placeholder: "Search"; 32 | expand: true; 33 | background-color: @button; 34 | placeholder-color: @fg; 35 | border-radius: 10px; 36 | vertical-align: 0.5; 37 | padding: 13px 2% 13px 2%; 38 | } 39 | 40 | inputbar { 41 | children: [ prompt, entry ]; 42 | text-color: @fg; 43 | expand: false; 44 | padding: 64px 64px 32px 64px; 45 | border-radius: 10px; 46 | background-image: url("img/bg.jpg", width); 47 | } 48 | 49 | listview { 50 | columns: 1; 51 | lines: 8; 52 | cycle: false; 53 | dynamic: true; 54 | layout: vertical; 55 | border-radius: 10px; 56 | padding: 32px; 57 | } 58 | 59 | mainbox { 60 | children: [ inputbar, listview ]; 61 | spacing: 2%; 62 | background-color: #0000; 63 | } 64 | 65 | element { 66 | orientation: vertical; 67 | border-radius: 0%; 68 | padding: 1.5% 0% 1.5% 0%; 69 | } 70 | 71 | element-text { 72 | expand: true; 73 | vertical-align: 0.5; 74 | margin: 0.5% 3% 0% 3%; 75 | background-color: inherit; 76 | text-color: inherit; 77 | } 78 | 79 | element selected { 80 | background-color: @button; 81 | text-color: @fg; 82 | border-radius: 6px; 83 | } 84 | -------------------------------------------------------------------------------- /print/config.rasi: -------------------------------------------------------------------------------- 1 | configuration { 2 | modi: "drun"; 3 | font: "Rubik 10"; 4 | display-drun: ""; 5 | sidebar-mode: false; 6 | } 7 | 8 | @theme "/dev/null" 9 | 10 | * { 11 | bg: #ffffff; 12 | fg: #3c4043; 13 | button: #dee1e6; 14 | 15 | background-color: @bg; 16 | text-color: @fg; 17 | } 18 | 19 | window { 20 | transparency: "real"; 21 | border-radius: 10px; 22 | width: 50%; 23 | padding: 30px; 24 | border: 2px; 25 | border-color: @fg; 26 | } 27 | 28 | prompt { 29 | enabled: true; 30 | horizontal-align: 0.5; 31 | vertical-align: 0.5; 32 | background-color: @button; 33 | border: 2px; 34 | border-color: @fg; 35 | border-radius: 10px; 36 | font: "feather 17"; 37 | padding: 0 1% 0; 38 | } 39 | 40 | entry { 41 | placeholder: "Search"; 42 | expand: true; 43 | padding: 2%; 44 | background-color: @button; 45 | placeholder-color: @fg; 46 | border: 2px; 47 | border-color: @fg; 48 | border-radius: 10px; 49 | cursor: text; 50 | } 51 | 52 | inputbar { 53 | children: [ prompt, entry ]; 54 | expand: false; 55 | spacing: 1%; 56 | } 57 | 58 | listview { 59 | columns: 1; 60 | lines: 6; 61 | cycle: false; 62 | dynamic: true; 63 | layout: vertical; 64 | } 65 | 66 | mainbox { 67 | children: [ inputbar, listview ]; 68 | spacing: 2%; 69 | padding: 2% 1% 2% 1%; 70 | } 71 | 72 | element { 73 | orientation: vertical; 74 | border-radius: 10px; 75 | padding: 2% 3%; 76 | } 77 | 78 | element-text { 79 | expand: true; 80 | vertical-align: 0.5; 81 | background-color: inherit; 82 | text-color: inherit; 83 | } 84 | 85 | element selected { 86 | background-color: @fg; 87 | text-color: @bg; 88 | border-radius: 10px; 89 | } 90 | 91 | listview, element, element selected, element-icon, element-text { 92 | cursor: pointer; 93 | } 94 | -------------------------------------------------------------------------------- /gruvbox/gruvbox.rasi: -------------------------------------------------------------------------------- 1 | configuration { 2 | modi: "drun"; 3 | font: "Hasklug Nerd Font Mono Medium 11"; 4 | show-icons: true; 5 | icon-theme: "Papirus Dark"; 6 | display-drun: ""; 7 | drun-display-format:"{name}"; 8 | sidebar-mode: false; 9 | } 10 | 11 | @theme "/dev/null" 12 | 13 | * { 14 | bg: #282828; 15 | fg: #ebdbb2; 16 | accent: #8ec07c; 17 | button: #363636; 18 | 19 | background-color: @bg; 20 | text-color: @fg; 21 | border-color: @accent; 22 | } 23 | 24 | window { 25 | border-radius: 4px; 26 | width: 45%; 27 | padding: 15px; 28 | border: 3; 29 | } 30 | 31 | prompt { 32 | background-color: @button; 33 | enabled: true; 34 | padding: 0.5% 32px 0% -0.5%; 35 | font: "Iosevka Medium 13"; 36 | } 37 | 38 | entry { 39 | placeholder: "Search"; 40 | background-color: @button; 41 | placeholder-color: @fg; 42 | expand: true; 43 | padding: 0.15% 0% 0% 0%; 44 | } 45 | 46 | inputbar { 47 | children: [ prompt, entry ]; 48 | background-color: @button; 49 | expand: false; 50 | border-radius: 6px; 51 | margin: 0%; 52 | padding: 10px; 53 | } 54 | 55 | listview { 56 | columns: 5; 57 | lines: 3; 58 | cycle: false; 59 | dynamic: true; 60 | layout: vertical; 61 | } 62 | 63 | mainbox { 64 | children: [ inputbar, listview ]; 65 | spacing: 2%; 66 | padding: 2% 1% 2% 1%; 67 | } 68 | 69 | element { 70 | orientation: vertical; 71 | padding: 2% 0% 2% 0%; 72 | } 73 | 74 | element-icon { 75 | size: 48px; 76 | horizontal-align: 0.5; 77 | } 78 | 79 | element-text { 80 | expand: true; 81 | horizontal-align: 0.5; 82 | vertical-align: 0.5; 83 | margin: 0.5% 0.5% -0.5% 0.5%; 84 | } 85 | 86 | element-text, element-icon { 87 | background-color: inherit; 88 | text-color: inherit; 89 | } 90 | 91 | element selected { 92 | background-color: @button; 93 | border-radius: 6px; 94 | } 95 | -------------------------------------------------------------------------------- /default/config.rasi: -------------------------------------------------------------------------------- 1 | configuration { 2 | modi: "drun"; 3 | font: "Rubik 10"; 4 | show-icons: true; 5 | icon-theme: "Reversal-dark"; 6 | display-drun: ""; 7 | drun-display-format: "{name}"; 8 | sidebar-mode: false; 9 | } 10 | 11 | @theme "/dev/null" 12 | 13 | * { 14 | bg: #151515; 15 | fg: #e8e8d3; 16 | accent: #687363; 17 | button: #1c1c1c; 18 | 19 | background-color: @bg; 20 | text-color: @fg; 21 | } 22 | 23 | window { 24 | border-radius: 7px; 25 | width: 50%; 26 | padding: 32px; 27 | } 28 | 29 | prompt { 30 | background-color: @button; 31 | enabled: true; 32 | padding: 0.5% 32px 0% -0.5%; 33 | font: "Rubik 10"; 34 | } 35 | 36 | entry { 37 | placeholder: "Search"; 38 | background-color: @button; 39 | placeholder-color: @fg; 40 | expand: true; 41 | padding: 0.15% 0% 0% 0%; 42 | } 43 | 44 | inputbar { 45 | children: [ prompt, entry ]; 46 | background-color: @button; 47 | expand: false; 48 | border-radius: 6px; 49 | margin: 0%; 50 | padding: 10px; 51 | } 52 | 53 | listview { 54 | columns: 4; 55 | lines: 3; 56 | cycle: false; 57 | dynamic: true; 58 | layout: vertical; 59 | } 60 | 61 | mainbox { 62 | children: [ inputbar, listview ]; 63 | spacing: 2%; 64 | padding: 2% 1% 2% 1%; 65 | } 66 | 67 | element { 68 | orientation: vertical; 69 | padding: 2% 0% 2% 0%; 70 | } 71 | 72 | element-icon { 73 | size: 48px; 74 | horizontal-align: 0.5; 75 | } 76 | 77 | element-text { 78 | expand: true; 79 | horizontal-align: 0.5; 80 | vertical-align: 0.5; 81 | margin: 0.5% 0.5% -0.5% 0.5%; 82 | } 83 | 84 | element-text, element-icon { 85 | background-color: inherit; 86 | text-color: inherit; 87 | } 88 | 89 | element selected { 90 | background-color: @button; 91 | border-radius: 6px; 92 | } 93 | -------------------------------------------------------------------------------- /chromium/config.rasi: -------------------------------------------------------------------------------- 1 | configuration { 2 | modi: "drun"; 3 | font: "Rubik 10"; 4 | display-drun: "Apps"; 5 | display-run: ""; 6 | drun-display-format: "{name}"; 7 | sidebar-mode: false; 8 | } 9 | 10 | @theme "/dev/null" 11 | 12 | * { 13 | bg: #ffffff; 14 | fg: #3c4043; 15 | button: #dee1e6; 16 | 17 | background-color: @bg; 18 | text-color: @fg; 19 | } 20 | 21 | window { 22 | children: [ dummy, mainbox ]; 23 | transparency: "real"; 24 | border-radius: 12px; 25 | width: 50%; 26 | padding: 20px 0 0; 27 | background-color: @fg; 28 | } 29 | 30 | prompt { enabled: false; } 31 | 32 | textbox { 33 | str: ""; 34 | expand: false; 35 | horizontal-align: 0.5; 36 | vertical-align: 0.5; 37 | background-color: @fg; 38 | border-radius: 12px; 39 | text-color: @bg; 40 | font: "feather 17"; 41 | padding: 0 1% 0; 42 | } 43 | 44 | entry { 45 | placeholder: "Search"; 46 | expand: true; 47 | padding: 2%; 48 | background-color: @button; 49 | placeholder-color: @fg; 50 | border-radius: 12px; 51 | cursor: text; 52 | } 53 | 54 | inputbar { 55 | children: [ textbox, entry ]; 56 | expand: false; 57 | background-color: @button; 58 | border-radius: 12px; 59 | margin: 20px 20px 0; 60 | } 61 | 62 | listview { 63 | columns: 2; 64 | lines: 4; 65 | cycle: false; 66 | dynamic: true; 67 | layout: vertical; 68 | margin: 0 20px 20px; 69 | } 70 | 71 | mainbox { 72 | children: [ inputbar, listview ]; 73 | spacing: 2%; 74 | border-radius: 12px; 75 | margin: -2px 0 0; 76 | } 77 | 78 | element { 79 | orientation: vertical; 80 | border-radius: 12px; 81 | padding: 2% 3%; 82 | } 83 | 84 | element-text { 85 | expand: true; 86 | vertical-align: 0.5; 87 | background-color: inherit; 88 | text-color: inherit; 89 | } 90 | 91 | element selected { 92 | background-color: @fg; 93 | text-color: @bg; 94 | border-radius: 12px; 95 | } 96 | 97 | button { 98 | padding: 2% 14% 2% 3%; 99 | background-color: @fg; 100 | text-color: @bg; 101 | border-radius: 0 0 0 12px; 102 | } 103 | 104 | button selected { 105 | background-color: @bg; 106 | text-color: @fg; 107 | border-radius: 12px 12px 0 0; 108 | } 109 | 110 | dummy { 111 | children: [ box1, mode-switcher, box2 ]; 112 | orientation: horizontal; 113 | expand: false; 114 | background-image: linear-gradient(to bottom, #3c4043, #3c4043, #3c4043, #3c4043, #ffffff, #ffffff, #ffffff, #ffffff); 115 | } 116 | 117 | box1 { 118 | background-color: @fg; 119 | expand: false; 120 | padding: 0 2% 0; 121 | margin: 0 -2px 0 0; 122 | border-radius: 0 0 12px 0; 123 | } 124 | 125 | box2 { 126 | background-color: @fg; 127 | expand: true; 128 | border-radius: 0 0 0 12px; 129 | margin: 0 0 0 -2px; 130 | } 131 | 132 | mode-switcher { background-color: @fg; } 133 | listview, element, element selected, element-icon, element-text { cursor: pointer; } 134 | -------------------------------------------------------------------------------- /pikachu/config.rasi: -------------------------------------------------------------------------------- 1 | /************************************************ 2 | * ROFI Pikachu Theme * 3 | * THEME: Aquarium Dark * 4 | * User: Detective Pikachu * 5 | * Copyright: MIT * 6 | *************************************************/ 7 | 8 | configuration { 9 | modi: "drun"; 10 | display-drun: ""; 11 | display-run: ""; 12 | drun-display-format: "{name}"; 13 | sidebar-mode: false; 14 | } 15 | 16 | @theme "/dev/null" 17 | 18 | * { 19 | gui00: #20202A; 20 | gui01: #2C2E3E; 21 | gui03: #3D4059; 22 | 23 | gui04: #C6D0E9; 24 | gui05: #63718B; 25 | 26 | gui07: #1A1A24; 27 | gui0A: #E6DFB8; 28 | } 29 | 30 | 31 | #window { 32 | transparency: "real"; 33 | border: 0% 0% 1.25% 0%; 34 | border-color: @gui05; 35 | height: 48.60%; 36 | width: 31.50%; 37 | location: south; 38 | } 39 | 40 | #mainbox { 41 | children: [ inputbar, listview ]; 42 | background-color: @gui01; 43 | spacing: 2%; 44 | border-color: @gui03; 45 | border: 0% 0% 1.75% 0%; 46 | } 47 | 48 | 49 | 50 | #listview { 51 | background-color: @gui01; 52 | margin: 0% 1.75% 0% 1.75%; 53 | padding: 0.5% 10% 1.7% 2%; 54 | } 55 | 56 | #inputbar { 57 | children: [ pika, prompt, entry ]; 58 | border-radius: 0% 0% 24 24; 59 | border-color: @gui00; 60 | background-color: @gui07; 61 | expand: false; 62 | border: 0 0 10; 63 | padding: 6.25% 2% 1% 2%; 64 | } 65 | 66 | #pika { 67 | padding: 80px; 68 | width: 170px; 69 | expand: false; 70 | border: 5px; 71 | background-image: url("styles/img/pika.png", height); 72 | } 73 | 74 | #entry { 75 | placeholder: "I Choose You!"; 76 | font: "Operator Mono Italic 15"; 77 | padding: 0% 0.8% 0% 0%; 78 | border-color: @gui03; 79 | border: 0 0 4; 80 | background-color: @gui01; 81 | text-color: @gui05; 82 | placeholder-color: @gui03; 83 | border-radius: 0% 10% 10% 0%; 84 | expand: true; 85 | vertical-align: 0.5; 86 | margin: 72px 0 42px 0; 87 | } 88 | 89 | #prompt { 90 | border-radius: 10% 0% 0% 10%; 91 | border-color: @gui03; 92 | border: 0 0 4; 93 | enabled: true; 94 | padding: 0.8% 0.6% 0.8% 0.8%; 95 | vertical-align: 0.5; 96 | background-color: @gui01; 97 | margin: 72px -2px 42px 30px; 98 | font: "Font Awesome 5 Pro Solid 18"; 99 | text-color: @gui0A; 100 | 101 | } 102 | 103 | #element-text { 104 | background-color: @gui01; 105 | expand: true; 106 | vertical-align: 0.5; 107 | text-color: @gui05; 108 | font: "Operator Mono Medium 17"; 109 | margin: 0.5% 1% 0.75% 1%; 110 | } 111 | 112 | #element { 113 | background-color: @gui01; 114 | } 115 | 116 | #element-text selected { 117 | text-color: @gui04; 118 | background-color: @gui00; 119 | 120 | } 121 | 122 | #element selected { 123 | border: 0% 0% 0.3% 0%; 124 | border-radius: 13; 125 | background-color: @gui00; 126 | } 127 | 128 | // vim:ft=css 129 | --------------------------------------------------------------------------------