Rofi - App launcher

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

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 ...