// Config // configuration { modi: "drun,filebrowser,window,run"; show-icons: true; display-drun: ""; display-run: ""; display-filebrowser: ""; display-window: ""; drun-display-format: "{name}"; window-format: "{w}{t}"; font: "JetBrainsMono Nerd Font 10"; icon-theme: "Tela-circle-dracula"; } @theme "~/.config/rofi/themes/theme.rasi" // Main // window { height: 500px; width: 600px; transparency: "real"; fullscreen: false; enabled: true; cursor: "default"; spacing: 0px; padding: 0px; border: 2px; border-radius: 40px; border-color: @main-br; background-color: transparent; } mainbox { enabled: true; spacing: 0px; orientation: horizontal; children: [ "listmode" , "inputbar" ]; background-color: transparent; background-image: url("~/.config/swww/wall.rofi", height); } // Lists // listmode { enabled: true; children: [ "listbox" , "mode-switcher" ]; background-color: transparent; background-image: url("~/.config/swww/wall.blur", height); } listbox { spacing: 5px; padding: 10px; children: [ "listview" ]; background-color: transparent; } listview { padding: 15px; enabled: true; columns: 1; cycle: true; dynamic: true; scrollbar: false; layout: vertical; reverse: false; fixed-height: true; fixed-columns: true; cursor: "default"; background-color: @main-bg; text-color: @main-fg; border-radius: 30px; } // Modes // mode-switcher{ orientation: horizontal; enabled: true; spacing: 18px; padding: 10px 180px 20px 40px; background-color: transparent; } button { padding: 12px; cursor: pointer; border-radius: 50px; background-color: @main-bg; text-color: @main-fg; } button selected { background-color: @main-fg; text-color: @main-bg; } // Inputs // inputbar { enabled: true; width: 150px; children: [ "entry" ]; background-color: transparent; } entry { enabled: false; } // Elements // element { enabled: true; spacing: 20px; padding: 6px; border-radius: 20px; cursor: pointer; background-color: transparent; text-color: @main-fg; } @media(max-aspect-ratio: 1.8) { element { orientation: vertical; } } element selected.normal { background-color: @select-bg; text-color: @select-fg; } element-icon { size: 48px; cursor: inherit; background-color: transparent; text-color: inherit; } element-text { vertical-align: 0.5; horizontal-align: 0.0; cursor: inherit; background-color: transparent; text-color: inherit; }