Some changes in waybar and rofi

This commit is contained in:
ayushDumasia 2024-10-08 10:04:45 +05:30
parent 55247264fc
commit 6ff0945459
236 changed files with 675 additions and 28535 deletions

View file

@ -2,45 +2,22 @@
"layer": "top",
"margin-left": 8,
"margin-right": 8,
"margin-top": 4,
"margin-bottom": 1,
"modules-left": [
"custom/launcher",
"hyprland/workspaces",
"cpu",
"memory",
"temperature"
],
"modules-center": ["clock"],
"margin-top": 2,
"margin-bottom": 2,
"modules-left": ["hyprland/workspaces"],
"modules-center": ["cpu", "memory", "clock"],
"modules-right": [
// "hyprland/window",
"custom/update",
"custom/wallpaper",
"pulseaudio",
"wireplumber",
"backlight",
"network",
"bluetooth",
"battery"
],
"custom/launcher": {
"format": "",
"tooltip": false,
"on-click": "~/.config/rofi/launchers/type-4/launcher.sh"
},
"hyprland/workspaces": {
"disable-scroll": false,
"sort-by-name": true,
"format": " {icon} ",
"format-icons": {
"active": "●",
"default": "○"
},
"persistent-workspaces": {
"*": 6
},
"on-scroll-up": "hyprctl dispatch workspace e+1",
"on-scroll-down": "hyprctl dispatch workspace e-1"
"on-click": "~/.config/rofi/launcher/launcher.sh"
},
"cpu": {
"interval": 1,
@ -53,123 +30,87 @@
"on-click": "kitty btop",
"tooltip-format": "{used}/{total} GiB"
},
"custom/update": {
"interval": 86000,
"format": "{}",
"exec": "~/.config/waybar/scripts/check-updates.sh",
"on-click": "kitty yay",
"tooltip": false
},
"keyboard-state": {
"numlock": true,
"capslock": true,
"scrolllock": false,
"format": "{name} {icon}",
"hyprland/workspaces": {
"format": "{icon}",
"on-click": "activate",
"sort-by-name": true,
"on-scroll-up": "hyprctl dispatch workspace e-1",
"on-scroll-down": "hyprctl dispatch workspace e+1",
"format-icons": {
"locked": "\uf023",
"unlocked": "\uf3c1"
"active": "",
"urgent": "",
"default": ""
},
"persistent-workspaces": {
"*": 5
}
},
"clock": {
"timezone": "Asia/Kolkata",
"tooltip": false,
"format": "{:%a, %d/%m | %H:%M}"
"format": "{:%I:%M %p • %a %d/%m}",
"tooltip": true,
"tooltip-format": "<tt>{calendar}</tt>"
},
"custom/weather": {
"format": "{}°C",
"tooltip": false,
"interval": 3600,
"exec": "wttrbar --location 'Surat'",
"return-type": "json"
"backlight": {
"scroll-step": 5,
"format": "{icon}",
"format-icons": ["󰃞 ", "󰃟 ", "󰃝 ", "󰃠 "]
},
"custom/wallpaper": {
"format": "\uf03e",
"on-click": "~/.config/waybar/scripts/change-wallpaper.sh && hyprpaper",
"tooltip": false
},
"temperature": {
"interval": 1,
"thermal-zone": 6,
"critical-threshold": 80,
"format-critical": "{temperatureC}°C <span font='Font Awesome 5 Free'></span>",
"format": "{temperatureC}°C <span font='Font Awesome 5 Free'></span>",
"tooltip": false
},
"pulseaudio": {
"format": "<span font='Font Awesome 5 Free'>{icon}</span>",
"format-muted": "<span font='Font Awesome 5 Free'>\uf6a9</span>",
"format-icons": {
"headphone": "\uf025",
"default": "\uf028"
},
"tooltip": true,
"tooltip-format": "{volume%} | {desc}",
"on-click": "pamixer -t"
},
"backlight": {
"device": "intel_backlight",
"format": "{icon}",
"format-icons": ["☼"],
"tooltip-format": "{percent}%",
"tooltip": true
},
"network": {
"format-wifi": "{icon}",
"format-icons": ["󰤟", "󰤢", "󰤥", "󰤨"],
"format-ethernet": "󱎔",
"format-linked": "󰌷",
"format-wifi": " {icon}",
"format-ethernet": "󰈀",
"format-icons": ["󰤯 ", "󰤟 ", "󰤢 ", "󰤢 ", "󰤨 "],
"format-disconnected": "󰪎",
"tooltip-format-wifi": "{essid}\n{signalStrength}󰏰\n{ifname}\n{gwaddr}",
"tooltip-format-ethernet": "󱎔 {ifname}",
"tooltip-disconnected": "Disconnected",
"on-click": "~/.config/rofi/wifi.sh"
},
"bluetooth": {
"format": "󰂯",
"format-disabled": "󰂲",
"format-off": "󰂲",
"format-connected": "󰂱",
"format-connected-battery": "󰂱 {device_battery_percentage}󰏰",
"tooltip-format": "{controller_alias}\t{controller_address}\n\n{num_connections} connected",
"tooltip-format-connected": "{controller_alias}\t{controller_address}\n\n{num_connections} connected\n\n{device_enumerate}",
"tooltip-format-enumerate-connected": "{device_alias}\t{device_address}",
"tooltip-format-enumerate-connected-battery": "{device_alias}\t{device_address}\t{device_battery_percentage}%"
"interval": 5,
"tooltip-format-wifi": " {bandwidthDownBytes} |  {bandwidthUpBytes} | {essid}",
"tooltip-format-disconnected": "Disconnected",
"on-click": "exec ~/.config/rofi/wifi/wifi.sh",
"on-click-right": "alacritty -e nmtui"
},
"battery": {
"states": {
"good": 100,
"warning": 40,
"low": 20,
"critical": 7
"good": 95,
"warning": 30,
"critical": 15
},
"interval": 1,
"format": "{capacity}% <span font='Font Awesome 5 Free'>{icon}</span>",
"format-charging": "{capacity}% <span font='Font Awesome 5 Free'>\uf0e7</span>",
"format-icons": ["\uf244", "\uf243", "\uf242", "\uf241", "\uf240"]
"format": " {capacity}% {icon} ",
"format-full": "{icon}",
"format-plugged": " {capacity}% <span font='Font Awesome 5 Free'>\uf0e7</span> ",
"format-alt": "{icon} {time}",
"tooltip-format": "{capacity}%, about {time} left",
"format-icons": [" ", " ", " ", " "]
},
"hyprland/window": {
"format": "{class}",
"rewrite": {
"(.*) - Mozilla Firefox": " $1", // Firefox icon from Nerd Fonts
"(.*) - zsh": " [$1]", // Terminal icon from Nerd Fonts
"(.*) - Visual Studio Code": " $1", // VS Code icon
"(.*) - LibreOffice Writer": " $1", // Document icon
"(.*) - LibreOffice Calc": " $1", // Spreadsheet icon
"(.*) - VLC media player": " $1", // Music icon
"(.*) - GIMP": " $1", // GIMP icon
"(.*) - Inkscape": " $1", // Drawing icon
"(.*) - Spotify": " $1", // Spotify icon
"(.*) - Discord": "ﭮ $1", // Discord icon
"(.*) - Telegram": " $1", // Telegram icon
"(.*) - Evince": " $1", // PDF document icon
"(.*) - Nautilus": " $1" // File manager icon
},
"icon": true,
"icon-size": 20
"wireplumber": {
"max-volume": 200,
"scroll-step": 5,
"format": "{icon}",
"format-bluetooth": "{icon}",
"format-icons": [" ", " ", " "],
"format-muted": " ",
"on-click-middle": "wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle",
"on-click": "pamixer -t",
"tooltip-format": "{volume}% | {desc}"
},
"custom/powerctl": {
"tooltip": false,
"format": "\uf011",
"on-click": "~/.config/rofi/powermenu/type-5/powermenu.sh"
"bluetooth": {
"format": "{icon}",
"format-icons": ["", "󰤾", "󰥀", "󰥄", "󰥈"],
"tooltip-format-off": "Bluetooth is off",
"tooltip-format-on": "Bluetooth is on",
"format-connected": "{icon} {num_connections}",
"format-connected-battery": "{icon} {device_battery_percentage}%",
"tooltip-format-connected": "{device_enumerate}",
"tooltip-format-enumerate-connected": "{device_alias}\t{device_battery_percentage}%",
"on-click": "blueman-manager"
}
}

View file

@ -1,13 +1,29 @@
:root {
--base: #3c3836; /* Base background color */
--text: #ebdbb2; /* Text color */
--green: #b8bb26; /* Green */
--red: #fb4934; /* Red */
--lavender: #d5c4a1; /* Lavender */
--flamingo: #ea6a6a; /* Flamingo */
--mauve: #c79dff; /* Mauve */
--blue: #83a598; /* Blue */
--rosewater: #f5e0dc; /* Rosewater */
--yellow: #fabd2f; /* Yellow */
--peach: #f2b5d4; /* Peach */
}
/* find more on https://coolors.co */
/* white */
@define-color white #fcfcfc;
@define-color beige #EEF5DB;
@define-color antiflash #F1F2F6;
/* black */
@define-color onyx #313638;
@define-color raisin-black #1e1e2e;
@define-color gunmetal #333745;
@define-color charcoal #424651;
/* blue */
@define-color vista-blue #89a6fb;
@define-color glaucous #577399;
@define-color periwinkle #AEADF0;
/* green */
@define-color mint #52B788;
@define-color celadon #ADF7B6;
@define-color carribean-current #0D5D56;
@define-color dark-cyan #368F8B;
/* red */
@define-color cerise #E63462;
@define-color crayola #EF476F;
@define-color bittersweet #EB5E55;
/* yellow */
@define-color arylide-yellow #E3C567;
@define-color amber #FFBD00;
@define-color sunglow #FFC857;

View file

@ -1,82 +1,63 @@
@import 'mocha.css';
/* reset all styles */
* {
border: none;
border-radius: 5px;
font-family: 'JetbrainsMono Nerd Font Mono';
font-family: JetBrains Mono Nerd Font;
min-height: 18px;
font-size: 14px;
}
window#waybar {
background: rgba(30, 30, 46, 0.9);
padding: 6px;
}
#window {
color: white;
margin-right: 10px;
}
#custom-launcher {
font-size: 30px;
margin-right: 4px;
padding: 0px 16px;
transition: none;
color: rgba(137, 220, 235, 1);
}
button:hover {
box-shadow: inherit;
text-shadow: inherit;
background: inherit;
}
#workspaces {
padding: 2px 10px;
margin-right: 2px;
background: rgba(203, 166, 247, 0.1);
}
#workspaces button {
padding: 0px;
color: #a6e3a1;
}
#workspaces button:hover {
color: #f38ba8;
background: transparent;
border: none;
border-radius: 6px;
padding: 0;
margin: 0;
box-shadow: none;
text-shadow: none;
background-color: transparent;
color: @beige;
}
#cpu {
padding: 0px 16px;
color: #cdd6f4;
padding: 0px 8px 0px 15px;
border-radius: 0px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
background: @raisin-black;
}
#memory {
padding: 0px 16px;
color: #cdd6f4; /* Text */
padding: 0px 15px 0px 8px;
border-radius: 0px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
background: @raisin-black;
margin-right: 2px;
}
#custom-update {
font-family: 'Font Awesome 5 Free';
padding: 0px 8px;
color: #b4befe; /* Lavender */
/* general */
tooltip,
menu,
#workspaces,
#clock,
#wireplumber,
#backlight,
#bluetooth,
#network,
#battery,
#custom-power {
background: @raisin-black;
padding-bottom: 7px;
padding-top: 7px;
margin: 0;
}
#keyboard-state {
font-family: 'Font Awesome 5 Free';
padding: 0px 16px;
margin-right: 8px;
color: #f38ba8; /* Flamingo */
tooltip {
border: 1px solid @beige;
}
#clock {
padding: 0px 16px;
margin-right: 4px;
color: #eff1f5; /* Text */
}
#custom-weather {
padding: 0px 8px;
color: #eff1f5; /* Text */
.modules-right,
.modules-center,
.modules-left {
padding: 0 5px;
}
#custom-wallpaper {
@ -84,72 +65,73 @@ button:hover {
font-family: 'Font Awesome 5 Free';
padding: 0px 8px;
margin-right: 4px;
color: #f38ba8; /* Mauve */
color: #f38ba8;
background: @raisin-black;
}
#temperature {
#workspaces {
padding: 0 8px 0 3px;
border-radius: 6px;
color: transparent;
font-weight: bold;
opacity: 1;
}
#workspaces button {
background: transparent;
min-width: 30px;
transition: all 0.3s ease-in-out;
opacity: 1;
color: #f38ba8;
}
#workspaces button.active {
color: #f38ba8;
opacity: 1;
}
#workspaces button.active box label {
color: #94e2d5;
}
#clock {
padding: 0 15px;
}
#custom-launcher {
font-size: 16px;
padding: 0px 16px;
margin-right: 8px;
color: #89b4fa; /* Blue */
}
#temperature.gpu {
border-radius: 0px 8px 8px 0px;
padding: 0px 16px;
padding-left: 0px;
margin-right: 8px;
color: #89b4fa; /* Blue */
}
#temperature.critical,
#temperature.gpu.critical {
color: #d20f39; /* Red */
}
#pulseaudio {
font-size: 18px;
padding: 0px 8px;
color: #a6e3a1; /* Rosewater */
}
#pulseaudio.muted {
padding: 0px 8px;
padding-right: 8px;
transition: none;
background: @raisin-black;
color: rgba(137, 220, 235, 1);
}
#wireplumber,
#backlight {
font-size: 22px;
padding: 0px 8px;
padding-left: 2px;
color: #a6e3a1; /* Rosewater */
padding: 0 8px;
margin: 0 2px;
}
#bluetooth,
#network {
font-family: 'Font Awesome 5 Free';
font-size: 18px;
padding: 0px 16px;
color: #f9e2af; /* Yellow */
color: #cba6f7;
}
#bluetooth {
font-family: 'Font Awesome 5 Free';
padding: 0px 16px;
margin-right: 8px;
color: #f9e2af; /* Yellow */
min-width: 20px;
padding: 0 10px;
margin: 0 2px;
}
#network {
min-width: 30px;
padding: 0 7px 0 2px;
margin: 0 2px;
}
#battery {
padding: 0px 6px;
padding-right: 16px;
color: #fab387; /* Peach */
}
#battery:hover {
background: white;
color: @mint;
min-width: 30px;
padding-left: 5px;
margin: 0 2px;
padding-right: 5px;
}
#battery.charging {
padding: 0px 16px;
color: #eff1f5; /* Text */
background: #40a02b; /* Green */
}
@ -185,30 +167,3 @@ button:hover {
background: #eff1f5; /* Text */
}
}
#custom-powerctl {
font-family: 'Font Awesome 5 Free';
padding: 0px 16px;
color: #40a02b; /* Green */
background: #1e1e2e; /* Base */
}
button:hover,
#cpu:hover,
#memory:hover,
#custom-update:hover,
#keyboard-state:hover,
#clock:hover,
#custom-weather:hover,
#custom-wallpaper:hover,
#temperature:hover,
#pulseaudio:hover,
#backlight:hover,
#network:hover,
#bluetooth:hover,
#battery:hover,
#custom-powerctl:hover {
background: #313244; /* Slightly lighter shade for hover */
box-shadow: 0 0 10px rgba(50, 50, 93, 0.25), 0 0 20px rgba(0, 0, 0, 0.25);
color: #eff1f5; /* Brighten text color on hover */
}