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

indent correction

pull/23/head
JaKooLit 2 years ago
parent
a0ec6493d6
commit
172133b57c
5 changed files with 817 additions and 830 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. 398
      config/waybar/style/Crimson.css
  2. 417
      config/waybar/style/Golden-Noir.css
  3. 377
      config/waybar/style/None.css
  4. 39
      config/waybar/style/Purple.css
  5. 406
      config/waybar/style/Simple-Pink.css

398
config/waybar/style/Crimson.css
Unescape View File

@ -5,208 +5,200 @@
/* --- 👍 designed by https://github.com/Krautt 👍 --- */ /* --- 👍 designed by https://github.com/Krautt 👍 --- */
*{ *{
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: 100%; font-size: 100%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
window#waybar { window#waybar {
background: #240303; background: #240303;
color: wheat; color: wheat;
border-radius: 00px 0px 100px 100px; border-radius: 00px 0px 100px 100px;
border: 1px solid grey; border: 1px solid grey;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.5; opacity: 0.5;
} }
window#waybar.empty { 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 { 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 {
padding-right: 5px; padding-right: 5px;
padding-left: 5px; padding-left: 5px;
}
}
.modules-center {
.modules-center {
}
.modules-left {
} padding-right: 5px;
padding-left: 5px;
.modules-left { }
padding-right: 5px;
padding-left: 5px; #workspaces button {
color: wheat;
padding: 5px;
} }
#workspaces button { #workspaces button.active {
color: wheat; color: rgb(108, 18, 18);
padding: 5px; background-color: #000000;
} border: 1px solid grey;
}
#workspaces button.active {
color: rgb(108, 18, 18); #workspaces button.focused {
background-color: #000000; color: #d8dee9;
border: 1px solid grey; }
}
#workspaces button.urgent {
#workspaces button.focused { color: #11111b;
color: #d8dee9; border-radius: 10px;
} }
#workspaces button.urgent { #workspaces button:hover {
color: #11111b; color: rgb(71, 14, 14);
border-radius: 10px; background-color: #000000;
} }
#workspaces button:hover {
color: rgb(71, 14, 14); #backlight,
background-color: #000000; #battery,
#bluetooth,
} #cava,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#backlight, #keyboard-state label,
#battery, #keyboard-state label.locked,
#bluetooth, #keyboard-state,
#cava, #memory,
#clock, #mode,
#cpu, #mpd,
#disk, #network,
#idle_inhibitor, #pulseaudio,
#keyboard-state label, #taskbar button,
#keyboard-state label.locked, #taskbar,
#keyboard-state, #temperature,
#memory, #tray,
#mode, #window,
#mpd, #wireplumber,
#network, #workspaces,
#pulseaudio, #custom-cycle_wall,
#taskbar button, #custom-keybinds,
#taskbar, #custom-light_dark,
#temperature, #custom-lock,
#tray, #custom-menu,
#window, #custom-power_vertical,
#wireplumber, #custom-power,
#workspaces, #custom-spotify,
#custom-cycle_wall, #custom-updater,
#custom-keybinds, #custom-weather,
#custom-light_dark, #custom-weather.clearNight,
#custom-lock, #custom-weather.cloudyFoggyDay,
#custom-menu, #custom-weather.cloudyFoggyNight,
#custom-power_vertical, #custom-weather.default
#custom-power, #custom-weather.rainyDay,
#custom-spotify, #custom-weather.rainyNight,
#custom-updater, #custom-weather.severe,
#custom-weather, #custom-weather.showyIcyDay,
#custom-weather.clearNight, #custom-weather.snowyIcyNight,
#custom-weather.cloudyFoggyDay, #custom-weather.sunnyDay {
#custom-weather.cloudyFoggyNight, color: wheat;
#custom-weather.default padding-right: 10px;
#custom-weather.rainyDay, padding-left: 10px;
#custom-weather.rainyNight, }
#custom-weather.severe,
#custom-weather.showyIcyDay, #temperature.critical {
#custom-weather.snowyIcyNight, background-color: #ff0000;
#custom-weather.sunnyDay { }
color: wheat;
padding-right: 10px; @keyframes blink {
padding-left: 10px; to {
} color: #000000;
}
#temperature.critical { }
background-color: #ff0000;
} #taskbar button.active {
background-color: rgb(128, 31, 31);
@keyframes blink { border: 1px solid grey;
to { }
color: #000000;
} #battery.critical:not(.charging) {
} color: #f53c3c;
animation-name: blink;
#taskbar button.active { animation-duration: 0.5s;
background-color: rgb(128, 31, 31); animation-timing-function: linear;
border: 1px solid grey; animation-iteration-count: infinite;
} animation-direction: alternate;
}
#battery.critical:not(.charging) {
color: #f53c3c; #pulseaudio-slider slider {
animation-name: blink; min-width: 0px;
animation-duration: 0.5s; min-height: 0px;
animation-timing-function: linear; opacity: 0;
animation-iteration-count: infinite; background-image: none;
animation-direction: alternate; border: none;
} box-shadow: none;
}
#pulseaudio-slider slider {
min-width: 0px; #pulseaudio-slider trough {
min-height: 0px; min-width: 80px;
opacity: 0; min-height: 5px;
background-image: none; border-radius: 5px;
border: none; background-color: #22252a;
box-shadow: none; }
}
#pulseaudio-slider highlight {
#pulseaudio-slider trough { min-height: 10px;
min-width: 80px; border-radius: 5px;
min-height: 5px; background-color: #ba5663;
border-radius: 5px; }
background-color: #22252a;
} #backlight-slider slider {
min-width: 0px;
#pulseaudio-slider highlight { min-height: 0px;
min-height: 10px; opacity: 0;
border-radius: 5px; background-image: none;
background-color: #ba5663; border: none;
} box-shadow: none;
}
#backlight-slider slider {
min-width: 0px; #backlight-slider trough {
min-height: 0px; min-width: 80px;
opacity: 0; min-height: 10px;
background-image: none; border-radius: 5px;
border: none; background-color: #22252a;
box-shadow: none; }
}
#backlight-slider highlight {
#backlight-slider trough { min-width: 10px;
min-width: 80px; border-radius: 5px;
min-height: 10px; background-color: #ba5663;
border-radius: 5px; }
background-color: #22252a;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
background-color: #ba5663;
}

417
config/waybar/style/Golden-Noir.css
Unescape View File

@ -5,212 +5,211 @@
/* --- 👍 designed by https://github.com/Krautt 👍 --- */ /* --- 👍 designed by https://github.com/Krautt 👍 --- */
*{ * {
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: 100%; font-size: 100%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px; padding: 1px;
} }
window#waybar { window#waybar {
background: #040406; background: #040406;
border-radius:30px; border-radius: 30px;
color: #cba6f7; color: #cba6f7;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.5; opacity: 0.5;
} }
window#waybar.empty {
background-color: #040406; window#waybar.empty {
} background-color: #040406;
}
window#waybar.empty #window {
padding: 0px; window#waybar.empty #window {
margin: 0px; padding: 0px;
border: 0px; margin: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */ border: 0px;
background-color: transparent; /* background-color: rgba(66,66,66,0.5); */
} /* transparent */
background-color: transparent;
}
tooltip {
background: #1e1e2e;
border-radius: 10px; tooltip {
border-width: 2px; background: #1e1e2e;
border-style: solid; border-radius: 10px;
border-color: #11111b; border-width: 2px;
color: #cba6f7; border-style: solid;
} border-color: #11111b;
/*-----module groups----*/ color: #cba6f7;
.modules-right { }
padding-right: 5px;
padding-left: 5px; /*-----module groups----*/
.modules-right {
} padding-right: 5px;
padding-left: 5px;
.modules-center {
border-left: 1px solid #ffd700; }
border-right:1px solid #ffd700;
border-radius: 20px; .modules-center {
border-left: 1px solid #ffd700;
border-right: 1px solid #ffd700;
} border-radius: 20px;
.modules-left {
padding-right: 5px; }
padding-left: 5px;
.modules-left {
} padding-right: 5px;
padding-left: 5px;
#workspaces button {
padding: 2px; }
color: #6E6A86;
margin-right: 5px; #workspaces button {
} padding: 2px;
color: #6E6A86;
#workspaces button.active { margin-right: 5px;
color: #ffd700; }
border-radius: 50%;
background-color: black; #workspaces button.active {
} color: #ffd700;
border-radius: 50%;
#workspaces button.focused { background-color: black;
color: #d8dee9; }
}
#workspaces button.focused {
#workspaces button.urgent { color: #d8dee9;
color: #11111b; }
border-radius: 10px;
} #workspaces button.urgent {
color: #11111b;
#workspaces button:hover { border-radius: 10px;
color: #ffd700; }
border-radius: 15px;
} #workspaces button:hover {
color: #ffd700;
#clock#2 { border-radius: 15px;
color: #cba6f7; }
}
#clock#2 {
#backlight, color: #cba6f7;
#battery, }
#bluetooth,
#cava, #backlight,
#clock, #battery,
#cpu, #bluetooth,
#disk, #cava,
#idle_inhibitor, #clock,
#keyboard-state label, #cpu,
#keyboard-state label.locked, #disk,
#keyboard-state, #idle_inhibitor,
#memory, #keyboard-state label,
#mode, #keyboard-state label.locked,
#mpd, #keyboard-state,
#network, #memory,
#pulseaudio, #mode,
#taskbar button, #mpd,
#taskbar, #network,
#temperature, #pulseaudio,
#tray, #taskbar button,
#window, #taskbar,
#wireplumber, #temperature,
#workspaces, #tray,
#custom-cycle_wall, #window,
#custom-keybinds, #wireplumber,
#custom-light_dark, #workspaces,
#custom-lock, #custom-cycle_wall,
#custom-menu, #custom-keybinds,
#custom-power_vertical, #custom-light_dark,
#custom-power, #custom-lock,
#custom-spotify, #custom-menu,
#custom-updater, #custom-power_vertical,
#custom-weather, #custom-power,
#custom-weather.clearNight, #custom-spotify,
#custom-weather.cloudyFoggyDay, #custom-updater,
#custom-weather.cloudyFoggyNight, #custom-weather,
#custom-weather.default #custom-weather.clearNight,
#custom-weather.rainyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.rainyNight, #custom-weather.cloudyFoggyNight,
#custom-weather.severe, #custom-weather.default #custom-weather.rainyDay,
#custom-weather.showyIcyDay, #custom-weather.rainyNight,
#custom-weather.snowyIcyNight, #custom-weather.severe,
#custom-weather.sunnyDay { #custom-weather.showyIcyDay,
color: #e5d9f5; #custom-weather.snowyIcyNight,
padding-right: 10px; #custom-weather.sunnyDay {
padding-left: 15px; color: #e5d9f5;
} padding-right: 10px;
padding-left: 15px;
#temperature.critical { }
background-color: #ff0000;
} #temperature.critical {
background-color: #ff0000;
@keyframes blink { }
to {
color: #000000; @keyframes blink {
} to {
} color: #000000;
}
#taskbar button.active { }
background-color: rgb(47, 46, 46);
} #taskbar button.active {
background-color: rgb(47, 46, 46);
#battery.critical:not(.charging) { }
color: #f53c3c;
animation-name: blink; #battery.critical:not(.charging) {
animation-duration: 0.5s; color: #f53c3c;
animation-timing-function: linear; animation-name: blink;
animation-iteration-count: infinite; animation-duration: 0.5s;
animation-direction: alternate; animation-timing-function: linear;
} animation-iteration-count: infinite;
animation-direction: alternate;
#pulseaudio-slider slider { }
min-width: 0px;
min-height: 0px; #pulseaudio-slider slider {
opacity: 0; min-width: 0px;
background-image: none; min-height: 0px;
border: none; opacity: 0;
box-shadow: none; background-image: none;
} border: none;
box-shadow: none;
#pulseaudio-slider trough { }
min-width: 80px;
min-height: 5px; #pulseaudio-slider trough {
border-radius: 5px; min-width: 80px;
background-color: #22252a; min-height: 5px;
} border-radius: 5px;
background-color: #22252a;
#pulseaudio-slider highlight { }
min-height: 10px;
border-radius: 5px; #pulseaudio-slider highlight {
background-color: #ba5663; min-height: 10px;
} border-radius: 5px;
background-color: #ba5663;
#backlight-slider slider { }
min-width: 0px;
min-height: 0px; #backlight-slider slider {
opacity: 0; min-width: 0px;
background-image: none; min-height: 0px;
border: none; opacity: 0;
box-shadow: none; background-image: none;
} border: none;
box-shadow: none;
#backlight-slider trough { }
min-width: 80px;
min-height: 10px; #backlight-slider trough {
border-radius: 5px; min-width: 80px;
background-color: #22252a; min-height: 10px;
} border-radius: 5px;
background-color: #22252a;
#backlight-slider highlight { }
min-width: 10px;
border-radius: 5px; #backlight-slider highlight {
background-color: #ba5663; min-width: 10px;
} border-radius: 5px;
background-color: #ba5663;
}

377
config/waybar/style/None.css
Unescape View File

@ -4,7 +4,7 @@
/* ................................... */ /* ................................... */
/* --- 👍 designed by https://github.com/Krautt 👍 --- */ /* --- 👍 designed by https://github.com/Krautt 👍 --- */
*{ * {
font-family: "JetBrains Mono Nerd Font"; font-family: "JetBrains Mono Nerd Font";
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
@ -12,194 +12,191 @@
font-size: 100%; font-size: 100%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px; padding: 1px;
} }
window#waybar { window#waybar {
background:transparent; background: transparent;
border-radius: 1px; border-radius: 1px;
color: whitesmoke; color: whitesmoke;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.5; opacity: 0.5;
} }
window#waybar.empty {
background-color: transparent; window#waybar.empty {
} background-color: transparent;
}
window#waybar.empty #window {
padding: 0px; window#waybar.empty #window {
margin: 0px; padding: 0px;
border: 0px; margin: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */ border: 0px;
background-color: transparent; /* background-color: rgba(66,66,66,0.5); */
} /* transparent */
background-color: transparent;
}
tooltip {
background: #1e1e2e;
border-radius: 10px; tooltip {
border-width: 2px; background: #1e1e2e;
border-style: solid; border-radius: 10px;
border-color: #11111b; border-width: 2px;
color: #cba6f7; border-style: solid;
} border-color: #11111b;
/*-----module groups----*/ color: #cba6f7;
.modules-right { }
} /*-----module groups----*/
.modules-right {}
.modules-center {
.modules-center {}
.modules-left {}
}
#workspaces button {
.modules-left { padding: 2px;
color: #6E6A86;
margin-right: 5px;
} }
#workspaces button { #workspaces button.active {
padding: 2px; color: whitesmoke;
color: #6E6A86;
margin-right: 5px; }
}
#workspaces button.focused {
#workspaces button.active { color: #d8dee9;
color: whitesmoke; }
} #workspaces button.urgent {
color: #11111b;
#workspaces button.focused { border-radius: 10px;
color: #d8dee9; }
}
#workspaces button:hover {
#workspaces button.urgent { color: whitesmoke;
color: #11111b;
border-radius: 10px; }
}
#workspaces button:hover {
color: whitesmoke; #backlight,
#battery,
} #bluetooth,
#cava,
#clock,
#cpu,
#backlight, #disk,
#battery, #idle_inhibitor,
#bluetooth, #keyboard-state label,
#cava, #keyboard-state label.locked,
#clock, #keyboard-state,
#cpu, #memory,
#disk, #mode,
#idle_inhibitor, #mpd,
#keyboard-state label, #network,
#keyboard-state label.locked, #pulseaudio,
#keyboard-state, #taskbar button,
#memory, #taskbar,
#mode, #temperature,
#mpd, #tray,
#network, #window,
#pulseaudio, #wireplumber,
#taskbar button, #workspaces,
#taskbar, #custom-cycle_wall,
#temperature, #custom-keybinds,
#tray, #custom-light_dark,
#window, #custom-lock,
#wireplumber, #custom-menu,
#workspaces, #custom-power_vertical,
#custom-cycle_wall, #custom-power,
#custom-keybinds, #custom-spotify,
#custom-light_dark, #custom-updater,
#custom-lock, #custom-weather,
#custom-menu, #custom-weather.clearNight,
#custom-power_vertical, #custom-weather.cloudyFoggyDay,
#custom-power, #custom-weather.cloudyFoggyNight,
#custom-spotify, #custom-weather.default #custom-weather.rainyDay,
#custom-updater, #custom-weather.rainyNight,
#custom-weather, #custom-weather.severe,
#custom-weather.clearNight, #custom-weather.showyIcyDay,
#custom-weather.cloudyFoggyDay, #custom-weather.snowyIcyNight,
#custom-weather.cloudyFoggyNight, #custom-weather.sunnyDay {
#custom-weather.default color: whitesmoke;
#custom-weather.rainyDay, padding: 0px 10px;
#custom-weather.rainyNight,
#custom-weather.severe, }
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight, #temperature.critical {
#custom-weather.sunnyDay { background-color: #ff0000;
color:whitesmoke; }
padding: 0px 10px;
@keyframes blink {
} to {
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000; color: #000000;
}
}
#taskbar button.active {
background-color: #7f849c;
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px; /* Ajusta el ancho según tus preferencias */
min-height: 10px; /* Ajusta la altura según tus preferencias */
border-radius: 5px;
background-color: black;
}
#pulseaudio-slider highlight {
min-height: 10px; /* Ajusta la altura según tus preferencias */
border-radius: 5px;
background-color: wheat;
} }
}
#backlight-slider slider {
min-width: 0px; #taskbar button.active {
min-height: 0px; background-color: #7f849c;
opacity: 0; }
background-image: none;
border: none; #battery.critical:not(.charging) {
box-shadow: none; color: #f53c3c;
} animation-name: blink;
animation-duration: 0.5s;
#backlight-slider trough { animation-timing-function: linear;
min-width: 80px; /* Ajusta el ancho según tus preferencias */ animation-iteration-count: infinite;
min-height: 10px; /* Ajusta la altura según tus preferencias */ animation-direction: alternate;
border-radius: 5px; }
background-color: black;
} #pulseaudio-slider slider {
min-width: 0px;
#backlight-slider highlight { min-height: 0px;
min-width: 10px; /* Ajusta el ancho según tus preferencias */ opacity: 0;
border-radius: 5px; background-image: none;
background-color: wheat; border: none;
} box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
/* Ajusta el ancho según tus preferencias */
min-height: 10px;
/* Ajusta la altura según tus preferencias */
border-radius: 5px;
background-color: black;
}
#pulseaudio-slider highlight {
min-height: 10px;
/* Ajusta la altura según tus preferencias */
border-radius: 5px;
background-color: wheat;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
/* Ajusta el ancho según tus preferencias */
min-height: 10px;
/* Ajusta la altura según tus preferencias */
border-radius: 5px;
background-color: black;
}
#backlight-slider highlight {
min-width: 10px;
/* Ajusta el ancho según tus preferencias */
border-radius: 5px;
background-color: wheat;
}

39
config/waybar/style/Purple.css
Unescape View File

@ -4,14 +4,14 @@
/* ...................,.................... */ /* ...................,.................... */
/* --- 👍 designed by https://github.com/Krautt 👍 --- */ /* --- 👍 designed by https://github.com/Krautt 👍 --- */
*{ * {
font-family: "JetBrains Mono Nerd Font"; font-family: "JetBrains Mono 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: 100%; font-size: 100%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px; padding: 1px;
} }
window#waybar { window#waybar {
@ -23,17 +23,19 @@ window#waybar {
window#waybar.hidden { window#waybar.hidden {
opacity: 0.5; opacity: 0.5;
} }
window#waybar.empty { window#waybar.empty {
background-color: transparent; background-color: transparent;
background: #100214; background: #100214;
} }
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); */
background-color: transparent; /* transparent */
background-color: transparent;
} }
@ -133,14 +135,13 @@ tooltip {
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
#custom-weather.default #custom-weather.default #custom-weather.rainyDay,
#custom-weather.rainyDay,
#custom-weather.rainyNight, #custom-weather.rainyNight,
#custom-weather.severe, #custom-weather.severe,
#custom-weather.showyIcyDay, #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.sunnyDay { #custom-weather.sunnyDay {
color:whitesmoke; color: whitesmoke;
padding: 0px 10px; padding: 0px 10px;
} }
@ -151,8 +152,8 @@ tooltip {
@keyframes blink { @keyframes blink {
to { to {
color: #000000; color: #000000;
} }
} }
#taskbar button.active { #taskbar button.active {
@ -211,5 +212,3 @@ tooltip {
border-radius: 5px; border-radius: 5px;
background-color: purple; background-color: purple;
} }

406
config/waybar/style/Simple-Pink.css
Unescape View File

@ -4,7 +4,7 @@
/* ......................................... */ /* ......................................... */
/* --- 👍 designed by https://github.com/Krautt 👍 --- */ /* --- 👍 designed by https://github.com/Krautt 👍 --- */
*{ * {
font-family: "JetBrains Mono Nerd Font"; font-family: "JetBrains Mono Nerd Font";
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
@ -12,207 +12,207 @@
font-size: 100%; font-size: 100%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
window#waybar { window#waybar {
background:black; background: black;
border-radius: 50px; border-radius: 50px;
color: whitesmoke; color: whitesmoke;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.5; opacity: 0.5;
} }
window#waybar.empty {
background-color: black; window#waybar.empty {
} background-color: black;
}
window#waybar.empty #window {
padding: 0px; window#waybar.empty #window {
margin: 0px; padding: 0px;
border: 0px; margin: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */ border: 0px;
background-color: transparent; /* background-color: rgba(66,66,66,0.5); */
} /* transparent */
background-color: transparent;
}
tooltip {
background: #1e1e2e;
border-radius: 10px; tooltip {
border-width: 2px; background: #1e1e2e;
border-style: solid; border-radius: 10px;
border-color: #11111b; border-width: 2px;
color: #cba6f7; border-style: solid;
} border-color: #11111b;
/*-----module groups----*/ color: #cba6f7;
.modules-right { }
border: 5px solid #19141b;
border-radius: 50px 50px 50px 50px; /*-----module groups----*/
background-color: #ba5663; .modules-right {
padding-right: 10px; border: 5px solid #19141b;
padding-left: 10px; border-radius: 50px 50px 50px 50px;
margin: 3px; background-color: #ba5663;
} padding-right: 10px;
padding-left: 10px;
.modules-center { margin: 3px;
background-color: black; }
.modules-center {
} background-color: black;
.modules-left {
border: 5px solid #0d0a0f; }
border-radius: 50px 50px 50px 50px;
background-color: #ba5663; .modules-left {
} border: 5px solid #0d0a0f;
border-radius: 50px 50px 50px 50px;
#workspaces button { background-color: #ba5663;
color: pink; }
}
#workspaces button {
#workspaces button.active { color: pink;
color: whitesmoke; }
#workspaces button.active {
} color: whitesmoke;
#workspaces button.focused {
color: #c42a60; }
}
#workspaces button.focused {
#workspaces button.urgent { color: #c42a60;
color: #11111b; }
border-radius: 10px;
} #workspaces button.urgent {
color: #11111b;
#workspaces button:hover { border-radius: 10px;
color: #ba5663; }
background-color: #0d0a0d;
#workspaces button:hover {
} color: #ba5663;
background-color: #0d0a0d;
#taskbar button:hover {
color: #ba5663; }
background-color: #0d0a0d;
} #taskbar button:hover {
color: #ba5663;
background-color: #0d0a0d;
}
#backlight,
#battery,
#bluetooth,
#cava, #backlight,
#clock, #battery,
#cpu, #bluetooth,
#disk, #cava,
#idle_inhibitor, #clock,
#keyboard-state label, #cpu,
#keyboard-state label.locked, #disk,
#keyboard-state, #idle_inhibitor,
#memory, #keyboard-state label,
#mode, #keyboard-state label.locked,
#mpd, #keyboard-state,
#network, #memory,
#pulseaudio, #mode,
#taskbar button, #mpd,
#taskbar, #network,
#temperature, #pulseaudio,
#tray, #taskbar button,
#window, #taskbar,
#wireplumber, #temperature,
#workspaces, #tray,
#custom-cycle_wall, #window,
#custom-keybinds, #wireplumber,
#custom-light_dark, #workspaces,
#custom-lock, #custom-cycle_wall,
#custom-menu, #custom-keybinds,
#custom-power_vertical, #custom-light_dark,
#custom-power, #custom-lock,
#custom-spotify, #custom-menu,
#custom-updater, #custom-power_vertical,
#custom-weather, #custom-power,
#custom-weather.clearNight, #custom-spotify,
#custom-weather.cloudyFoggyDay, #custom-updater,
#custom-weather.cloudyFoggyNight, #custom-weather,
#custom-weather.default #custom-weather.clearNight,
#custom-weather.rainyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.rainyNight, #custom-weather.cloudyFoggyNight,
#custom-weather.severe, #custom-weather.default #custom-weather.rainyDay,
#custom-weather.showyIcyDay, #custom-weather.rainyNight,
#custom-weather.snowyIcyNight, #custom-weather.severe,
#custom-weather.sunnyDay { #custom-weather.showyIcyDay,
color:whitesmoke; #custom-weather.snowyIcyNight,
padding: 0px 10px; #custom-weather.sunnyDay {
color: whitesmoke;
} padding: 0px 10px;
#temperature.critical { }
background-color: #ff0000;
} #temperature.critical {
background-color: #ff0000;
@keyframes blink { }
to {
@keyframes blink {
to {
color: #000000; color: #000000;
}
}
#taskbar button.active {
background-color: pink;
border:1px solid #22252a;
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: #22252a;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: pink;
} }
}
#backlight-slider slider {
min-width: 0px; #taskbar button.active {
min-height: 0px; background-color: pink;
opacity: 0; border: 1px solid #22252a;
background-image: none;
border: none; }
box-shadow: none;
} #battery.critical:not(.charging) {
color: #f53c3c;
#backlight-slider trough { animation-name: blink;
min-width: 80px; animation-duration: 0.5s;
min-height: 10px; animation-timing-function: linear;
border-radius: 5px; animation-iteration-count: infinite;
background-color: #22252a; animation-direction: alternate;
} }
#backlight-slider highlight { #pulseaudio-slider slider {
min-width: 10px; min-width: 0px;
border-radius: 5px; min-height: 0px;
background-color: pink; opacity: 0;
} background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: #22252a;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: pink;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
background-color: #22252a;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
background-color: pink;
}
Write Preview
Loading…
Cancel
Save