Browse Source
Additional waybar tweaks. Added Catppuccin Mocha and Latte waybar themes.pull/18/head
33 changed files with 858 additions and 267 deletions
@ -1,87 +0,0 @@
|
||||
#!/bin/bash |
||||
|
||||
# Files |
||||
#waybar |
||||
CONFIG="$HOME/.config/waybar/configs" |
||||
WCONFIG="$HOME/.config/waybar/config" |
||||
|
||||
menu(){ |
||||
printf "1. default\n" |
||||
printf "2. plasma-style\n" |
||||
printf "3. gnome-style\n" |
||||
printf "4. simple panel\n" |
||||
printf "5. simple 2 panel\n" |
||||
printf "6. top & bot panel\n" |
||||
printf "7. left panel\n" |
||||
printf "8. right panel\n" |
||||
printf "9. top & left panel\n" |
||||
printf "10. top & right panel\n" |
||||
printf "11. bottom & left panel\n" |
||||
printf "12. bottom & right panel\n" |
||||
printf "13. all sides\n" |
||||
printf "14. no panel" |
||||
} |
||||
|
||||
main() { |
||||
choice=$(menu | rofi -dmenu -config ~/.config/rofi/config-long.rasi | cut -d. -f1) |
||||
case $choice in |
||||
1) |
||||
ln -sf "$CONFIG/config-default" "$WCONFIG" |
||||
;; |
||||
2) |
||||
ln -sf "$CONFIG/config-plasma" "$WCONFIG" |
||||
;; |
||||
3) |
||||
ln -sf "$CONFIG/config-gnome" "$WCONFIG" |
||||
;; |
||||
4) |
||||
ln -sf "$CONFIG/config-simple" "$WCONFIG" |
||||
;; |
||||
5) |
||||
ln -sf "$CONFIG/config-simple2" "$WCONFIG" |
||||
;; |
||||
6) |
||||
ln -sf "$CONFIG/config-dual" "$WCONFIG" |
||||
;; |
||||
7) |
||||
ln -sf "$CONFIG/config-left" "$WCONFIG" |
||||
;; |
||||
8) |
||||
ln -sf "$CONFIG/config-right" "$WCONFIG" |
||||
;; |
||||
9) |
||||
ln -sf "$CONFIG/config-dual-TL" "$WCONFIG" |
||||
;; |
||||
10) |
||||
ln -sf "$CONFIG/config-dual-TR" "$WCONFIG" |
||||
;; |
||||
11) |
||||
ln -sf "$CONFIG/config-dual-BL" "$WCONFIG" |
||||
;; |
||||
12) |
||||
ln -sf "$CONFIG/config-dual-BR" "$WCONFIG" |
||||
;; |
||||
13) |
||||
ln -sf "$CONFIG/config-all" "$WCONFIG" |
||||
;; |
||||
14) |
||||
if pgrep -x "waybar" >/dev/null; then |
||||
pkill waybar |
||||
exit |
||||
fi |
||||
;; |
||||
*) |
||||
;; |
||||
esac |
||||
} |
||||
|
||||
# Check if rofi is already running |
||||
if pidof rofi >/dev/null; then |
||||
pkill rofi |
||||
exit 0 |
||||
else |
||||
main |
||||
fi |
||||
|
||||
exec ~/.config/hypr/scripts/Refresh.sh & |
||||
|
||||
@ -0,0 +1,53 @@
|
||||
#!/bin/bash |
||||
|
||||
CONFIG="$HOME/.config/waybar/configs" |
||||
WCONFIG="$HOME/.config/waybar/config" |
||||
|
||||
menu() { |
||||
cat <<EOF |
||||
default |
||||
Top(gnome) |
||||
Bottom(plasma) |
||||
simple-long |
||||
simple-short |
||||
Top-&-Bottom |
||||
Left |
||||
Right |
||||
Top-Left |
||||
Top-Right |
||||
Bottom-Left |
||||
Bottom-Right |
||||
all-sides |
||||
no panel |
||||
EOF |
||||
} |
||||
|
||||
apply_config() { |
||||
ln -sf "$CONFIG/config-$1" "$WCONFIG" |
||||
} |
||||
|
||||
main() { |
||||
choice=$(menu | rofi -dmenu -config ~/.config/rofi/config-waybar.rasi) |
||||
|
||||
case $choice in |
||||
"no panel") |
||||
if pgrep -x "waybar" >/dev/null; then |
||||
pkill waybar |
||||
exit |
||||
fi |
||||
;; |
||||
*) |
||||
apply_config "$choice" |
||||
;; |
||||
esac |
||||
} |
||||
|
||||
# Check if rofi is already running |
||||
if pidof rofi >/dev/null; then |
||||
pkill rofi |
||||
exit 0 |
||||
else |
||||
main |
||||
fi |
||||
|
||||
exec ~/.config/hypr/scripts/Refresh.sh & |
||||
@ -0,0 +1,37 @@
|
||||
/* |
||||
* |
||||
* Catppuccin Latte palette |
||||
* Maintainer: rubyowo |
||||
* |
||||
*/ |
||||
|
||||
@define-color base #eff1f5; |
||||
@define-color mantle #e6e9ef; |
||||
@define-color crust #dce0e8; |
||||
|
||||
@define-color text #4c4f69; |
||||
@define-color subtext0 #6c6f85; |
||||
@define-color subtext1 #5c5f77; |
||||
|
||||
@define-color surface0 #ccd0da; |
||||
@define-color surface1 #bcc0cc; |
||||
@define-color surface2 #acb0be; |
||||
|
||||
@define-color overlay0 #9ca0b0; |
||||
@define-color overlay1 #8c8fa1; |
||||
@define-color overlay2 #7c7f93; |
||||
|
||||
@define-color blue #1e66f5; |
||||
@define-color lavender #7287fd; |
||||
@define-color sapphire #209fb5; |
||||
@define-color sky #04a5e5; |
||||
@define-color teal #179299; |
||||
@define-color green #40a02b; |
||||
@define-color yellow #df8e1d; |
||||
@define-color peach #fe640b; |
||||
@define-color maroon #e64553; |
||||
@define-color red #d20f39; |
||||
@define-color mauve #8839ef; |
||||
@define-color pink #ea76cb; |
||||
@define-color flamingo #dd7878; |
||||
@define-color rosewater #dc8a78; |
||||
@ -0,0 +1,38 @@
|
||||
/* |
||||
* |
||||
* Catppuccin Mocha palette |
||||
* Maintainer: rubyowo |
||||
* |
||||
*/ |
||||
|
||||
@define-color base #1e1e2e; |
||||
@define-color mantle #181825; |
||||
@define-color crust #11111b; |
||||
|
||||
@define-color text #cdd6f4; |
||||
@define-color subtext0 #a6adc8; |
||||
@define-color subtext1 #bac2de; |
||||
|
||||
@define-color surface0 #313244; |
||||
@define-color surface1 #45475a; |
||||
@define-color surface2 #585b70; |
||||
|
||||
@define-color overlay0 #6c7086; |
||||
@define-color overlay1 #7f849c; |
||||
@define-color overlay2 #9399b2; |
||||
|
||||
@define-color blue #89b4fa; |
||||
@define-color lavender #b4befe; |
||||
@define-color sapphire #74c7ec; |
||||
@define-color sky #89dceb; |
||||
@define-color teal #94e2d5; |
||||
@define-color green #a6e3a1; |
||||
@define-color yellow #f9e2af; |
||||
@define-color peach #fab387; |
||||
@define-color maroon #eba0ac; |
||||
@define-color red #f38ba8; |
||||
@define-color mauve #cba6f7; |
||||
@define-color pink #f5c2e7; |
||||
@define-color flamingo #f2cdcd; |
||||
@define-color rosewater #f5e0dc; |
||||
|
||||
@ -0,0 +1,225 @@
|
||||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ |
||||
|
||||
* { |
||||
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; |
||||
} |
||||
|
||||
@import "../waybar/style/catppuccin-themes/latte.css"; |
||||
|
||||
window#waybar { |
||||
transition-property: background-color; |
||||
transition-duration: 0.5s; |
||||
background: @theme_base_color; |
||||
border: 2px solid @overlay0; |
||||
border-radius: 10px; |
||||
} |
||||
|
||||
window#waybar.hidden { |
||||
opacity: 0.2; |
||||
} |
||||
|
||||
#waybar.empty #window { |
||||
background: none; |
||||
} |
||||
|
||||
/* This section can be use if you want to separate waybar modules */ |
||||
/* .modules-left, .modules-center, .modules-right { */ |
||||
/* background: @theme_base_color; */ |
||||
/* border: 3px solid @overlay0; */ |
||||
/* padding: 0px 5px; */ |
||||
/* border-radius: 5; */ |
||||
/* } */ |
||||
|
||||
/* .modules-center { */ |
||||
/* border: 3px solid @lavender; */ |
||||
/* margin: 0px 5px; */ |
||||
/* } */ |
||||
|
||||
#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-keybinds, |
||||
#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 6px; |
||||
} |
||||
|
||||
#idle_inhibitor { |
||||
color: @blue; |
||||
} |
||||
|
||||
#backlight { |
||||
color: @blue; |
||||
} |
||||
|
||||
#battery { |
||||
color: @green; |
||||
} |
||||
|
||||
@keyframes blink { |
||||
to { |
||||
color: @surface0; |
||||
} |
||||
} |
||||
|
||||
#battery.critical:not(.charging) { |
||||
background-color: @red; |
||||
color: @theme_text_color; |
||||
animation-name: blink; |
||||
animation-duration: 0.5s; |
||||
animation-timing-function: linear; |
||||
animation-iteration-count: infinite; |
||||
animation-direction: alternate; |
||||
box-shadow: inset 0 -3px transparent; |
||||
} |
||||
|
||||
#clock { |
||||
color: @yellow; |
||||
} |
||||
|
||||
#cpu { |
||||
color: @green; |
||||
} |
||||
|
||||
#memory { |
||||
color: @sky; |
||||
} |
||||
|
||||
#disk { |
||||
color: @sapphire; |
||||
} |
||||
|
||||
#tray > .passive { |
||||
-gtk-icon-effect: dim; |
||||
} |
||||
#tray > .needs-attention { |
||||
-gtk-icon-effect: highlight; |
||||
} |
||||
|
||||
#workspaces button { |
||||
border-radius: 5px; |
||||
/*margin: 3px;*/ |
||||
/*padding: 1px;*/ |
||||
} |
||||
|
||||
#workspaces button:hover { |
||||
border-radius: 5px; |
||||
color: @overlay0; |
||||
background-color: @surface0; |
||||
} |
||||
|
||||
#workspaces button.persistent { |
||||
color: @surface1; |
||||
border-radius: 0px; |
||||
} |
||||
|
||||
#workspaces button.active { |
||||
color: @peach; |
||||
border-radius: 0px; |
||||
} |
||||
|
||||
#workspaces button.urgent { |
||||
color: @red; |
||||
border-radius: 0px; |
||||
} |
||||
|
||||
#custom-menu { |
||||
color: @rosewater; |
||||
} |
||||
|
||||
#custom-power { |
||||
color: @red; |
||||
margin-right: 3px; |
||||
} |
||||
|
||||
#custom-updater { |
||||
color: @red; |
||||
} |
||||
|
||||
#custom-uptime { |
||||
color: @blue; |
||||
} |
||||
|
||||
#custom-weather { |
||||
color: @lavender; |
||||
} |
||||
|
||||
#custom-vpn_check { |
||||
color: @sky; |
||||
} |
||||
#custom-cputemp { |
||||
color: @teal; |
||||
} |
||||
|
||||
#pulseaudio { |
||||
color: @sapphire; |
||||
} |
||||
|
||||
#pulseaudio.bluetooth { |
||||
color: @pink; |
||||
} |
||||
#pulseaudio.muted { |
||||
color: @red; |
||||
} |
||||
|
||||
#window { |
||||
color: @mauve; |
||||
} |
||||
|
||||
#custom-waybar-mpris { |
||||
color:@lavender; |
||||
} |
||||
|
||||
#network { |
||||
color: @teal; |
||||
} |
||||
#network.disconnected, |
||||
#network.disabled { |
||||
background-color: @surface0; |
||||
color: @text; |
||||
} |
||||
@ -0,0 +1,225 @@
|
||||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ |
||||
|
||||
* { |
||||
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; |
||||
} |
||||
|
||||
@import "../waybar/style/catppuccin-themes/mocha.css"; |
||||
|
||||
window#waybar { |
||||
transition-property: background-color; |
||||
transition-duration: 0.5s; |
||||
background: @theme_base_color; |
||||
border: 2px solid @overlay0; |
||||
border-radius: 10px; |
||||
} |
||||
|
||||
window#waybar.hidden { |
||||
opacity: 0.2; |
||||
} |
||||
|
||||
#waybar.empty #window { |
||||
background: none; |
||||
} |
||||
|
||||
/* This section can be use if you want to separate waybar modules */ |
||||
/* .modules-left, .modules-center, .modules-right { */ |
||||
/* background: @theme_base_color; */ |
||||
/* border: 3px solid @overlay0; */ |
||||
/* padding: 0px 5px; */ |
||||
/* border-radius: 5; */ |
||||
/* } */ |
||||
|
||||
/* .modules-center { */ |
||||
/* border: 3px solid @lavender; */ |
||||
/* margin: 0px 5px; */ |
||||
/* } */ |
||||
|
||||
#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-keybinds, |
||||
#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 6px; |
||||
} |
||||
|
||||
#idle_inhibitor { |
||||
color: @blue; |
||||
} |
||||
|
||||
#backlight { |
||||
color: @blue; |
||||
} |
||||
|
||||
#battery { |
||||
color: @green; |
||||
} |
||||
|
||||
@keyframes blink { |
||||
to { |
||||
color: @surface0; |
||||
} |
||||
} |
||||
|
||||
#battery.critical:not(.charging) { |
||||
background-color: @red; |
||||
color: @theme_text_color; |
||||
animation-name: blink; |
||||
animation-duration: 0.5s; |
||||
animation-timing-function: linear; |
||||
animation-iteration-count: infinite; |
||||
animation-direction: alternate; |
||||
box-shadow: inset 0 -3px transparent; |
||||
} |
||||
|
||||
#clock { |
||||
color: @yellow; |
||||
} |
||||
|
||||
#cpu { |
||||
color: @green; |
||||
} |
||||
|
||||
#memory { |
||||
color: @sky; |
||||
} |
||||
|
||||
#disk { |
||||
color: @sapphire; |
||||
} |
||||
|
||||
#tray > .passive { |
||||
-gtk-icon-effect: dim; |
||||
} |
||||
#tray > .needs-attention { |
||||
-gtk-icon-effect: highlight; |
||||
} |
||||
|
||||
#workspaces button { |
||||
border-radius: 5px; |
||||
/*margin: 3px;*/ |
||||
/*padding: 1px;*/ |
||||
} |
||||
|
||||
#workspaces button:hover { |
||||
border-radius: 5px; |
||||
color: @overlay0; |
||||
background-color: @surface0; |
||||
} |
||||
|
||||
#workspaces button.persistent { |
||||
color: @surface1; |
||||
border-radius: 0px; |
||||
} |
||||
|
||||
#workspaces button.active { |
||||
color: @peach; |
||||
border-radius: 0px; |
||||
} |
||||
|
||||
#workspaces button.urgent { |
||||
color: @red; |
||||
border-radius: 0px; |
||||
} |
||||
|
||||
#custom-menu { |
||||
color: @rosewater; |
||||
} |
||||
|
||||
#custom-power { |
||||
color: @red; |
||||
margin-right: 3px; |
||||
} |
||||
|
||||
#custom-updater { |
||||
color: @red; |
||||
} |
||||
|
||||
#custom-uptime { |
||||
color: @blue; |
||||
} |
||||
|
||||
#custom-weather { |
||||
color: @lavender; |
||||
} |
||||
|
||||
#custom-vpn_check { |
||||
color: @sky; |
||||
} |
||||
#custom-cputemp { |
||||
color: @teal; |
||||
} |
||||
|
||||
#pulseaudio { |
||||
color: @sapphire; |
||||
} |
||||
|
||||
#pulseaudio.bluetooth { |
||||
color: @pink; |
||||
} |
||||
#pulseaudio.muted { |
||||
color: @red; |
||||
} |
||||
|
||||
#window { |
||||
color: @mauve; |
||||
} |
||||
|
||||
#custom-waybar-mpris { |
||||
color:@lavender; |
||||
} |
||||
|
||||
#network { |
||||
color: @teal; |
||||
} |
||||
#network.disconnected, |
||||
#network.disabled { |
||||
background-color: @surface0; |
||||
color: @text; |
||||
} |
||||
@ -1,161 +0,0 @@
|
||||
*{ |
||||
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: transparent; |
||||
border-radius: 10px; |
||||
color: #cba6f7; |
||||
border-style: solid; |
||||
border-width: 1px; |
||||
border-color: #cba6f7; |
||||
} |
||||
|
||||
window#waybar.hidden { |
||||
opacity: 0.5; |
||||
} |
||||
window#waybar.empty { |
||||
background-color: transparent; |
||||
} |
||||
|
||||
window#waybar.empty #window { |
||||
padding: 0px; |
||||
margin: 0px; |
||||
border: 0px; |
||||
/* background-color: rgba(66,66,66,0.5); */ /* transparent */ |
||||
background-color: transparent; |
||||
} |
||||
|
||||
|
||||
tooltip { |
||||
background: #1e1e2e; |
||||
border-radius: 10px; |
||||
border-width: 2px; |
||||
border-style: solid; |
||||
border-color: #11111b; |
||||
color: #cba6f7; |
||||
} |
||||
/*-----module groups----*/ |
||||
.modules-right { |
||||
/*background-color: #1e1e2e;*/ |
||||
border: 0px solid #b4befe; |
||||
border-radius: 10px; |
||||
} |
||||
|
||||
.modules-center { |
||||
/*background-color: #1e1e2e;*/ |
||||
border: 0px solid #b4befe; |
||||
border-radius: 10px; |
||||
} |
||||
|
||||
.modules-left { |
||||
/*background-color: #1e1e2e;*/ |
||||
border: 0px solid #b4befe; |
||||
border-radius: 10px; |
||||
|
||||
} |
||||
|
||||
#workspaces button { |
||||
padding: 2px; |
||||
color: #6E6A86; |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
#workspaces button.active { |
||||
color: #cba6f7; |
||||
border-radius: 15px 15px 15px 15px; |
||||
} |
||||
|
||||
#workspaces button.focused { |
||||
color: #d8dee9; |
||||
} |
||||
|
||||
#workspaces button.urgent { |
||||
color: #11111b; |
||||
border-radius: 10px; |
||||
} |
||||
|
||||
#workspaces button:hover { |
||||
color: #9CCFD8; |
||||
border-radius: 15px; |
||||
} |
||||
|
||||
#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-keybinds, |
||||
#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: 3px 6px; |
||||
border-radius:10px; |
||||
} |
||||
|
||||
#temperature.critical { |
||||
background-color: #ff0000; |
||||
} |
||||
|
||||
@keyframes blink { |
||||
to { |
||||
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; |
||||
} |
||||
|
||||
Loading…
Reference in new issue