jonny
/
Hyprland-Dots
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

lots of fixes

pull/3/head
JaKooLit 2 years ago
parent
18c565a068
commit
ef7add298f
14 changed files with 959 additions and 869 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 6
      CHANGELOG.md
  2. 18
      config/waybar/configs/config-default
  3. 57
      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. 146
      config/waybar/style/style-b&w.css
  8. 299
      config/waybar/style/style-dark.css
  9. 646
      config/waybar/style/style-default.css
  10. 82
      config/waybar/style/style-default_alter.css
  11. 133
      config/waybar/style/style-light.css
  12. 137
      config/waybar/style/style-mauve.css
  13. 89
      config/waybar/style/style-rgb.css
  14. 76
      config/waybar/style/style-simple.css

6
CHANGELOG.md
Unescape View File

@ -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
Unescape View File

@ -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",
], ],
} }

57
config/waybar/configs/config-dual-TL
Unescape View File

@ -15,29 +15,29 @@
"margin-right": 8, "margin-right": 8,
"modules-left": [ "modules-left": [
"custom/menu", "custom/menu",
"cpu", "cpu",
"temperature", "temperature",
"memory", "memory",
"disk", "disk",
], ],
"modules-center": [ "modules-center": [
"hyprland/window", "hyprland/window",
"custom/weather", "custom/weather",
], ] ,
"modules-right": [ "modules-right": [
"network", "network",
"bluetooth", "bluetooth",
"battery", "battery",
"backlight", "backlight",
"pulseaudio", "pulseaudio",
//"wireplumber", //"wireplumber",
"pulseaudio#microphone", "pulseaudio#microphone",
"keyboard-state", "keyboard-state",
"custom/power", "custom/power",
], ],
}, },
{ {
@ -54,19 +54,18 @@
//"gtk-layer-shell": true, //"gtk-layer-shell": true,
"modules-left": [ "modules-left": [
"idle_inhibitor", "idle_inhibitor",
],
],
"modules-center": [ "modules-center": [
"hyprland/workspaces", "hyprland/workspaces",
], ],
"modules-right": [ "modules-right": [
"tray", "tray",
"clock#vertical", "clock#vertical",
"custom/light_dark", "custom/light_dark",
"custom/lock", "custom/lock",
], ],
}] }]

4
config/waybar/configs/config-left
Unescape View File

@ -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
Unescape View File

@ -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
Unescape View File

@ -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",
},
} }

146
config/waybar/style/style-b&w.css
Unescape View File

@ -11,26 +11,26 @@ margin-bottom: 1px;
} }
window#waybar { window#waybar {
background: transparent; background: transparent;
} }
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 > box { window > box {
/*margin: 1px 2px 2px;*/ /*margin: 1px 2px 2px;*/
background: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0);
border-bottom: 1px solid rgba(0, 0, 0, 0); border-bottom: 1px solid rgba(0, 0, 0, 0);
color: white; color: white;
} }
window { window {
@ -38,43 +38,43 @@ window {
} }
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;
} }
/*-----module groups----*/ /*-----module groups----*/
.modules-right { .modules-right {
background-color: rgba(0,43,51,0.3); background-color: rgba(0,43,51,0.3);
/*margin: 2px 10px 0 0;*/ /*margin: 2px 10px 0 0;*/
border: 1px solid #cba6f7; border: 1px solid #cba6f7;
border-radius: 8px; border-radius: 8px;
} }
.modules-center { .modules-center {
background-color: rgba(0,43,51,0.3); background-color: rgba(0,43,51,0.3);
/*margin: 2px 0 0 0;*/ /*margin: 2px 0 0 0;*/
border: 1px solid #cba6f7; border: 1px solid #cba6f7;
border-radius: 8px; border-radius: 8px;
} }
.modules-left { .modules-left {
/*margin: 2px 0 0 5px;*/ /*margin: 2px 0 0 5px;*/
background-color: rgba(0,43,51,0.3); background-color: rgba(0,43,51,0.3);
border: 1px solid #cba6f7; border: 1px solid #cba6f7;
border-radius: 8px; border-radius: 8px;
} }
/*-----modules indv----*/ /*-----modules indv----*/
#workspaces button { #workspaces button {
padding: 0px 0px; padding: 0px 0px;
background-color: transparent; background-color: transparent;
} }
#workspaces button:hover { #workspaces button:hover {
box-shadow: inherit; box-shadow: inherit;
background-color: rgba(0,153,153,0); background-color: rgba(0,153,153,0);
} }
@ -86,96 +86,94 @@ 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 {
color: #cc3436; color: #cc3436;
font-weight: bold; font-weight: bold;
} }
#custom-power { #custom-power {
/*background-color: rgba(0,119,179,0.6);*/ /*background-color: rgba(0,119,179,0.6);*/
/*border-radius: 50px;*/ /*border-radius: 50px;*/
margin: 5px 5px; margin: 5px 5px;
padding: 1px 3px; padding: 1px 3px;
} }
/*-----Indicators----*/ /*-----Indicators----*/
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #2dcc36; color: #2dcc36;
} }
#pulseaudio.muted { #pulseaudio.muted {
color: #cc3436; color: #cc3436;
} }
#temperature.critical { #temperature.critical {
color: #cc3436; color: #cc3436;
} }
#waybar { #waybar {
background-color: #282828; background-color: #282828;
color: #d8d8d8; color: #d8d8d8;
} }
@keyframes blink { @keyframes blink {
to { to {
color: #000000; color: #000000;
} }
} }
#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;
} }
#taskbar button.active { #taskbar button.active {
background-color: #7f849c; background-color: #7f849c;
} }
#waybar.empty, #waybar.tiled, #waybar.floating { #waybar.empty, #waybar.tiled, #waybar.floating {
background-color: transparent; background-color: transparent;
} }

299
config/waybar/style/style-dark.css
Unescape View File

@ -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;
} }

646
config/waybar/style/style-default.css
Unescape View File

@ -1,321 +1,327 @@
*{ *{
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;
transition-property: background-color; transition-property: background-color;
transition-duration: 0.5s; transition-duration: 0.5s;
/* border-top: 8px transparent; */ /* border-top: 8px transparent; */
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;
/* 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;
/* 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,
padding: 0px 10px; #custom-weather.default
color: #e5e5e5; #custom-weather.rainyDay,
/* color: #bf616a; */ #custom-weather.rainyNight,
border-radius: 8px; #custom-weather.severe,
background-color: rgba(50, 50, 50, 0.1); #custom-weather.showyIcyDay,
border: 1px solid #b4befe; #custom-weather.snowyIcyNight,
} #custom-weather.sunnyDay {
padding: 0px 10px;
#workspaces { color: #e5e5e5;
border-radius: 6px; /* color: #bf616a; */
padding: 0px 6px; border-radius: 8px;
border: 1px solid #b4befe; background-color: rgba(50, 50, 50, 0.1);
} border: 1px solid #b4befe;
}
#cpu {
color: #fb958b; #workspaces {
padding: 3px; border-radius: 6px;
border-radius: 8px; padding: 0px 6px;
background-color: rgba(50, 50, 50, 0.1); border: 1px solid #b4befe;
border: 1px solid #b4befe; }
}
#cpu {
#custom-cycle_wall, color: #fb958b;
#custom-updater { padding: 3px;
color: #cba7f7; border-radius: 8px;
padding: 3px; background-color: rgba(50, 50, 50, 0.1);
border-radius: 8px; border: 1px solid #b4befe;
background-color: rgba(50, 50, 50, 0.1); }
border: 1px solid #b4befe;
#custom-cycle_wall,
} #custom-updater {
color: #cba7f7;
#custom-menu { padding: 3px;
color: #FFFFFF; border-radius: 8px;
padding: 6px; background-color: rgba(50, 50, 50, 0.1);
padding-right: 6px; border: 1px solid #b4befe;
border-radius: 8px;
background-color: rgba(50, 50, 50, 0.1); }
border: 1px solid #b4befe;
} #custom-menu {
color: #FFFFFF;
#memory { padding: 6px;
color: #ebcb8b; padding-right: 6px;
} border-radius: 8px;
background-color: rgba(50, 50, 50, 0.1);
#custom-power { border: 1px solid #b4befe;
color: #cc3436; }
}
#memory {
#custom-launcher { color: #ebcb8b;
background-color: #1b242b; }
color: #6a92d7;
border-radius: 6px; #custom-power {
padding: 0 0px; color: #cc3436;
} }
#custom-weather.severe { #custom-launcher {
color: #eb937d; background-color: #1b242b;
} color: #6a92d7;
border-radius: 6px;
#custom-weather.sunny { padding: 0 0px;
color: #c2ca76; }
}
#custom-weather.severe {
#custom-weather.clearNight { color: #eb937d;
color: #cad3f5; }
}
#custom-weather.sunny {
#custom-weather.cloudyFoggyDay, color: #c2ca76;
#custom-weather.cloudyFoggyNight { }
color: #c2ddda;
} #custom-weather.clearNight {
color: #cad3f5;
#custom-weather.rainyDay, }
#custom-weather.rainyNight {
color: #5aaca5; #custom-weather.cloudyFoggyDay,
} #custom-weather.cloudyFoggyNight {
color: #c2ddda;
#custom-weather.showyIcyDay, }
#custom-weather.snowyIcyNight {
color: #d6e7e5; #custom-weather.rainyDay,
} #custom-weather.rainyNight {
color: #5aaca5;
#custom-weather.default { }
color: #ebecf0;
} #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight {
/* If workspaces is the leftmost module, omit left margin */ color: #d6e7e5;
.modules-left > widget:first-child > #workspaces { }
margin-left: 0;
} #custom-weather.default {
color: #ebecf0;
/* If workspaces is the rightmost module, omit right margin */ }
.modules-right > widget:last-child > #workspaces {
margin-right: 0; /* If workspaces is the leftmost module, omit left margin */
} .modules-left > widget:first-child > #workspaces {
margin-left: 0;
#pulseaudio { }
color: #FFD580;
} /* If workspaces is the rightmost module, omit right margin */
.modules-right > widget:last-child > #workspaces {
#wireplumber { margin-right: 0;
color: #FFD580; }
}
#backlight { #pulseaudio {
/* color: #EBCB8B; */ color: #FFD580;
color: #8fbcbb; }
}
#wireplumber {
#clock { color: #FFD580;
color: #90EE90; }
/* background-color: #14141e; */ #backlight {
} /* color: #EBCB8B; */
color: #8fbcbb;
#battery { }
color: #c0caf5;
/* background-color: #90b1b1; */ #clock {
} color: #90EE90;
/* background-color: #14141e; */
#battery.charging, }
#battery.full,
#battery.plugged { #battery {
color: #26a65b; color: #c0caf5;
/* background-color: #26a65b; */ /* background-color: #90b1b1; */
} }
@keyframes blink { #battery.charging,
to { #battery.full,
background-color: rgba(30, 34, 42, 0.5); #battery.plugged {
color: #abb2bf; color: #26a65b;
} /* background-color: #26a65b; */
} }
#battery.critical:not(.charging) { @keyframes blink {
color: #f53c3c; to {
animation-name: blink; background-color: rgba(30, 34, 42, 0.5);
animation-duration: 0.5s; color: #abb2bf;
animation-timing-function: linear; }
animation-iteration-count: infinite; }
animation-direction: alternate;
} #battery.critical:not(.charging) {
color: #f53c3c;
label:focus { animation-name: blink;
background-color: #000000; animation-duration: 0.5s;
} animation-timing-function: linear;
animation-iteration-count: infinite;
#disk { animation-direction: alternate;
color: #f38ba8; }
}
label:focus {
#bluetooth { background-color: #000000;
color: #7287fd; }
}
#disk {
#bluetooth.disconnected { color: #f38ba8;
color: #f53c3c; }
}
#bluetooth {
#network { color: #7287fd;
color: #b48ead; }
}
#bluetooth.disconnected {
#network.disconnected { color: #f53c3c;
color: #f53c3c; }
}
#network {
#custom-media { color: #b48ead;
background-color: #66cc99; }
color: #2a5c45;
min-width: 100px; #network.disconnected {
} color: #f53c3c;
}
#custom-media.custom-spotify {
background-color: #66cc99; #custom-media {
} background-color: #66cc99;
color: #2a5c45;
#custom-media.custom-vlc { min-width: 100px;
background-color: #ffa000; }
}
#custom-media.custom-spotify {
#temperature.critical { background-color: #66cc99;
background-color: #eb4d4b; }
}
#custom-media.custom-vlc {
#tray > .passive { background-color: #ffa000;
-gtk-icon-effect: dim; }
}
#temperature.critical {
#tray > .needs-attention { background-color: #eb4d4b;
-gtk-icon-effect: highlight; }
background-color: #eb4d4b;
} #tray > .passive {
-gtk-icon-effect: dim;
#idle_inhibitor { }
/*background-color: #2d3436;*/
} #tray > .needs-attention {
-gtk-icon-effect: highlight;
#idle_inhibitor.activated { background-color: #eb4d4b;
/*background-color: #ecf0f1;*/ }
color: #2dcc36;
} #idle_inhibitor {
/*background-color: #2d3436;*/
#temperature { }
color: #ADD8E6;
} #idle_inhibitor.activated {
/*background-color: #ecf0f1;*/
#taskbar button.active { color: #2dcc36;
background-color: #7f849c; }
}
#temperature {
color: #ADD8E6;
}
#taskbar button.active {
background-color: #7f849c;
}

82
config/waybar/style/style-default_alter.css
Unescape View File

@ -45,11 +45,11 @@ window#waybar.empty {
} }
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 {
@ -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;*/
@ -155,7 +173,7 @@ tooltip label{
} }
#clock { #clock {
color: @accent2; color: @accent2;
} }
#custom-updater { #custom-updater {
@ -179,12 +197,12 @@ tooltip label{
} }
#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 {
@ -201,7 +219,7 @@ label:focus {
} }
#memory { #memory {
color: @accent3; color: @accent3;
} }
#backlight { #backlight {
@ -247,7 +265,7 @@ label:focus {
color: @accent5; color: @accent5;
} }
#custom-power_profile { #custom-power_profile {
color: @accent3; color: @accent3;
} }
#custom-media { #custom-media {
background-color: #66cc99; background-color: #66cc99;

133
config/waybar/style/style-light.css
Unescape View File

@ -11,147 +11,146 @@ 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.7; opacity: 0.7;
} }
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(236, 236, 236, 0.8); background: rgba(236, 236, 236, 0.8);
border-radius: 10px; border-radius: 10px;
} }
tooltip label { tooltip label {
color: #373737; color: #373737;
margin-right: 2px; margin-right: 2px;
margin-left: 2px; margin-left: 2px;
} }
/*-----module groups----*/ /*-----module groups----*/
.modules-right { .modules-right {
background-color: rgba(232, 236, 241, 0.8); background-color: rgba(232, 236, 241, 0.8);
border: 0px solid #b4befe; border: 0px solid #b4befe;
border-radius: 10px; border-radius: 10px;
} }
.modules-center { .modules-center {
background-color: rgba(232, 236, 241, 0.8); background-color: rgba(232, 236, 241, 0.8);
border: 0px solid #b4befe; border: 0px solid #b4befe;
border-radius: 10px; border-radius: 10px;
} }
.modules-left { .modules-left {
background-color: rgba(232, 236, 241, 0.8); background-color: rgba(232, 236, 241, 0.8);
border: 0px solid #b4befe; border: 0px solid #b4befe;
border-radius: 10px; border-radius: 10px;
} }
#workspaces button { #workspaces button {
color: #585b70; color: #585b70;
} }
#workspaces button.active { #workspaces button.active {
color: #000000; color: #000000;
border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px;
} }
#workspaces button.focused { #workspaces button.focused {
color: #000000; color: #000000;
} }
#workspaces button.urgent { #workspaces button.urgent {
color: #000000; color: #000000;
border-radius: 10px; border-radius: 10px;
} }
#workspaces button:hover { #workspaces button:hover {
color: #000000; color: #000000;
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;
} }
#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: #585b70; background-color: #585b70;
color: #cdd6f4; color: #cdd6f4;
} }
#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;
} }

137
config/waybar/style/style-mauve.css
Unescape View File

@ -11,19 +11,19 @@ margin-bottom: 1px;
} }
window#waybar { window#waybar {
background: transparent; background: transparent;
border-radius: 10px; border-radius: 10px;
color: #cba6f7; color: #cba6f7;
border-style: solid; border-style: solid;
border-width: 2px; border-width: 2px;
border-color: #cba6f7; border-color: #cba6f7;
} }
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 {
@ -36,126 +36,125 @@ window#waybar.empty #window {
tooltip { tooltip {
background: #1e1e2e; background: #1e1e2e;
border-radius: 10px; border-radius: 10px;
border-width: 2px; border-width: 2px;
border-style: solid; border-style: solid;
border-color: #11111b; border-color: #11111b;
color: #cba6f7; color: #cba6f7;
} }
/*-----module groups----*/ /*-----module groups----*/
.modules-right { .modules-right {
/*background-color: #1e1e2e;*/ /*background-color: #1e1e2e;*/
border: 0px solid #b4befe; border: 0px solid #b4befe;
border-radius: 10px; border-radius: 10px;
} }
.modules-center { .modules-center {
/*background-color: #1e1e2e;*/ /*background-color: #1e1e2e;*/
border: 0px solid #b4befe; border: 0px solid #b4befe;
border-radius: 10px; border-radius: 10px;
} }
.modules-left { .modules-left {
/*background-color: #1e1e2e;*/ /*background-color: #1e1e2e;*/
border: 0px solid #b4befe; border: 0px solid #b4befe;
border-radius: 10px; border-radius: 10px;
} }
#workspaces button { #workspaces button {
padding: 2px; padding: 2px;
color: #6E6A86; color: #6E6A86;
margin-right: 5px; margin-right: 5px;
} }
#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,
#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;
} }
#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;
} }

89
config/waybar/style/style-rgb.css
Unescape View File

@ -36,52 +36,60 @@ window#waybar.empty #window {
} }
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;
} }
#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;
@ -98,7 +106,7 @@ tooltip label{
} }
#taskbar button.active { #taskbar button.active {
background-color: #7f849c; background-color: #7f849c;
} }
#battery { #battery {
@ -106,19 +114,19 @@ tooltip label{
} }
@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;
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;
} }
#clock { #clock {
@ -144,10 +152,10 @@ tooltip label{
background-color: #b4befe; background-color: #b4befe;
} }
#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;
} }
#workspaces button { #workspaces button {
@ -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;

76
config/waybar/style/style-simple.css
Unescape View File

@ -1,83 +1,83 @@
*{ *{
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;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */ /* background-color: rgba(66,66,66,0.5); */ /* transparent */
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;
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;
} }
Write Preview
Loading…
Cancel
Save