Browse Source

Added workspace#rw on waybar module bank

Edited Top and Bot waybar

Added TOP Simple waybar config

Added Waybar Style - Wallust Bordered
pull/298/head
JaKooLit 2 years ago
parent
commit
ae5e6c3f2a
  1. 14
      config/waybar/configs/[TOP & BOT] SummitSplit
  2. 35
      config/waybar/configs/[TOP] Simple
  3. 46
      config/waybar/modules
  4. 305
      config/waybar/style/[Extra] Wallust Bordered.css

14
config/waybar/configs/[TOP & BOT] SummitSplit

@ -24,8 +24,8 @@
], ],
"modules-center": [ "modules-center": [
"idle_inhibitor", "idle_inhibitor",
"hyprland/workspaces#4", "clock",
"custom/light_dark", "custom/light_dark",
], ],
@ -35,7 +35,7 @@
"backlight", "backlight",
"bluetooth", "bluetooth",
"network", "network",
//"custom/updater", "custom/updater",
"custom/cycle_wall", "custom/cycle_wall",
"custom/lock", "custom/lock",
], ],
@ -54,6 +54,7 @@
"height": 0, "height": 0,
"margin-left": 8, "margin-left": 8,
"margin-right": 8, "margin-right": 8,
//"gtk-layer-shell": true,
//"margin-bottom": 0, //"margin-bottom": 0,
"modules-left": [ "modules-left": [
@ -62,7 +63,7 @@
], ],
"modules-center": [ "modules-center": [
"clock", "hyprland/workspaces#rw",
], ],
"modules-right": [ "modules-right": [
@ -75,6 +76,5 @@
//"wireplumber", //"wireplumber",
"pulseaudio#microphone", "pulseaudio#microphone",
"custom/power", "custom/power",
], ],
}],
}]

35
config/waybar/configs/[TOP] Simple

@ -0,0 +1,35 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
// ### TOP Simple ## //
{
"include": "~/.config/waybar/modules",
"layer": "top",
"position": "top",
//"mode": "dock",
"exclusive": true,
"passthrough": false,
"gtk-layer-shell": true,
"margin-left": 6,
"margin-right": 6,
"margin-top": 2,
"modules-left": [
"idle_inhibitor",
"hyprland/workspaces#rw",
"mpris",
"hyprland/window"
],
"modules-center": [
"clock#2"
],
"modules-right": [
"tray",
"battery",
"pulseaudio",
"pulseaudio#microphone",
"custom/power",
],
}

46
config/waybar/modules

@ -126,6 +126,40 @@
"default": "", "default": "",
}, },
}, },
// NUMBERS and ICONS style with window rewrite
"hyprland/workspaces#rw": {
"disable-scroll": true,
"all-outputs": true,
"warp-on-scroll": false,
"sort-by-number": true,
"show-special": true,
"on-click": "activate",
"on-scroll-up": "hyprctl dispatch workspace e+1",
"on-scroll-down": "hyprctl dispatch workspace e-1",
"format": "{icon} {windows}",
"format-window-separator": " ",
"window-rewrite-default": " ",
"window-rewrite": {
"title<.*youtube.*>": " ",
"title<.*amazon.*>": " ",
"title<.*reddit.*>": " ",
"title<.*Picture-in-Picture.*>": " ",
"class<firefox>": " ",
"class<kitty>": " ",
"class<konsole>": " ",
"class<thunar>": "󰝰 ",
"class<discord>": " ",
"class<subl>": "󰅳 ",
"class<celluloid>": " ",
"class<Cider>": "󰎆 ",
"class<code-oss>": "󰨞 ",
"class<codium|codium-url-handler|VSCodium>": "󰨞 ",
"class<codeblocks>": "󰅩 ",
"class<mousepad>": " ",
"class<libreoffice-writer>": " ",
"class<libreoffice-startcenter>": "󰏆 "
}
},
// GROUP // GROUP
"group/motherboard": { "group/motherboard": {
"orientation": "horizontal", "orientation": "horizontal",
@ -241,6 +275,13 @@
"on-scroll-up": "shift_up", "on-scroll-up": "shift_up",
"on-scroll-down": "shift_down" "on-scroll-down": "shift_down"
}, },
"clock#2": {
// "timezone": "America/New_York",
//"format": " {:%I:%M %p}", // AM PM format
"format": " {:%H:%M}",
"format-alt": "{:%A | %H:%M | %e %B}",
"tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>"
},
"cpu": { "cpu": {
"format": "{usage}% 󰍛", "format": "{usage}% 󰍛",
"interval": 1, "interval": 1,
@ -273,7 +314,7 @@
}, },
"hyprland/window": { "hyprland/window": {
"format": "{}", "format": "{}",
"max-length": 40, "max-length": 20,
"separate-outputs": true, "separate-outputs": true,
"offscreen-css": true, "offscreen-css": true,
"offscreen-css-text": "(inactive)", "offscreen-css-text": "(inactive)",
@ -354,7 +395,8 @@
"max-length": 50, "max-length": 50,
"format-icons": [ "format-icons": [
"󰤯", "󰤟", "󰤢", "󰤥", "󰤨" "󰤯", "󰤟", "󰤢", "󰤥", "󰤨"
] ],
"on-click-right": "kitty nmtui"
}, },
"network#speed": { "network#speed": {
"interval": 1, "interval": 1,

305
config/waybar/style/[Extra] Wallust Bordered.css

@ -0,0 +1,305 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* Wallust Bordered*/
@import '../../.config/waybar/wallust/colors-waybar.css';
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
min-height: 0;
}
window#waybar {
background-color: transparent;
color: @foreground;
padding-left: 15px;
padding-right: 15px;
}
window#waybar.empty #window {
background-color: transparent;
border-color: transparent;
padding-left: 15px;
padding-right: 15px;
}
tooltip {
background-color: transparent;
color: @color12;
border-radius: 10px;
border-width: 1.5px;
border-style: solid;
border-color: @color9;
transition: 0.3s;
opacity: 0.9;
}
#workspaces button {
color: @forground;
box-shadow: none;
text-shadow: none;
padding-right: 12px;
border-radius: 9px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
color: @color12;
padding-right: 12px;
background-color: @background;;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: @color9;
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
#taskbar button:hover,
#workspaces button:hover {
color: @color11;
padding-left: 0px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-swaync,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
border-radius: 20px;
background: @background;
opacity: 1;
padding: 0px 10px;
margin: 0;
margin-top: 5px;
border: 2px solid @color12;
}
#cpu {
border: 2px solid @color5;
}
#disk {
color: @color13;
border: 2px solid @color13;
}
#temperature{
color: @color11;
border: 2px solid @color11;
}
#temperature.critical {
color: #eba0ac;
}
#custom-power {
color: red;
padding-left: 10px;
padding-right: 2px;
border: 2px solid red;
}
#backlight {
color: #f9e2af;
padding-right: 5px;
}
#tray {
border-radius: 20px;
margin-right: 5px;
/* padding: 0px 4px; */
padding-left: 15px;
padding-right: 15px;
border: 2px solid @color7;
}
#mpris {
padding-left: 15px;
}
#tray.empty {
background-color: transparent;
border-color: transparent;
border: 0px;
}
#workspaces {
margin-left: 5px;
padding-right: 0px;
padding-left: 5px;
border: 2px solid @color8;
}
#window {
margin-left: 5px;
margin-right: 5px;
border: 2px solid @color9;
}
#clock {
border-radius: 20px;
color: #fab387;
margin-left: 5px;
border-right: 0px;
transition: 0.3s;
padding-right: 13px;
padding-left: 13px;
border: 2px solid @color12;
}
#network {
color: #a6adc8;
padding-right: 12px;
padding-left: 5px;
border: 2px solid @color10;
}
#network.disconnected {
color: #f5c2e7;
border-left: 2px solid #a6e3a1;
border-top: 2px solid #a6e3a1;
border-right: 0px;
border-bottom: 2px solid @color10;
}
#bluetooth {
color: #b4befe;
margin-right: 10px
}
#pulseaudio.microphone,
#pulseaudio {
color: #89b4fa;
border: 2px solid @color13;
}
#pulseaudio.muted {
color: #f38ba8;
padding-right: 20px;
}
#battery {
color: #a6e3a1;
margin-right: 5px;
padding-right: 15px;
border: 2px solid @color14;
}
#battery.good {
color: #ffd57a;
border: 2px solid @color15;
}
#battery.warning {
color: #fab387;
border-left: 0px;
border: 2px solid @color12;
}
#battery.charging {
color: #a6e3a1;
}
#battery.critical {
color: #f38ba8;
border-left: 0px;
border: 2px solid @color8;
}
#custom-weather {
color: #8eacf3;
border-right: 0px;
margin-left: 0px;
margin-right: 5px;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
}
Loading…
Cancel
Save