Browse Source

lots of fixes

pull/3/head
JaKooLit 2 years ago
parent
commit
ef7add298f
  1. 6
      CHANGELOG.md
  2. 18
      config/waybar/configs/config-default
  3. 3
      config/waybar/configs/config-dual-TL
  4. 4
      config/waybar/configs/config-left
  5. 5
      config/waybar/configs/config-right
  6. 76
      config/waybar/modules
  7. 46
      config/waybar/style/style-b&w.css
  8. 185
      config/waybar/style/style-dark.css
  9. 326
      config/waybar/style/style-default.css
  10. 56
      config/waybar/style/style-default_alter.css
  11. 45
      config/waybar/style/style-light.css
  12. 43
      config/waybar/style/style-mauve.css
  13. 51
      config/waybar/style/style-rgb.css
  14. 60
      config/waybar/style/style-simple.css

6
CHANGELOG.md

@ -1,5 +1,11 @@
## CHANGES ## CHANGES
### 24-Oct-2023
- fix lots of waybar stylings
- introducing waybar separators (only in default)
<p align="center">
<img align="center" width="49%" src="https://raw.githubusercontent.com/JaKooLit/screenshots/main/Changelogs-Screenshots/24-10-2-23-waybar-separator.png" />
#### 22 Oct 2023 #### 22 Oct 2023
- initial commit - initial commit
- adding some waybar layouts (Super Alt W). YOu can also choose colors of your waybar panels (Super Shift W) - adding some waybar layouts (Super Alt W). YOu can also choose colors of your waybar panels (Super Shift W)

18
config/waybar/configs/config-default

@ -16,30 +16,44 @@
"modules-left": [ "modules-left": [
"hyprland/workspaces", "hyprland/workspaces",
"custom/separator#dot-line",
"cpu", "cpu",
"custom/separator#dot-line",
"temperature", "temperature",
"custom/separator#dot-line",
"memory", "memory",
"custom/separator#dot-line",
"custom/weather", "custom/weather",
], ],
"modules-center": [ "modules-center": [
"custom/menu", "custom/menu",
"custom/separator#dot-line",
"idle_inhibitor", "idle_inhibitor",
"custom/separator#dot-line",
"clock", "clock",
"custom/separator#dot-line",
"custom/light_dark", "custom/light_dark",
"custom/separator#dot-line",
"custom/lock", "custom/lock",
], ],
"modules-right": [ "modules-right": [
"hyprland/window", //"hyprland/window",
"tray", "tray",
"custom/separator#dot-line",
//"cava", //"cava",
"battery", "battery",
"custom/separator#dot-line",
"backlight", "backlight",
"custom/separator#dot-line",
"pulseaudio", "pulseaudio",
"custom/separator#dot-line",
//"wireplumber", //"wireplumber",
"pulseaudio#microphone", "pulseaudio#microphone",
"keyboard-state", "custom/separator#dot-line",
//"keyboard-state",
//"custom/separator#dot-line",
"custom/power", "custom/power",
], ],
} }

3
config/waybar/configs/config-dual-TL

@ -25,7 +25,7 @@
"modules-center": [ "modules-center": [
"hyprland/window", "hyprland/window",
"custom/weather", "custom/weather",
], ] ,
"modules-right": [ "modules-right": [
"network", "network",
@ -55,7 +55,6 @@
"modules-left": [ "modules-left": [
"idle_inhibitor", "idle_inhibitor",
], ],
"modules-center": [ "modules-center": [

4
config/waybar/configs/config-left

@ -24,10 +24,10 @@
"modules-right": [ "modules-right": [
"tray", "tray",
"backlight", "backlight#vertical",
"pulseaudio#microphone_vertical", "pulseaudio#microphone_vertical",
"pulseaudio#vertical", "pulseaudio#vertical",
"custom/power", "custom/power_vertical",
"custom/menu", "custom/menu",
], ],
} }

5
config/waybar/configs/config-right

@ -24,9 +24,10 @@
"modules-right": [ "modules-right": [
"tray", "tray",
"backlight", "backlight#vertical",
"pulseaudio#microphone_vertical", "pulseaudio#microphone_vertical",
"pulseaudio#vertical", "pulseaudio#vertical",
"custom/power", "custom/power_vertical",
"custom/menu",
], ],
} }

76
config/waybar/modules

@ -317,7 +317,7 @@
}, },
"custom/power": { "custom/power": {
"format": " ", "format": " ",
"tooltip": false, "tooltip": false,
//"on-click": "sh -c '(sleep 0.5s; wlogout --protocol layer-shell)' & disown", //"on-click": "sh -c '(sleep 0.5s; wlogout --protocol layer-shell)' & disown",
"on-click": "$HOME/.config/hypr/scripts/WofiPower.sh", "on-click": "$HOME/.config/hypr/scripts/WofiPower.sh",
@ -345,8 +345,44 @@
"tooltip" : true, "tooltip" : true,
}, },
// Separators
"custom/separator#dot": {
"format": "",
"interval": "once",
"tooltip": false
},
"custom/separator#dot-line": {
"format": "",
"interval": "once",
"tooltip": false
},
"custom/separator#line": {
"format": "|",
"interval": "once",
"tooltip": false
},
// Modules below are for vertical layout // Modules below are for vertical layout
"backlight#vertical": {
"interval": 2,
"align": 0,
"rotate": 0,
"format": "{icon}",
"format-icons": ["󰃞", "󰃟", "󰃠"],
"icon-size": 10,
"on-click": "",
"on-click-middle": "",
"on-click-right": "",
"on-update": "",
"on-scroll-up": "~/.config/hypr/scripts/Brightness.sh --inc",
"on-scroll-down": "~/.config/hypr/scripts/Brightness.sh --dec",
"smooth-scrolling-threshold": 1,
},
"clock#vertical": { "clock#vertical": {
"format": "{:\n%H\n%M\n\n \n%d\n%m\n%y}", "format": "{:\n%H\n%M\n\n \n%d\n%m\n%y}",
"interval": 1, "interval": 1,
@ -361,6 +397,21 @@
} }
} }
}, },
"cpu#vertical": {
"format": "󰍛\n{usage}%",
"interval": 1,
"on-click-right": "gnome-system-monitor",
},
"memory#vertical": {
"interval": 10,
"format": "󰾆\n{percentage}%",
"format-alt": "󰾆\n{used:0.1f}G",
"format-alt-click": "click",
"tooltip": true,
"tooltip-format": "{used:0.1f}GB/{total:0.1f}G",
"on-click-right": "foot --title btop sh -c 'btop'",
},
"pulseaudio#vertical": { "pulseaudio#vertical": {
"format": "{icon}", "format": "{icon}",
@ -396,22 +447,6 @@
"tooltip-format": "{icon} {desc} {volume}%", "tooltip-format": "{icon} {desc} {volume}%",
}, },
"cpu#vertical": {
"format": "󰍛\n{usage}%",
"interval": 1,
"on-click-right": "gnome-system-monitor",
},
"memory#vertical": {
"interval": 10,
"format": "󰾆\n{percentage}%",
"format-alt": "󰾆\n{used:0.1f}G",
"format-alt-click": "click",
"tooltip": true,
"tooltip-format": "{used:0.1f}GB/{total:0.1f}G",
"on-click-right": "foot --title btop sh -c 'btop'",
},
"temperature#vertical": { "temperature#vertical": {
"interval": 10, "interval": 10,
"tooltip": true, "tooltip": true,
@ -423,5 +458,12 @@
"format-icons": [""], "format-icons": [""],
"on-click-right": "foot --title nvtop sh -c 'nvtop'" "on-click-right": "foot --title nvtop sh -c 'nvtop'"
}, },
"custom/power_vertical": {
"format": "⏻",
"tooltip": false,
"on-click": "$HOME/.config/hypr/scripts/WofiPower.sh",
"on-click-right": "~/.config/hypr/scripts/ChangeBlur.sh",
},
} }

46
config/waybar/style/style-b&w.css

@ -22,7 +22,7 @@ window#waybar.empty #window {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
border: 0px; border: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */ /* background-color: rgba(66,66,66,0.5); */ /* transparent */
background-color: transparent; background-color: transparent;
} }
@ -86,50 +86,48 @@ tooltip label{
/*box-shadow:inherit;*/ /*box-shadow:inherit;*/
} }
#clock, #backlight,
#battery, #battery,
#bluetooth,
#cava,
#clock,
#cpu, #cpu,
#memory,
#disk, #disk,
#temperature,
#backlight,
#network,
#pulseaudio,
#wireplumber,
#mode,
#tray,
#cava,
#idle_inhibitor, #idle_inhibitor,
#keyboard-state,
#keyboard-state label, #keyboard-state label,
#keyboard-state label.locked, #keyboard-state label.locked,
#keyboard-state,
#memory,
#mode,
#mpd, #mpd,
#network,
#pulseaudio,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window, #window,
#wireplumber,
#workspaces, #workspaces,
#taskbar,
#bluetooth,
#taskbar,
#taskbar button,
#custom-light_dark,
#custom-cycle_wall, #custom-cycle_wall,
#custom-updater, #custom-light_dark,
#custom-lock,
#custom-menu, #custom-menu,
#custom-power_vertical,
#custom-power, #custom-power,
#custom-spotify, #custom-spotify,
#custom-updater,
#custom-weather, #custom-weather,
#custom-power,
#custom-lock,
#custom-weather.severe,
#custom-weather.sunnyDay,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
#custom-weather.default
#custom-weather.rainyDay, #custom-weather.rainyDay,
#custom-weather.rainyNight, #custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay, #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.default #custom-weather.sunnyDay {
#idle_inhibitor {
padding: 0px 6px; padding: 0px 6px;
} }
#mode { #mode {

185
config/waybar/style/style-dark.css

@ -1,156 +1,155 @@
*{ *{
font-family: "JetBrainsMono Nerd Font"; font-family: "JetBrainsMono Nerd Font";
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 98%; font-size: 98%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px; padding: 1px;
margin-top: 1px; margin-top: 1px;
margin-bottom: 1px; margin-bottom: 1px;
} }
window#waybar { window#waybar {
background: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0);
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.5; opacity: 0.5;
} }
window#waybar.empty { window#waybar.empty {
background-color: transparent; background-color: transparent;
} }
window#waybar.empty #window { window#waybar.empty #window {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
border: 0px; border: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */ /* background-color: rgba(66,66,66,0.5); */ /* transparent */
background-color: transparent; background-color: transparent;
} }
tooltip { tooltip {
background: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.6);
border-radius: 10px; border-radius: 10px;
} }
tooltip label { tooltip label {
color: #cba6f7; color: #cba6f7;
margin-right: 2px; margin-right: 2px;
margin-left: 2px; margin-left: 2px;
} }
/*-----module groups----*/ /*-----module groups----*/
.modules-right { .modules-right {
background-color: rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0.6);
border: 0px solid #b4befe; border: 0px solid #b4befe;
border-radius: 10px; border-radius: 10px;
} }
.modules-center { .modules-center {
background-color: rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0.6);
border: 0px solid #b4befe; border: 0px solid #b4befe;
border-radius: 10px; border-radius: 10px;
} }
.modules-left { .modules-left {
background-color: rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0.6);
border: 0px solid #b4befe; border: 0px solid #b4befe;
border-radius: 10px; border-radius: 10px;
} }
#workspaces button { #workspaces button {
color: #6E6A86; color: #6E6A86;
} }
#workspaces button.active { #workspaces button.active {
color: #cba6f7; color: #cba6f7;
border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px;
} }
#workspaces button.focused { #workspaces button.focused {
color: #d8dee9; color: #d8dee9;
} }
#workspaces button.urgent { #workspaces button.urgent {
color: #11111b; color: #11111b;
border-radius: 10px; border-radius: 10px;
} }
#workspaces button:hover { #workspaces button:hover {
color: #9CCFD8; color: #9CCFD8;
border-radius: 15px; border-radius: 15px;
} }
#clock, #backlight,
#battery, #battery,
#cpu, #bluetooth,
#memory, #cava,
#disk, #clock,
#temperature, #cpu,
#network, #disk,
#pulseaudio, #idle_inhibitor,
#wireplumber, #keyboard-state label,
#mode, #keyboard-state label.locked,
#tray, #keyboard-state,
#cava, #memory,
#backlight, #mode,
#window, #mpd,
#idle_inhibitor, #network,
#keyboard-state, #pulseaudio,
#keyboard-state label, #taskbar button,
#keyboard-state label.locked, #taskbar,
#mpd, #temperature,
#bluetooth, #tray,
#taskbar, #window,
#taskbar button, #wireplumber,
#workspaces, #workspaces,
#custom-light_dark, #custom-cycle_wall,
#custom-updater, #custom-light_dark,
#custom-menu, #custom-lock,
#custom-cycle_wall, #custom-menu,
#custom-power, #custom-power_vertical,
#custom-spotify, #custom-power,
#custom-weather, #custom-spotify,
#custom-power, #custom-updater,
#custom-lock, #custom-weather,
#custom-weather.severe, #custom-weather.clearNight,
#custom-weather.sunnyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.clearNight, #custom-weather.cloudyFoggyNight,
#custom-weather.cloudyFoggyDay, #custom-weather.default
#custom-weather.cloudyFoggyNight, #custom-weather.rainyDay,
#custom-weather.rainyDay, #custom-weather.rainyNight,
#custom-weather.rainyNight, #custom-weather.severe,
#custom-weather.showyIcyDay, #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.default, #custom-weather.sunnyDay {
#idle_inhibitor {
color: #cba7f7; color: #cba7f7;
padding: 0px 10px; padding: 0px 10px;
border-radius: 10px; border-radius: 10px;
} }
#temperature.critical { #temperature.critical {
background-color: #ff0000; background-color: #ff0000;
} }
@keyframes blink { @keyframes blink {
to { to {
color: #000000; color: #000000;
} }
} }
#taskbar button.active { #taskbar button.active {
background-color: #7f849c; background-color: #7f849c;
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {
color: #f53c3c; color: #f53c3c;
animation-name: blink; animation-name: blink;
animation-duration: 0.5s; animation-duration: 0.5s;
animation-timing-function: linear; animation-timing-function: linear;
animation-iteration-count: infinite; animation-iteration-count: infinite;
animation-direction: alternate; animation-direction: alternate;
} }

326
config/waybar/style/style-default.css

@ -1,17 +1,17 @@
*{ *{
font-family: "JetBrainsMono Nerd Font"; font-family: "JetBrainsMono Nerd Font";
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 98%; font-size: 98%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 0px; padding: 0px;
margin-top: 1px; margin-top: 1px;
margin-bottom: 1px; margin-bottom: 1px;
} }
window#waybar { window#waybar {
/* background-color: rgba(26, 27, 38, 0.5); */ /* background-color: rgba(26, 27, 38, 0.5); */
background-color: transparent; background-color: transparent;
color: #ffffff; color: #ffffff;
@ -21,35 +21,35 @@
border-radius: 0px; border-radius: 0px;
transition-duration: 0.5s; transition-duration: 0.5s;
margin: 0px 0px; margin: 0px 0px;
} }
window#waybar.empty { window#waybar.empty {
background-color: transparent; background-color: transparent;
} }
window#waybar.empty #window { window#waybar.empty #window {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
border: 0px; border: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */ /* background-color: rgba(66,66,66,0.5); */ /* transparent */
background-color: transparent; background-color: transparent;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.1; opacity: 0.1;
} }
tooltip { tooltip {
background: #1e1e2e; background: #1e1e2e;
opacity: 0.8; opacity: 0.8;
border-radius: 10px; border-radius: 10px;
border-width: 2px; border-width: 2px;
border-style: solid; border-style: solid;
border-color: #11111b; border-color: #11111b;
} }
tooltip label{ tooltip label{
color: #cdd6f4; color: #cdd6f4;
} }
#workspaces button { #workspaces button {
padding: 0 0px; padding: 0 0px;
color: #7984a4; color: #7984a4;
background-color: transparent; background-color: transparent;
@ -58,264 +58,270 @@
/* Avoid rounded borders under each workspace name */ /* Avoid rounded borders under each workspace name */
border: none; border: none;
border-radius: 0; border-radius: 0;
} }
#workspaces button.focused { #workspaces button.focused {
background-color: transparent; background-color: transparent;
} }
#workspace button.hover { #workspace button.hover {
background-color: transparent; background-color: transparent;
} }
#workspaces button.active { #workspaces button.active {
color: white; color: white;
} }
#workspaces button.urgent { #workspaces button.urgent {
background-color: #eb4d4b; background-color: #eb4d4b;
} }
#clock, #backlight,
#battery, #battery,
#cpu, #bluetooth,
#memory, #cava,
#disk, #clock,
#temperature, #cpu,
#backlight, #disk,
#network, #idle_inhibitor,
#pulseaudio, #keyboard-state label,
#wireplumber, #keyboard-state label.locked,
#mode, #keyboard-state,
#tray, #memory,
#idle_inhibitor, #mode,
#keyboard-state, #mpd,
#mpd, #network,
#cava, #pulseaudio,
#bluetooth, #taskbar button,
#taskbar, #taskbar,
#workspaces, #temperature,
#custom-light_dark, #tray,
#custom-updater, #window,
#custom-power, #wireplumber,
#custom-lock, #workspaces,
#custom-weather, #custom-cycle_wall,
#window, #custom-light_dark,
#custom-weather.severe, #custom-lock,
#custom-weather.sunnyDay, #custom-menu,
#custom-weather.clearNight, #custom-power_vertical,
#custom-weather.cloudyFoggyDay, #custom-power,
#custom-weather.cloudyFoggyNight, #custom-spotify,
#custom-weather.rainyDay, #custom-updater,
#custom-weather.rainyNight, #custom-weather,
#custom-weather.showyIcyDay, #custom-weather.clearNight,
#custom-weather.snowyIcyNight, #custom-weather.cloudyFoggyDay,
#custom-weather.default { #custom-weather.cloudyFoggyNight,
#custom-weather.default
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding: 0px 10px; padding: 0px 10px;
color: #e5e5e5; color: #e5e5e5;
/* color: #bf616a; */ /* color: #bf616a; */
border-radius: 8px; border-radius: 8px;
background-color: rgba(50, 50, 50, 0.1); background-color: rgba(50, 50, 50, 0.1);
border: 1px solid #b4befe; border: 1px solid #b4befe;
} }
#workspaces { #workspaces {
border-radius: 6px; border-radius: 6px;
padding: 0px 6px; padding: 0px 6px;
border: 1px solid #b4befe; border: 1px solid #b4befe;
} }
#cpu { #cpu {
color: #fb958b; color: #fb958b;
padding: 3px; padding: 3px;
border-radius: 8px; border-radius: 8px;
background-color: rgba(50, 50, 50, 0.1); background-color: rgba(50, 50, 50, 0.1);
border: 1px solid #b4befe; border: 1px solid #b4befe;
} }
#custom-cycle_wall, #custom-cycle_wall,
#custom-updater { #custom-updater {
color: #cba7f7; color: #cba7f7;
padding: 3px; padding: 3px;
border-radius: 8px; border-radius: 8px;
background-color: rgba(50, 50, 50, 0.1); background-color: rgba(50, 50, 50, 0.1);
border: 1px solid #b4befe; border: 1px solid #b4befe;
} }
#custom-menu { #custom-menu {
color: #FFFFFF; color: #FFFFFF;
padding: 6px; padding: 6px;
padding-right: 6px; padding-right: 6px;
border-radius: 8px; border-radius: 8px;
background-color: rgba(50, 50, 50, 0.1); background-color: rgba(50, 50, 50, 0.1);
border: 1px solid #b4befe; border: 1px solid #b4befe;
} }
#memory { #memory {
color: #ebcb8b; color: #ebcb8b;
} }
#custom-power { #custom-power {
color: #cc3436; color: #cc3436;
} }
#custom-launcher { #custom-launcher {
background-color: #1b242b; background-color: #1b242b;
color: #6a92d7; color: #6a92d7;
border-radius: 6px; border-radius: 6px;
padding: 0 0px; padding: 0 0px;
} }
#custom-weather.severe { #custom-weather.severe {
color: #eb937d; color: #eb937d;
} }
#custom-weather.sunny { #custom-weather.sunny {
color: #c2ca76; color: #c2ca76;
} }
#custom-weather.clearNight { #custom-weather.clearNight {
color: #cad3f5; color: #cad3f5;
} }
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight { #custom-weather.cloudyFoggyNight {
color: #c2ddda; color: #c2ddda;
} }
#custom-weather.rainyDay, #custom-weather.rainyDay,
#custom-weather.rainyNight { #custom-weather.rainyNight {
color: #5aaca5; color: #5aaca5;
} }
#custom-weather.showyIcyDay, #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight { #custom-weather.snowyIcyNight {
color: #d6e7e5; color: #d6e7e5;
} }
#custom-weather.default { #custom-weather.default {
color: #ebecf0; color: #ebecf0;
} }
/* If workspaces is the leftmost module, omit left margin */ /* If workspaces is the leftmost module, omit left margin */
.modules-left > widget:first-child > #workspaces { .modules-left > widget:first-child > #workspaces {
margin-left: 0; margin-left: 0;
} }
/* If workspaces is the rightmost module, omit right margin */ /* If workspaces is the rightmost module, omit right margin */
.modules-right > widget:last-child > #workspaces { .modules-right > widget:last-child > #workspaces {
margin-right: 0; margin-right: 0;
} }
#pulseaudio { #pulseaudio {
color: #FFD580; color: #FFD580;
} }
#wireplumber { #wireplumber {
color: #FFD580; color: #FFD580;
} }
#backlight { #backlight {
/* color: #EBCB8B; */ /* color: #EBCB8B; */
color: #8fbcbb; color: #8fbcbb;
} }
#clock { #clock {
color: #90EE90; color: #90EE90;
/* background-color: #14141e; */ /* background-color: #14141e; */
} }
#battery { #battery {
color: #c0caf5; color: #c0caf5;
/* background-color: #90b1b1; */ /* background-color: #90b1b1; */
} }
#battery.charging, #battery.charging,
#battery.full, #battery.full,
#battery.plugged { #battery.plugged {
color: #26a65b; color: #26a65b;
/* background-color: #26a65b; */ /* background-color: #26a65b; */
} }
@keyframes blink { @keyframes blink {
to { to {
background-color: rgba(30, 34, 42, 0.5); background-color: rgba(30, 34, 42, 0.5);
color: #abb2bf; color: #abb2bf;
} }
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {
color: #f53c3c; color: #f53c3c;
animation-name: blink; animation-name: blink;
animation-duration: 0.5s; animation-duration: 0.5s;
animation-timing-function: linear; animation-timing-function: linear;
animation-iteration-count: infinite; animation-iteration-count: infinite;
animation-direction: alternate; animation-direction: alternate;
} }
label:focus { label:focus {
background-color: #000000; background-color: #000000;
} }
#disk { #disk {
color: #f38ba8; color: #f38ba8;
} }
#bluetooth { #bluetooth {
color: #7287fd; color: #7287fd;
} }
#bluetooth.disconnected { #bluetooth.disconnected {
color: #f53c3c; color: #f53c3c;
} }
#network { #network {
color: #b48ead; color: #b48ead;
} }
#network.disconnected { #network.disconnected {
color: #f53c3c; color: #f53c3c;
} }
#custom-media { #custom-media {
background-color: #66cc99; background-color: #66cc99;
color: #2a5c45; color: #2a5c45;
min-width: 100px; min-width: 100px;
} }
#custom-media.custom-spotify { #custom-media.custom-spotify {
background-color: #66cc99; background-color: #66cc99;
} }
#custom-media.custom-vlc { #custom-media.custom-vlc {
background-color: #ffa000; background-color: #ffa000;
} }
#temperature.critical { #temperature.critical {
background-color: #eb4d4b; background-color: #eb4d4b;
} }
#tray > .passive { #tray > .passive {
-gtk-icon-effect: dim; -gtk-icon-effect: dim;
} }
#tray > .needs-attention { #tray > .needs-attention {
-gtk-icon-effect: highlight; -gtk-icon-effect: highlight;
background-color: #eb4d4b; background-color: #eb4d4b;
} }
#idle_inhibitor { #idle_inhibitor {
/*background-color: #2d3436;*/ /*background-color: #2d3436;*/
} }
#idle_inhibitor.activated { #idle_inhibitor.activated {
/*background-color: #ecf0f1;*/ /*background-color: #ecf0f1;*/
color: #2dcc36; color: #2dcc36;
} }
#temperature { #temperature {
color: #ADD8E6; color: #ADD8E6;
} }
#taskbar button.active { #taskbar button.active {
background-color: #7f849c; background-color: #7f849c;
} }

56
config/waybar/style/style-default_alter.css

@ -48,7 +48,7 @@ window#waybar.empty #window {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
border: 0px; border: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */ /* background-color: rgba(66,66,66,0.5); */ /* transparent */
background-color: transparent; background-color: transparent;
} }
@ -72,7 +72,7 @@ tooltip label{
color: #ffffff; color: #ffffff;
/*min-width: 36px;*/ /*min-width: 36px;*/
/* Use box-shadow instead of border so the text isn't offset */ /* Use box-shadow instead of border so the text isn't offset */
/* box-shadow: inset 0 -3px transparent;*/ /* box-shadow: inset 0 -3px transparent;*/
/* border-radius: 0px; */ /* border-radius: 0px; */
} }
@ -83,7 +83,7 @@ tooltip label{
color: #D3D3D3; color: #D3D3D3;
/*min-width: 36px;*/ /*min-width: 36px;*/
/* Use box-shadow instead of border so the text isn't offset */ /* Use box-shadow instead of border so the text isn't offset */
/* box-shadow: inset 0 -3px transparent;*/ /* box-shadow: inset 0 -3px transparent;*/
/* border-radius: 0px; */ /* border-radius: 0px; */
} }
@ -108,30 +108,48 @@ tooltip label{
border-bottom: 3px solid #ffffff; border-bottom: 3px solid #ffffff;
} }
#clock, #backlight,
#battery, #battery,
#bluetooth,
#cava,
#clock,
#cpu, #cpu,
#memory, #disk,
#temperature, #idle_inhibitor,
#backlight,
#network,
#pulseaudio,
#wireplumber,
#keyboard-state,
#keyboard-state label, #keyboard-state label,
#keyboard-state label.locked, #keyboard-state label.locked,
#tray, #keyboard-state,
#cava, #memory,
#mode, #mode,
#custom-light_dark, #mpd,
#taskbar, #network,
#pulseaudio,
#taskbar button, #taskbar button,
#idle_inhibitor, #taskbar,
#custom-updater, #temperature,
#tray,
#window, #window,
#wireplumber,
#workspaces,
#custom-cycle_wall, #custom-cycle_wall,
#custom-screen_locker, #custom-light_dark,
#custom-weather { #custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-spotify,
#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 {
padding: 0px 10px; padding: 0px 10px;
/*margin: 4px 3px 5px 3px;*/ /*margin: 4px 3px 5px 3px;*/
/*color: @fgcolor;*/ /*color: @fgcolor;*/

45
config/waybar/style/style-light.css

@ -26,7 +26,7 @@ window#waybar.empty #window {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
border: 0px; border: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */ /* background-color: rgba(66,66,66,0.5); */ /* transparent */
background-color: transparent; background-color: transparent;
} }
@ -84,49 +84,48 @@ tooltip label {
border-radius: 15px; border-radius: 15px;
} }
#clock, #backlight,
#battery, #battery,
#bluetooth,
#cava,
#clock,
#cpu, #cpu,
#memory,
#disk, #disk,
#temperature,
#network,
#pulseaudio,
#wireplumber,
#mode,
#tray,
#cava,
#backlight,
#window,
#idle_inhibitor, #idle_inhibitor,
#keyboard-state,
#keyboard-state label, #keyboard-state label,
#keyboard-state label.locked, #keyboard-state label.locked,
#keyboard-state,
#memory,
#mode,
#mpd, #mpd,
#bluetooth, #network,
#taskbar, #pulseaudio,
#taskbar button, #taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces, #workspaces,
#custom-cycle_wall,
#custom-light_dark, #custom-light_dark,
#custom-updater, #custom-lock,
#custom-menu, #custom-menu,
#custom-cycle_wall, #custom-power_vertical,
#custom-power, #custom-power,
#custom-spotify, #custom-spotify,
#custom-updater,
#custom-weather, #custom-weather,
#custom-power,
#custom-lock,
#custom-weather.severe,
#custom-weather.sunnyDay,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
#custom-weather.default
#custom-weather.rainyDay, #custom-weather.rainyDay,
#custom-weather.rainyNight, #custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay, #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.default, #custom-weather.sunnyDay {
#idle_inhibitor {
color: #000000; color: #000000;
padding: 0px 10px; padding: 0px 10px;
border-radius: 10px; border-radius: 10px;

43
config/waybar/style/style-mauve.css

@ -88,49 +88,48 @@ tooltip {
border-radius: 15px; border-radius: 15px;
} }
#clock, #backlight,
#battery, #battery,
#bluetooth,
#cava,
#clock,
#cpu, #cpu,
#memory,
#disk, #disk,
#temperature,
#network,
#pulseaudio,
#wireplumber,
#mode,
#tray,
#cava,
#backlight,
#window,
#idle_inhibitor, #idle_inhibitor,
#keyboard-state,
#keyboard-state label, #keyboard-state label,
#keyboard-state label.locked, #keyboard-state label.locked,
#keyboard-state,
#memory,
#mode,
#mpd, #mpd,
#bluetooth, #network,
#taskbar, #pulseaudio,
#taskbar button, #taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces, #workspaces,
#custom-cycle_wall,
#custom-light_dark, #custom-light_dark,
#custom-updater, #custom-lock,
#custom-menu, #custom-menu,
#custom-cycle_wall, #custom-power_vertical,
#custom-power, #custom-power,
#custom-spotify, #custom-spotify,
#custom-updater,
#custom-weather, #custom-weather,
#custom-power,
#custom-lock,
#custom-weather.severe,
#custom-weather.sunnyDay,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
#custom-weather.default
#custom-weather.rainyDay, #custom-weather.rainyDay,
#custom-weather.rainyNight, #custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay, #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.default #custom-weather.sunnyDay {
#idle_inhibitor {
color: #cba7f7; color: #cba7f7;
padding: 0px 10px; padding: 0px 10px;
border-radius:10px; border-radius:10px;

51
config/waybar/style/style-rgb.css

@ -48,40 +48,48 @@ tooltip label{
color: #cdd6f4; color: #cdd6f4;
} }
#clock,
#battery,
#cpu,
#memory,
#disk,
#temperature,
#backlight, #backlight,
#network, #battery,
#pulseaudio,
#bluetooth, #bluetooth,
#wireplumber,
#mode,
#tray,
#cava, #cava,
#window, #clock,
#cpu,
#disk,
#idle_inhibitor, #idle_inhibitor,
#keyboard-state,
#keyboard-state label, #keyboard-state label,
#keyboard-state label.locked, #keyboard-state label.locked,
#keyboard-state,
#memory,
#mode,
#mpd, #mpd,
#custom-light_dark, #network,
#workspaces, #pulseaudio,
#taskbar,
#taskbar button, #taskbar button,
#bluetooth, #taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces, #workspaces,
#custom-cycle_wall,
#custom-light_dark,
#custom-lock,
#custom-menu, #custom-menu,
#custom-power_vertical,
#custom-power, #custom-power,
#custom-cycle_wall, #custom-spotify,
#custom-media,
#custom-updater, #custom-updater,
#custom-lock,
#custom-weather, #custom-weather,
#idle_inhibitor { #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: 8px; border-radius: 8px;
margin: 4px 1px; margin: 4px 1px;
padding: 0px 4px; padding: 0px 4px;
@ -213,6 +221,7 @@ tooltip label{
background-color: #86b4fa; background-color: #86b4fa;
} }
#custom-power_vertical,
#custom-light_dark, #custom-light_dark,
#idle_inhibitor { #idle_inhibitor {
background-color: #86b4fa; background-color: #86b4fa;

60
config/waybar/style/style-simple.css

@ -1,23 +1,23 @@
*{ *{
font-family: "JetBrainsMono Nerd Font"; font-family: "JetBrainsMono Nerd Font";
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 98%; font-size: 98%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 0px; padding: 0px;
margin-top: 1px; margin-top: 1px;
margin-bottom: 1px; margin-bottom: 1px;
} }
window#waybar { window#waybar {
background: rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.7);
border-radius: 10px; border-radius: 10px;
} }
window#waybar.empty { window#waybar.empty {
background-color: transparent; background-color: transparent;
} }
window#waybar.empty #window { window#waybar.empty #window {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
border: 0px; border: 0px;
@ -25,54 +25,54 @@
background-color: transparent; background-color: transparent;
} }
#custom-menu, #workspaces { #custom-menu, #workspaces {
border-radius: 10px; border-radius: 10px;
/*background-color: #11111b;*/ /*background-color: #11111b;*/
color: #b4befe; color: #b4befe;
margin-right: 15px; margin-right: 15px;
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
} }
#workspaces button { #workspaces button {
/*background: #11111b;*/ /*background: #11111b;*/
color: #b4befe; color: #b4befe;
} }
#clock, #backlight, #pulseaudio, #bluetooth, #network, #battery { #clock, #backlight, #pulseaudio, #bluetooth, #network, #battery {
border-radius: 10px; border-radius: 10px;
/*background-color: #11111b;*/ /*background-color: #11111b;*/
color: #cdd6f4; color: #cdd6f4;
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
margin-right: 15px; margin-right: 15px;
} }
#backlight, #bluetooth { #backlight, #bluetooth {
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
padding-right: 5px; padding-right: 5px;
margin-right: 0 margin-right: 0
} }
#pulseaudio, #network { #pulseaudio, #network {
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
padding-left: 5px; padding-left: 5px;
} }
#clock, #custom-light_dark { #clock, #custom-light_dark {
margin-right: 0; margin-right: 0;
} }
@keyframes blink { @keyframes blink {
to { to {
color: #000000; color: #000000;
} }
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {
background-color: #f38ba8; background-color: #f38ba8;
color: #f38ba8; color: #f38ba8;
animation-name: blink; animation-name: blink;
@ -80,4 +80,4 @@
animation-timing-function: linear; animation-timing-function: linear;
animation-iteration-count: infinite; animation-iteration-count: infinite;
animation-direction: alternate; animation-direction: alternate;
} }
Loading…
Cancel
Save