Uyanide/dotfiles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fonts & small fixes (& unexpected formatting)

Browse Source
This commit is contained in:
Uyanide
2025-07-26 20:52:54 +02:00
parent 359998092e
commit b2a0364fcb
11 changed files with 293 additions and 265 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.memo/hyprland-ricing
View File

@@ -57,7 +57,7 @@ activate-linux # :/
polkit-gnome # polkit authentication agent polkit-gnome # polkit authentication agent
# fonts & themes # fonts & themes
maplemonol-nf-cn maplemono-nf-cn
ttf-font-awesome ttf-font-awesome
meslo font # I installed it manually meslo font # I installed it manually
spicetify # spotify tweaks spicetify # spotify tweaks

21
.scripts/smb-mount.sh Executable file
View File

@@ -0,0 +1,21 @@
#!/bin/sh
[ -z $SMB_CREDENTIALS ] && SMB_CREDENTIALS="$HOME/.smbcredentials"
[ ! -f $SMB_CREDENTIALS ] && exit 1
[ -z $SMB_HOST ] && SMB_HOST="10.8.0.1"
[ -z $SMB_DIR ] && SMB_DIR="share"
[ -z $SMB_MOUNT_POINT ] && SMB_MOUNT_POINT="/mnt/smb"
[ -z $SMB_UID ] && SMB_UID=$(id -u)
[ -z $SMB_GID ] && SMB_GID=$(id -g)
[ ! -d "$SMB_MOUNT_POINT" ] && sudo mkdir -p "$SMB_MOUNT_POINT"
sudo mount -t cifs //$SMB_HOST/$SMB_DIR "$SMB_MOUNT_POINT" -o credentials=$SMB_CREDENTIALS,uid=$SMB_UID,gid=$SMB_GID
if [ $? -eq 0 ]; then
echo "Mounted $SMB_HOST/$SMB_DIR at $SMB_MOUNT_POINT"
else
echo "Failed to mount $SMB_HOST/$SMB_DIR at $SMB_MOUNT_POINT"
exit 1
fi

38
README.md
View File

@@ -4,17 +4,17 @@
## Setup Overview ## Setup Overview
- **OS**: Archlinux - **OS**: Archlinux
- **WM**: Hyprland - **WM**: Hyprland
- **Bar**: Waybar - **Bar**: Waybar
- **Shell**: Fish - **Shell**: Fish
- **Prompt**: Oh My Posh - **Prompt**: Oh My Posh
- **Terminal**: Kitty & Ghostty (floating) - **Terminal**: Kitty & Ghostty (floating)
- **Colorscheme**: Catppuccin-mocha(-blue) - **Colorscheme**: Catppuccin-mocha(-blue)
- **App Launcher**: Rofi - **App Launcher**: Rofi
- **Logout Screen**: Wlogout - **Logout Screen**: Wlogout
- **Desktop Widgets**: Eww - **Desktop Widgets**: Eww
- **Notification Daemon**: Mako - **Notification Daemon**: Mako
## Hyprland & most of Hypr\* ecosystem ## Hyprland & most of Hypr\* ecosystem
@@ -22,9 +22,9 @@ Based on [end-4/dots-hyprland](https://github.com/end-4/dots-hyprland) but witho
## Eww ## Eww
- `main`, main dashboard, modified from [syndrizzle/hotfiles](https://github.com/syndrizzle/hotfiles/tree/bspwm) without notification center. - `main`, main dashboard, modified from [syndrizzle/hotfiles](https://github.com/syndrizzle/hotfiles/tree/bspwm) without notification center.
- `lyrics`, scrolling lyrics player, dependents on api from [akashrchandran/spotify-lyrics-api](https://github.com/akashrchandran/spotify-lyrics-api) and [a small program](https://github.com/Uyanide/spotify-lyrics) from myself <small>(which also happens to be my frist Golang program :D)</small>. - `lyrics`, scrolling lyrics player, dependents on api from [akashrchandran/spotify-lyrics-api](https://github.com/akashrchandran/spotify-lyrics-api) and [a small program](https://github.com/Uyanide/spotify-lyrics) from myself <small>(which also happens to be my frist Golang program :D)</small>.
- `lyrics-single`, similar to `lyrics`, but only with a single line and can be easily embeded into the status bar. - `lyrics-single`, similar to `lyrics`, but only with a single line and can be easily embeded into the status bar.
## Rofi ## Rofi
@@ -42,8 +42,8 @@ Gathered from internet, based on <s>I don't know who</s> (such config files had
including: including:
- MesloLGM Nerd Font (& Mono) - MesloLGM Nerd Font (& Mono)
- Maple Mono Normal CN - Maple Mono NF CN
- Font Awesome 6 Free - Font Awesome 6 Free
- Noto Sans - Noto Sans
- ... - ...

8
alacritty/alacritty.toml
View File

@@ -54,19 +54,19 @@ draw_bold_text_with_bright_colors = true
size = 12 size = 12
[font.normal] [font.normal]
family = "Meslo LGM Nerd Font" family = "Maple Mono NF CN"
style = "Regular" style = "Regular"
[font.bold] [font.bold]
family = "Meslo LGM Nerd Font" family = "Maple Mono NF CN"
style = "Bold" style = "Bold"
[font.italic] [font.italic]
family = "Meslo LGM Nerd Font" family = "Maple Mono NF CN"
style = "Italic" style = "Italic"
[font.bold_italic] [font.bold_italic]
family = "Meslo LGM Nerd Font" family = "Maple Mono NF CN"
style = "Bold Italic" style = "Bold Italic"
[selection] [selection]

148
eww/Lyrics/eww.scss
View File

@@ -1,97 +1,97 @@
* { * {
all: unset; all: unset;
transition: 200ms ease-out; transition: 200ms ease-out;
} }
.lyrics-window { .lyrics-window {
background-color: $bg; background-color: $bg;
border-radius: 16px; border-radius: 16px;
border: 2px solid $blue; border: 2px solid $blue;
} }
.lyrics-window-single { .lyrics-window-single {
background-color: rgba(30, 30, 46, 0.6); background-color: rgba(30, 30, 46, 0.6);
border-radius: 14px; border-radius: 14px;
border: 2px solid $blue; border: 2px solid $blue;
} }
.lyrics-box { .lyrics-box {
margin: 20px 10px 0 20px; margin: 20px 10px 0 20px;
min-width: 500px; min-width: 500px;
min-height: 70px; min-height: 70px;
background-color: $gray-alt; background-color: $gray-alt;
border-radius: 15px; border-radius: 15px;
padding: 10px; padding: 10px;
box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.5); box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.5);
} }
.lyrics-box-single { .lyrics-box-single {
margin: 5px 0px 5px 10px; margin: 5px 0px 5px 10px;
min-width: 740px; min-width: 740px;
} }
.lyrics-text { .lyrics-text {
color: $fg; color: $fg;
font-size: 15px; font-size: 15px;
font-family: 'Maple Mono Normal NF CN', 'Maple Mono CN', monospace; font-family: 'Maple Mono NF CN', 'Maple Mono CN', monospace;
} }
.lyrics-text-single { .lyrics-text-single {
color: $fg; color: $fg;
font-size: 15px; font-size: 15px;
font-family: 'Maple Mono Normal NF CN', 'Maple Mono CN', monospace; font-family: 'Maple Mono NF CN', 'Maple Mono CN', monospace;
min-height: 29px; min-height: 29px;
} }
.control-box { .control-box {
margin: 20px 10px 0 0; margin: 20px 10px 0 0;
padding: 6px; padding: 6px;
min-height: 90px; min-height: 90px;
} }
.offset-minus, .offset-minus,
.offset-reset, .offset-reset,
.offset-plus, .offset-plus,
.offset-clear { .offset-clear {
padding: 0px 6px; padding: 0px 6px;
margin: 0px 4px 0px 4px; margin: 0px 4px 0px 4px;
font-family: 'MesloLGM Nerd Font Mono'; font-family: 'MesloLGM Nerd Font Mono';
font-size: 25px; font-size: 25px;
min-width: 16px; min-width: 16px;
} }
.offset-minus-single, .offset-minus-single,
.offset-plus-single, .offset-plus-single,
.offset-reset-single, .offset-reset-single,
.info-single { .info-single {
padding: 0px 6px; padding: 0px 6px;
margin: 0; margin: 0;
font-family: 'MesloLGM Nerd Font Mono'; font-family: 'MesloLGM Nerd Font Mono';
font-size: 20px; font-size: 20px;
min-width: 16px; min-width: 16px;
} }
.offset-minus, .offset-minus,
.offset-minus-single { .offset-minus-single {
color: $blue; color: $blue;
} }
.offset-plus, .offset-plus,
.offset-plus-single { .offset-plus-single {
color: $yellow; color: $yellow;
} }
.offset-reset, .offset-reset,
.offset-reset-single { .offset-reset-single {
color: $green; color: $green;
} }
.offset-clear { .offset-clear {
color: $red; color: $red;
} }
.info-single { .info-single {
color: $cyan; color: $cyan;
} }
.offset-minus:hover, .offset-minus:hover,
@@ -106,69 +106,69 @@
.player-prev:hover, .player-prev:hover,
.player-next:hover, .player-next:hover,
.player-pp:hover { .player-pp:hover {
color: $fg; color: $fg;
} }
.player-music-slider-box { .player-music-slider-box {
padding: 12px; padding: 12px;
margin: 10px 0 20px 20px; margin: 10px 0 20px 20px;
border-radius: 15px; border-radius: 15px;
background-color: $gray-alt; background-color: $gray-alt;
box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.5); box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.5);
min-height: 16px; min-height: 16px;
} }
.player-music-slider trough { .player-music-slider trough {
background-color: $gray; background-color: $gray;
} }
.player-music-slider highlight { .player-music-slider highlight {
background-color: $blue; background-color: $blue;
padding: 3px; padding: 3px;
} }
.player-music-slider { .player-music-slider {
min-width: 200px; min-width: 200px;
} }
.player-controls-box { .player-controls-box {
margin: 10px 0 20px 20px; margin: 10px 0 20px 20px;
} }
.player-pp, .player-pp,
.player-next, .player-next,
.player-prev, .player-prev,
.lyrics-info { .lyrics-info {
padding: 0px 6px; padding: 0px 6px;
margin: 0px 4px 0px 4px; margin: 0px 4px 0px 4px;
font-family: 'MesloLGM Nerd Font Mono'; font-family: 'MesloLGM Nerd Font Mono';
font-size: 25px; font-size: 25px;
min-width: 16px; min-width: 16px;
color: $fg-alt; color: $fg-alt;
} }
.lyrics-info { .lyrics-info {
color: $cyan; color: $cyan;
} }
.offset-box { .offset-box {
padding: 11px; padding: 11px;
margin: 10px 20px 20px 10px; margin: 10px 20px 20px 10px;
border-radius: 15px; border-radius: 15px;
// background-color: $gray-alt; // background-color: $gray-alt;
// box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.5); // box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.5);
} }
.offset-label { .offset-label {
color: $fg-alt; color: $fg-alt;
font-size: 15px; font-size: 15px;
font-family: 'Maple Mono Normal NF CN', 'Maple Mono CN', monospace; font-family: 'Maple Mono NF CN', 'Maple Mono CN', monospace;
margin-right: 10px; margin-right: 10px;
} }
.offset-value { .offset-value {
color: $fg; color: $fg;
font-size: 15px; font-size: 15px;
font-family: 'Maple Mono Normal NF CN', 'Maple Mono CN', monospace; font-family: 'Maple Mono NF CN', 'Maple Mono CN', monospace;
margin-right: 10px; margin-right: 10px;
} }

2
ghostty/config
View File

@@ -12,7 +12,7 @@ command = exec fish
confirm-close-surface = false confirm-close-surface = false
font-family = Maple Mono Normal NF CN font-family = Maple Mono NF CN
font-size = 12 font-size = 12
cursor-style = bar cursor-style = bar

3
hypr/hyprland/execs.conf
View File

@@ -33,3 +33,6 @@ exec-once = hyprctl plugin load "/usr/lib/libhyprexpo.so"
# dock # dock
# exec-once = nwg-dock-hyprland -d -i 32 -c "fuzzel" -ico "$HOME/.config/nwg-dock-hyprland/archlinux.png" # exec-once = nwg-dock-hyprland -d -i 32 -c "fuzzel" -ico "$HOME/.config/nwg-dock-hyprland/archlinux.png"
# Logitech Mouse
exec-once = solaar -w hide

6
hypr/hyprlock.conf
View File

@@ -4,12 +4,16 @@
# $entry_color = rgba(B8CACBFF) # $entry_color = rgba(B8CACBFF)
$text_color = rgba(FFFFFFFF) $text_color = rgba(FFFFFFFF)
$entry_background_color = rgba(33333360) $entry_background_color = rgba(33333360)
$entry_border_color = rgba(3B3B3B100) $entry_border_color = rgba(3B3B3B64)
$entry_color = rgba(FFFFFFFF) $entry_color = rgba(FFFFFFFF)
$font_family = Rubik Light $font_family = Rubik Light
$font_family_clock = Rubik Light $font_family_clock = Rubik Light
$font_material_symbols = Material Symbols Rounded $font_material_symbols = Material Symbols Rounded
# workaround: https://github.com/hyprwm/hyprlock/issues/825
animation = fade, 0
# another wierd bug that only happens in hybrid mode :/
background { background {
# color = rgba(041011FF) # color = rgba(041011FF)
# color = rgba(000000FF) # color = rgba(000000FF)

2
kitty/kitty.conf
View File

@@ -23,7 +23,7 @@ window_padding_width 10
background_opacity 0.75 background_opacity 0.75
background_blur 16 background_blur 16
font_family Maple Mono Normal NF CN font_family Maple Mono NF CN
font_size 12 font_size 12
tab_bat_style powerline tab_bat_style powerline

2
rofi/config.rasi
View File

@@ -1,6 +1,6 @@
/*****----- ALL -----*****/ /*****----- ALL -----*****/
* { * {
font: "Maple Mono Normal NF CN Semibold 10"; font: "Maple Mono NF CN Semibold 10";
base: #1e1e2e; base: #1e1e2e;
mantle: #181825; mantle: #181825;
text: #cdd6f4; text: #cdd6f4;

326
waybar/style.css
View File

@@ -1,102 +1,102 @@
@import 'mocha.css'; @import 'mocha.css';
* { * {
font-family: 'Font Awesome 6 Free', 'Maple Mono Normal NF CN ExtraLight', 'Noto Sans', Arial, sans-serif; font-family: 'Font Awesome 6 Free', 'Maple Mono NF CN ExtraLight', 'Noto Sans', Arial, sans-serif;
font-size: 12px; font-size: 12px;
font-weight: 900; font-weight: 900;
margin: 0; margin: 0;
padding: 0; padding: 0;
transition-property: background-color; transition-property: background-color;
transition-duration: 0.5s; transition-duration: 0.5s;
} }
/* Reset all styles */ /* Reset all styles */
* { * {
border: none; border: none;
border-radius: 3px; border-radius: 3px;
min-height: 0; min-height: 0;
margin: 2px 1px 2px 1px; margin: 2px 1px 2px 1px;
} }
/* The whole bar */ /* The whole bar */
#waybar { #waybar {
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-radius: 0px; border-radius: 0px;
margin: 0px; margin: 0px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.2; opacity: 0.2;
} }
tooltip { tooltip {
background: @base; background: @base;
border: 2px solid @overlay0; border: 2px solid @overlay0;
} }
#custom-workspacenew, #custom-workspacenew,
#workspaces button { #workspaces button {
padding: 3px 5px; /* Adjusted padding to reduce height */ padding: 3px 5px; /* Adjusted padding to reduce height */
margin: 3px 5px; /* Reduced margin slightly */ margin: 3px 5px; /* Reduced margin slightly */
border-radius: 6px; border-radius: 6px;
color: @foreground; color: @foreground;
background-color: alpha(@base, 0); background-color: alpha(@base, 0);
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
font-size: 13px; /* Slightly smaller font size */ font-size: 13px; /* Slightly smaller font size */
} }
#workspaces button:hover { #workspaces button:hover {
background: @surface0; background: @surface0;
} }
#workspaces button.active { #workspaces button.active {
color: @foreground; color: @foreground;
background: @blue; background: @blue;
} }
#workspaces button.urgent { #workspaces button.urgent {
background-color: @red; background-color: @red;
} }
#workspaceactions { #workspaceactions {
background-color: alpha(@base, 0.6); background-color: alpha(@base, 0.6);
border-radius: 14px; border-radius: 14px;
padding: 3px 6px; /* Adjusted padding to reduce height */ padding: 3px 6px; /* Adjusted padding to reduce height */
border: 2px solid @blue; border: 2px solid @blue;
} }
#workspaces { #workspaces {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
} }
#custom-workspacenew:hover { #custom-workspacenew:hover {
background-color: alpha(@blue, 0.3); background-color: alpha(@blue, 0.3);
} }
#custom-workspacespecial:hover { #custom-workspacespecial:hover {
background-color: alpha(@blue, 0.3); background-color: alpha(@blue, 0.3);
} }
#window { #window {
background-color: alpha(@base, 0.6); background-color: alpha(@base, 0.6);
font-size: 15px; /* Slightly smaller font size */ font-size: 15px; /* Slightly smaller font size */
font-weight: 800; font-weight: 800;
color: @subtext1; color: @subtext1;
border-radius: 14px; border-radius: 14px;
padding: 3px 6px; /* Reduced padding */ padding: 3px 6px; /* Reduced padding */
margin: 2px; margin: 2px;
opacity: 1; opacity: 1;
} }
#custom-mediaplayer { #custom-mediaplayer {
background-color: alpha(@base, 0.6); background-color: alpha(@base, 0.6);
border-radius: 14px; border-radius: 14px;
padding: 3px 12px; padding: 3px 12px;
color: @lavender; color: @lavender;
} }
#clock, #clock,
@@ -128,276 +128,276 @@ tooltip {
#custom-weather.showyIcyDay, #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.default { #custom-weather.default {
background-color: alpha(@base, 0.6); background-color: alpha(@base, 0.6);
border-radius: 14px; border-radius: 14px;
padding: 6px; /* Adjusted padding */ padding: 6px; /* Adjusted padding */
} }
#monitors { #monitors {
background-color: alpha(@base, 0.6); background-color: alpha(@base, 0.6);
border-radius: 14px; border-radius: 14px;
padding: 6px; padding: 6px;
} }
#network.speed { #network.speed {
background: transparent; background: transparent;
color: @lavender; color: @lavender;
padding: 0; padding: 0;
} }
#temperature { #temperature {
background: transparent; background: transparent;
color: @maroon; color: @maroon;
padding: 0px; padding: 0px;
} }
#memory { #memory {
color: @peach; color: @peach;
background: transparent; background: transparent;
padding: 0px; padding: 0px;
} }
#cpu { #cpu {
color: @yellow; color: @yellow;
background: transparent; background: transparent;
padding: 0px; padding: 0px;
} }
#battery { #battery {
background: transparent; background: transparent;
color: #c0caf5; color: #c0caf5;
padding: 0; padding: 0;
} }
#battery.charging, #battery.charging,
#battery.full, #battery.full,
#battery.plugged { #battery.plugged {
color: @green; color: @green;
} }
#backlight { #backlight {
background: transparent; background: transparent;
color: @teal; color: @teal;
padding: 0; padding: 0;
} }
#wireplumber { #wireplumber {
background: transparent; background: transparent;
color: @sapphire; color: @sapphire;
padding: 0; padding: 0;
} }
#custom-screenshot_t { #custom-screenshot_t {
background-color: alpha(@base, 0.6); background-color: alpha(@base, 0.6);
border-radius: 14px; border-radius: 14px;
padding: 6px; padding: 6px;
} }
#custom-spotify { #custom-spotify {
background-color: alpha(@base, 0.6); background-color: alpha(@base, 0.6);
border-radius: 14px; border-radius: 14px;
padding: 3px 12px; padding: 3px 12px;
} }
#tray { #tray {
background-color: alpha(@base, 0.6); background-color: alpha(@base, 0.6);
border-radius: 14px; border-radius: 14px;
padding: 6px; /* Adjusted padding */ padding: 6px; /* Adjusted padding */
border: 2px solid @blue; border: 2px solid @blue;
} }
#custom-power { #custom-power {
background-color: alpha(@base, 0.6); background-color: alpha(@base, 0.6);
border-radius: 14px; border-radius: 14px;
padding: 6px; padding: 6px;
border: 3px solid @maroon; border: 3px solid @maroon;
} }
#custom-power:hover { #custom-power:hover {
background-color: alpha(@maroon, 0.3); background-color: alpha(@maroon, 0.3);
} }
#custom-rofi { #custom-rofi {
background-color: alpha(@base, 0.6); background-color: alpha(@base, 0.6);
border-radius: 14px; border-radius: 14px;
padding: 6px; padding: 6px;
border: 3px solid @teal; border: 3px solid @teal;
} }
#custom-rofi:hover { #custom-rofi:hover {
background-color: alpha(@teal, 0.3); background-color: alpha(@teal, 0.3);
} }
#custom-caffeine { #custom-caffeine {
background-color: alpha(@base, 0.6); background-color: alpha(@base, 0.6);
border-radius: 14px; border-radius: 14px;
padding: 6px; padding: 6px;
border: 3px solid @yellow; border: 3px solid @yellow;
} }
#custom-caffeine:hover { #custom-caffeine:hover {
background-color: alpha(@yellow, 0.3); background-color: alpha(@yellow, 0.3);
} }
#custom-caffeine.active { #custom-caffeine.active {
border: 3px solid @peach; border: 3px solid @peach;
} }
#custom-storage { #custom-storage {
background-color: alpha(@base, 0.6); background-color: alpha(@base, 0.6);
border-radius: 14px; border-radius: 14px;
padding: 6px; padding: 6px;
} }
#custom-launcher { #custom-launcher {
background-color: #1b242b; background-color: #1b242b;
color: #6a92d7; color: #6a92d7;
border-radius: 7.5px; border-radius: 7.5px;
padding: 3px 6px; /* Adjusted padding */ padding: 3px 6px; /* Adjusted padding */
} }
#custom-weather.severe { #custom-weather.severe {
color: #eb937d; color: #eb937d;
} }
#custom-weather.sunnyDay { #custom-weather.sunnyDay {
color: #c2ca76; color: #c2ca76;
} }
#custom-weather.clearNight { #custom-weather.clearNight {
color: #cad3f5; color: #cad3f5;
} }
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight { #custom-weather.cloudyFoggyNight {
color: #c2ddda; color: #c2ddda;
} }
#custom-weather.rainyDay, #custom-weather.rainyDay,
#custom-weather.rainyNight { #custom-weather.rainyNight {
color: #5aaca5; color: #5aaca5;
} }
#custom-weather.showyIcyDay, #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight { #custom-weather.snowyIcyNight {
color: #d6e7e5; color: #d6e7e5;
} }
#custom-weather.default { #custom-weather.default {
color: #dbd9d8; color: #dbd9d8;
} }
/* If workspaces is the leftmost module, omit left margin */ /* If workspaces is the leftmost module, omit left margin */
.modules-left > widget:first-child > #workspaces { .modules-left > widget:first-child > #workspaces {
margin-left: 0; margin-left: 0;
} }
/* If workspaces is the rightmost module, omit right margin */ /* If workspaces is the rightmost module, omit right margin */
.modules-right > widget:last-child > #workspaces { .modules-right > widget:last-child > #workspaces {
margin-right: 0; margin-right: 0;
} }
#pulseaudio { #pulseaudio {
color: #7d9bba; color: #7d9bba;
} }
#clock { #clock {
color: #c8d2e0; color: #c8d2e0;
border: 2px solid @blue; border: 2px solid @blue;
} }
@keyframes blink { @keyframes blink {
to { to {
background-color: rgba(30, 34, 42, 0.5); background-color: rgba(30, 34, 42, 0.5);
color: #abb2bf; color: #abb2bf;
} }
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {
color: @red; color: @red;
animation-name: blink; animation-name: blink;
animation-duration: 0.5s; animation-duration: 0.5s;
animation-timing-function: linear; animation-timing-function: linear;
animation-iteration-count: infinite; animation-iteration-count: infinite;
animation-direction: alternate; animation-direction: alternate;
} }
label:focus { label:focus {
background-color: #000000; background-color: #000000;
} }
#disk { #disk {
background-color: #964b00; background-color: #964b00;
} }
#bluetooth { #bluetooth {
color: @sapphire; color: @sapphire;
} }
#bluetooth.disconnected { #bluetooth.disconnected {
color: @red; color: @red;
} }
#network.disconnected { #network.disconnected {
color: @red; color: @red;
} }
#custom-media { #custom-media {
background-color: #66cc99; background-color: #66cc99;
color: #2a5c45; color: #2a5c45;
min-width: 100px; min-width: 100px;
} }
#custom-media.custom-spotify { #custom-media.custom-spotify {
background-color: #66cc99; background-color: #66cc99;
} }
#custom-media.custom-vlc { #custom-media.custom-vlc {
background-color: #ffa000; background-color: #ffa000;
} }
#temperature.critical { #temperature.critical {
background-color: #eb4d4b; background-color: #eb4d4b;
} }
#tray > .passive { #tray > .passive {
-gtk-icon-effect: dim; -gtk-icon-effect: dim;
} }
#tray > .needs-attention { #tray > .needs-attention {
-gtk-icon-effect: highlight; -gtk-icon-effect: highlight;
background-color: #eb4d4b; background-color: #eb4d4b;
} }
#idle_inhibitor { #idle_inhibitor {
background-color: #2d3436; background-color: #2d3436;
} }
#idle_inhibitor.activated { #idle_inhibitor.activated {
background-color: #ecf0f1; background-color: #ecf0f1;
color: #2d3436; color: #2d3436;
} }
#language { #language {
background: #00b093; background: #00b093;
color: #740864; color: #740864;
padding: 0 0px; padding: 0 0px;
margin: 0 5px; margin: 0 5px;
min-width: 16px; min-width: 16px;
} }
#keyboard-state { #keyboard-state {
background: #97e1ad; background: #97e1ad;
color: #000000; color: #000000;
padding: 0 0px; padding: 0 0px;
margin: 0 5px; margin: 0 5px;
min-width: 16px; min-width: 16px;
} }
#keyboard-state > label { #keyboard-state > label {
padding: 0 0px; padding: 0 0px;
} }
#keyboard-state > label.locked { #keyboard-state > label.locked {
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
} }