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