From fcb65561d0f687fcf6d3cfbe1d02bcf71b87b9b2 Mon Sep 17 00:00:00 2001 From: Sarthak <118442597+sarthak1337-alt@users.noreply.github.com> Date: Fri, 4 Sep 2026 00:21:50 +0530 Subject: [PATCH] rofi: translucent surface, taller search field, icons centred with labels Co-Authored-By: Claude Opus 5 Claude-Session: https://claude.ai/code/session_01Cn3dHfbgNYdbZvzb1b3GQt --- .config/rofi/config.rasi | 43 +++++++++++++++++++++++++--------------- 1 file changed, 27 insertions(+), 16 deletions(-) diff --git a/.config/rofi/config.rasi b/.config/rofi/config.rasi index 49a164c..377d104 100755 --- a/.config/rofi/config.rasi +++ b/.config/rofi/config.rasi @@ -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"; }