rofi: translucent surface, taller search field, icons centred with labels

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Cn3dHfbgNYdbZvzb1b3GQt
This commit is contained in:
Sarthak 2026-09-04 00:21:50 +05:30
parent f341989335
commit fcb65561d0

View file

@ -11,8 +11,9 @@ configuration {
main-fg: #e9eefb; main-fg: #e9eefb;
main-br: #5d7fb0; main-br: #5d7fb0;
main-ex: #e0798f; main-ex: #e0798f;
select-bg: #191527; main-bg-trans: #0f0d17cc; /* RRGGBBAA - true alpha via picom */
select-fg: #92b9ea; select-bg: #92b9ea2b;
select-fg: #cfe0f7;
dim: #7f7796; dim: #7f7796;
border-color: #3d3752; border-color: #3d3752;
@ -23,7 +24,9 @@ configuration {
window { window {
transparency: "real"; transparency: "real";
border-radius: 12px; border-radius: 12px;
background-color: @main-bg; background-color: @main-bg-trans;
border: 1px;
border-color: @border-color;
width: 620px; width: 620px;
padding: 0px; padding: 0px;
location: center; location: center;
@ -43,16 +46,20 @@ mainbox {
inputbar { inputbar {
background-color: transparent; background-color: transparent;
text-color: @main-fg; text-color: @main-fg;
padding: 4px 12px; padding: 16px 18px;
margin: 0px 0px 4px 0px;
spacing: 0px; spacing: 0px;
border: 0px 0px 1px 0px;
border-color: @border-color;
children: [ prompt, entry ]; children: [ prompt, entry ];
} }
prompt { prompt {
background-color: transparent; background-color: transparent;
text-color: @main-ex; text-color: @main-ex;
padding: 0px 8px 0px 0px; padding: 0px 10px 0px 0px;
font: "JetBrainsMono Nerd Font Bold 11"; vertical-align: 0.5;
font: "JetBrainsMono Nerd Font Bold 13";
} }
/* Prompt shows like terminal: >> */ /* Prompt shows like terminal: >> */
@ -63,9 +70,11 @@ prompt {
entry { entry {
background-color: transparent; background-color: transparent;
text-color: @main-fg; text-color: @main-fg;
placeholder: ""; placeholder: "search";
placeholder-color: @dim;
cursor: text; cursor: text;
font: "JetBrainsMono Nerd Font 12"; vertical-align: 0.5;
font: "JetBrainsMono Nerd Font 14";
} }
/* Message box */ /* Message box */
@ -84,7 +93,7 @@ textbox {
listview { listview {
background-color: transparent; background-color: transparent;
spacing: 0px; spacing: 0px;
padding: 8px 12px; padding: 8px 10px 12px 10px;
scrollbar: false; scrollbar: false;
lines: 9; lines: 9;
fixed-height: true; fixed-height: true;
@ -102,32 +111,32 @@ element {
} }
element normal.normal { element normal.normal {
background-color: @main-bg; background-color: transparent;
text-color: @main-fg; text-color: @main-fg;
} }
element alternate.normal { element alternate.normal {
background-color: @main-bg; background-color: transparent;
text-color: @main-fg; text-color: @main-fg;
} }
element normal.urgent { element normal.urgent {
background-color: @main-bg; background-color: transparent;
text-color: @main-ex; text-color: @main-ex;
} }
element alternate.urgent { element alternate.urgent {
background-color: @main-bg; background-color: transparent;
text-color: @main-ex; text-color: @main-ex;
} }
element normal.active { element normal.active {
background-color: @main-bg; background-color: transparent;
text-color: @main-br; text-color: @main-br;
} }
element alternate.active { element alternate.active {
background-color: @main-bg; background-color: transparent;
text-color: @main-br; text-color: @main-br;
} }
@ -154,13 +163,15 @@ element selected.active {
element-icon { element-icon {
background-color: transparent; background-color: transparent;
size: 1.7em; size: 1.7em;
padding: 0px 10px 0px 0px; padding: 0px 12px 0px 0px;
vertical-align: 0.5;
} }
/* Text - monospace for ls feel */ /* Text - monospace for ls feel */
element-text { element-text {
background-color: transparent; background-color: transparent;
text-color: inherit; text-color: inherit;
vertical-align: 0.5;
font: "JetBrainsMono Nerd Font 11"; font: "JetBrainsMono Nerd Font 11";
} }