Rofi - App launcher

Sat, 31 May 2025 20:00:00 +0600

Rofi

X11 app launcher and switcher

Make sure to install the nerd fonts; You can checkout for windows and for linux

Config

Follow my github/codeberg for update dotfiles

configuration {
 modi: "drun";
 show-icons: true;
 display-drun: "";
 drun-display-format: "{name}";
 font: "JetBrains Mono Nerd Font 11";
}

/* Tokyo Night / Bluish Theme Variables */
* {
 bg-col: #1A1B26; /* Deep Tokyo Night background */
 bg-col-light: #24283B; /* Used only for the search bar now */
 border-col: #7AA2F7; /* Bright Tokyo Night blue */
 blue: #7AA2F7;
 fg-col: #C0CAF5; /* Main text color */
 fg-col-muted: #565F89; /* Muted text for placeholder */

 /* Base resets */
 background-color: transparent;
 text-color: @fg-col;
 margin: 0;
 padding: 0;
}

window {
 width: 35%;
 background-color: @bg-col;
 border: 2px solid;
 border-color: @border-col;
 border-radius: 10px;
 padding: 15px;
}

mainbox {
 background-color: transparent;
 spacing: 15px;
}

inputbar {
 children: [prompt, entry];
 background-color: @bg-col-light;
 border-radius: 8px;
 padding: 10px;
}

prompt {
 background-color: @blue;
 text-color: @bg-col;
 padding: 6px 12px;
 border-radius: 6px;
 margin: 0px 10px 0px 0px;
 font: "JetBrains Mono Nerd Font Bold 11";
}

entry {
 padding: 6px 0px;
 background-color: transparent;
 text-color: @fg-col;
 placeholder: "Search applications...";
 placeholder-color: @fg-col-muted;
}

listview {
 background-color: transparent;
 columns: 1;
 lines: 7;
 spacing: 6px;
 cycle: false;
 dynamic: true;
 scrollbar: false;
}


element {
 background-color: transparent; /* Melts perfectly into the main window */
 text-color: @fg-col;
 padding: 10px 12px;
 border-radius: 8px;
 spacing: 12px;
 orientation: horizontal;
}

element-icon {
 size: 24px;
 background-color: transparent;
}

element-text {
 background-color: transparent;
 text-color: inherit;
 vertical-align: 0.5;
}

element selected {
 background-color: transparent; /* No more clashing solid backgrounds */
 text-color: @blue; /* Changes the text to match your outline */
 border: 2px solid; /* Thicker outline for that neon/border vibe */
 border-color: @blue; /* The Tokyo Night blue outline you liked */
}

Pobybar - A customize panel

Thu, 19 Jun 2025 20:00:00 +0600

Polybar

Make sure to install the nerd fonts

GitHub repo of polybar

Folder structure:

yeasin@Workstation ~/.config/polybar
[master] ❯ tree
.
├── config.ini
├── launch.sh

configs

config.ini

[colors]
bg = #1a1b26
bg-alt = #24283b
fg = #c0caf5
accent = #7aa2f7
alert = #f7768e
empty = #00000000

[bar/example]
monitor = ${env:MONITOR:}
width = 96%
height = 26pt
offset-x = 0%
offset-y = 0%
radius = 10

background = ${colors.bg}
foreground = ${colors.fg}

# Invisible border to fake the floating effect in i3
border-size = 4pt
border-color = ${colors.empty}

padding-left = 2
padding-right = 2
module-margin = 2

# FONT CONFIGURATION
font-0 = "JetBrains Mono:weight=bold:size=10;2"
font-1 = "JetBrainsMono Nerd Font:size=13;3"
font-2 = "JetBrainsMonoNL Nerd Font:size=13;3"

modules-left = workspaces
modules-center = date
modules-right = pulseaudio memory cpu powermenu

[module/xwindow]
type = internal/xwindow
label = %title%

[module/workspaces]
type = internal/xworkspaces
pin-workspaces = false
strip-workspace-numbers = false
label-separator = " "

label-active = %index%
label-occupied = %index%
label-empty = %index%
label-urgent = %index%

label-active-foreground = ${colors.bg}
label-active-background = ${colors.accent}
label-active-padding = 4

label-occupied-foreground = ${colors.fg}
label-occupied-background = ${colors.bg-alt}
label-occupied-padding = 4

label-empty-foreground = ${colors.fg}
label-empty-background = ${colors.bg}
label-empty-padding = 4

label-urgent-foreground = ${colors.bg}
label-urgent-background = ${colors.alert}
label-urgent-padding = 4

[module/date]
type = internal/date
interval = 60
date = %I:%M %p - %d %A
date-alt = %A, %Y-%m-%d
label = %date%
label-foreground = ${colors.accent}

[module/pulseaudio]
type = internal/pulseaudio
format-volume = VOL <label-volume>
label-volume = %percentage%%
label-volume-foreground = ${colors.fg}
label-muted = MUTED
label-muted-foreground = ${colors.alert}
click-middle = pavucontrol

[module/memory]
type = internal/memory
interval = 2
label = RAM %percentage_used%%
label-foreground = ${colors.accent}

[module/cpu]
type = internal/cpu
interval = 2
label = CPU %percentage%%
label-foreground = ${colors.fg}


[module/powermenu]
type = custom/text
content = ""
content-foreground = ${colors.alert}
click-left = ~/.config/rofi/scripts/powermenu.sh



[module/battery]
type = internal/battery
battery = BAT0
adapter = AC
full-at = 98

format-charging = <label-charging>
format-discharging = <label-discharging>
format-full = <label-full>

label-charging =  %percentage%%
label-discharging =  %percentage%%
label-full =  %percentage%%

powermenu

Stays inside rofi config, but you can put it anywhere. Just make sure to provide the correct path

Ricing on @yt.yeasin50

Rofi - App launcher

Rofi

Pobybar - A customize panel

Polybar

configs