configuration { show-icons: false; } @import "./colors.rasi" window { transparency: "real"; width: 600px; border-radius: 4px; background-color: @bg; } mainbox { padding: 24px; children: [ "inputbar", "message", "listview" ]; } inputbar { spacing: 12; background-color: transparent; children: [ "textbox-prompt-colon", "prompt"]; } textbox-prompt-colon { expand: false; str: ""; font: "'Material Icons' 24px"; padding: 12px 14px; border-radius: 50%; background-color: @blue; text-color: @fg; vertical-align: 0.5; } prompt { padding: 12px 16px; border-radius: 50%; background-color: @grey; text-color: @fg; vertical-align: 0.5; } message { padding: 12px; border-radius: 12px; background-color: transparent; text-color: @greydim; } textbox { background-color: inherit; text-color: inherit; vertical-align: 0.5; } listview { columns: 6; lines: 1; scrollbar: false; spacing: 10px; background-color: transparent; } element { width: 128px; padding: 24px 32px; border-radius: 12px; background-color: @bluea; cursor: pointer; } element-text { font: "'Material Icons' 32px"; vertical-align: 0.5; horizontal-align: 0.5; background-color: transparent; } element normal.active, element alternate.active, element selected.urgent { background-color: @green; } element selected.normal { background-color: @green; }