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
### 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
- initial commit
- 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": [
"hyprland/workspaces",
"custom/separator#dot-line",
"cpu",
"custom/separator#dot-line",
"temperature",
"custom/separator#dot-line",
"memory",
"custom/separator#dot-line",
"custom/weather",
],
"modules-center": [
"custom/menu",
"custom/separator#dot-line",
"idle_inhibitor",
"custom/separator#dot-line",
"clock",
"custom/separator#dot-line",
"custom/light_dark",
"custom/separator#dot-line",
"custom/lock",
],
"modules-right": [
"hyprland/window",
//"hyprland/window",
"tray",
"custom/separator#dot-line",
//"cava",
"battery",
"custom/separator#dot-line",
"backlight",
"custom/separator#dot-line",
"pulseaudio",
"custom/separator#dot-line",
//"wireplumber",
"pulseaudio#microphone",
"keyboard-state",
"custom/separator#dot-line",
//"keyboard-state",
//"custom/separator#dot-line",
"custom/power",
],
}

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

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

4
config/waybar/configs/config-left

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

5
config/waybar/configs/config-right

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

76
config/waybar/modules

@ -317,7 +317,7 @@
},
"custom/power": {
"format": " ",
"format": " ",
"tooltip": false,
//"on-click": "sh -c '(sleep 0.5s; wlogout --protocol layer-shell)' & disown",
"on-click": "$HOME/.config/hypr/scripts/WofiPower.sh",
@ -345,8 +345,44 @@
"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
"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": {
"format": "{:\n%H\n%M\n\n \n%d\n%m\n%y}",
"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": {
"format": "{icon}",
@ -396,22 +447,6 @@
"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": {
"interval": 10,
"tooltip": true,
@ -423,5 +458,12 @@
"format-icons": [""],
"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;
margin: 0px;
border: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */
/* background-color: rgba(66,66,66,0.5); */ /* transparent */
background-color: transparent;
}
@ -86,50 +86,48 @@ tooltip label{
/*box-shadow:inherit;*/
}
#clock,
#backlight,
#battery,
#bluetooth,
#cava,
#clock,
#cpu,
#memory,
#disk,
#temperature,
#backlight,
#network,
#pulseaudio,
#wireplumber,
#mode,
#tray,
#cava,
#idle_inhibitor,
#keyboard-state,
#keyboard-state label,
#keyboard-state label.locked,
#keyboard-state,
#memory,
#mode,
#mpd,
#network,
#pulseaudio,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#taskbar,
#bluetooth,
#taskbar,
#taskbar button,
#custom-light_dark,
#custom-cycle_wall,
#custom-updater,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-spotify,
#custom-updater,
#custom-weather,
#custom-power,
#custom-lock,
#custom-weather.severe,
#custom-weather.sunnyDay,
#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.default
#idle_inhibitor {
#custom-weather.sunnyDay {
padding: 0px 6px;
}
#mode {

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

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

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

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

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

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

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

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

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

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

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

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

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

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