diff --git a/.config/waybar/config.jsonc b/.config/waybar/config.jsonc index 294940d..e46874b 100644 --- a/.config/waybar/config.jsonc +++ b/.config/waybar/config.jsonc @@ -9,7 +9,8 @@ "modules-center": [ "hyprland/workspaces", ], - "modules-right": ["bluetooth","pulseaudio","network","tray","backlight","battery","clock","custom/layout", "custom/exit" + "modules-right": ["custom/layout","mpd","bluetooth","pulseaudio","tray","backlight","network","clock", "battery" + ], "include": ["~/.config/waybar/modules.json"], } diff --git a/.config/waybar/modules.json b/.config/waybar/modules.json index 0eeeb00..88cbbe0 100644 --- a/.config/waybar/modules.json +++ b/.config/waybar/modules.json @@ -25,6 +25,33 @@ "*": 5 } }, + "mpd": { + "format": "{stateIcon} {consumeIcon}{randomIcon}{repeatIcon}{singleIcon}{artist} - {album} - {title} ({elapsedTime:%M:%S}/{totalTime:%M:%S}) ⸨{songPosition}|{queueLength}⸩ {volume}% ", + "format-disconnected": "Disconnected ", + "format-stopped": "no music", + "unknown-tag": "N/A", + "interval": 5, + "consume-icons": { + "on": " " + }, + "random-icons": { + "off": " ", + "on": " " + }, + "repeat-icons": { + "on": " " + }, + "single-icons": { + "on": "1 " + }, + "state-icons": { + "paused": "", + "playing": "" + }, + "tooltip-format": "MPD (connected)", + "tooltip-format-disconnected": "MPD (disconnected)" + }, + // Taskbar "wlr/taskbar": { "format": "{icon}", @@ -54,7 +81,7 @@ "separate-outputs": true }, "custom/layout": { - "exec": "./get_layout.sh", + "exec": "~/.config/waybar/get_layout.sh", "on-click": "hyprctl switchxkblayout at-translated-set-2-keyboard next", "on-click-right": "hyprctl switchxkblayout at-translated-set-2-keyboard prev", "interval": 1 @@ -209,9 +236,9 @@ "network": { "format": "{ifname}", "format-wifi": " {signalStrength}%", - "format-ethernet": " {ifname}", + "format-ethernet": " {ifname}", "format-disconnected": "Disconnected", - "tooltip-format": " {ifname} via {gwaddri}", + "tooltip-format": " {ifname} via {gwaddri}", "tooltip-format-wifi": " {ifname} @ {essid}\nIP: {ipaddr}\nStrength: {signalStrength}%\nFreq: {frequency}MHz\nUp: {bandwidthUpBits} Down: {bandwidthDownBits}", "tooltip-format-ethernet": " {ifname}\nIP: {ipaddr}\n up: {bandwidthUpBits} down: {bandwidthDownBits}", "tooltip-format-disconnected": "Disconnected", @@ -227,8 +254,8 @@ "warning": 30, "critical": 15 }, - "format": "{icon} {capacity}%", - "format-charging": " {capacity}%", + "format": "{icon} {capacity}%", + "format-charging": "🗲 {capacity}%", "format-plugged": " {capacity}%", "format-alt": "{icon} {time}", // "format-good": "", // An empty format will hide the module @@ -239,16 +266,16 @@ // Pulseaudio "pulseaudio": { // "scroll-step": 1, // %, can be a float - "format": "{icon} {volume}%", - "format-bluetooth": "{volume}% {icon} {format_source}", + "format": "{icon} {volume}%", + "format-bluetooth": "{volume}% {icon}  {format_source}", "format-bluetooth-muted": " {icon} {format_source}", "format-muted": " {format_source}", "format-source": "{volume}% ", "format-source-muted": "", "format-icons": { "headphone": " ", - "hands-free": " ", - "headset": " ", + "hands-free": " ", + "headset": " ", "phone": " ", "portable": " ", "car": " ", @@ -260,8 +287,8 @@ // Bluetooth "bluetooth": { "format": " {status}", - "format-disabled": "", - "format-off": "", + "format-disabled": "", + "format-off": "", "interval": 30, "on-click": "blueman-manager", "format-no-controller": "" diff --git a/.config/waybar/player.sh b/.config/waybar/player.sh new file mode 100644 index 0000000..e69de29 diff --git a/.config/waybar/style.css b/.config/waybar/style.css index b684a70..40affea 100644 --- a/.config/waybar/style.css +++ b/.config/waybar/style.css @@ -9,39 +9,43 @@ @define-color iconcolor #FFFFFF; /* ----------------------------------------------------- - * General - * ----------------------------------------------------- */ +* General +* ----------------------------------------------------- */ * { - font-family: "Fira", FontAwesome, Roboto, Helvetica, Arial, sans-serif; + font-family: monospace, "Fira", FontAwesome, Roboto, Helvetica, Arial, sans-serif; border: none; border-radius: 0px; } window#waybar { - background-color: rgba(0,0,0,0.4); - border-bottom: 0px solid #ffffff; + background-color: rgba(0,0,0,0); + border-bottom: 0px; /* color: #FFFFFF; */ transition-property: background-color; transition-duration: .5s; } /* ----------------------------------------------------- - * Workspaces - * ----------------------------------------------------- */ +* Workspaces +* ----------------------------------------------------- */ - #workspaces { +#workspaces { + background-color: rgba(0,0,0,.2); margin: 3px 7px 3px 3px; + padding: 0px 4px; border: 0px; font-size: 14px; color: @textcolor1; + border-radius: 16px; } #workspaces button { border: 0px; margin:4px 5px 4px 0px; - padding:0px 4px 0px 4px; + padding:0px 16px; color: @textcolor3; + border-radius: 16px; transition: all 0.5s ease-in-out; } @@ -57,13 +61,13 @@ window#waybar { } /* ----------------------------------------------------- - * Tooltips - * ----------------------------------------------------- */ +* Tooltips +* ----------------------------------------------------- */ tooltip { border-radius: 10px; background-color: @backgroundlight; - opacity:0.8; + opacity:0.8; padding:20px; margin:0px; } @@ -72,9 +76,9 @@ tooltip label { color: @textcolor2; } -/* ----------------------------------------------------- - * Window - * ----------------------------------------------------- */ +/*----------------------------------------------------- +* Window +* ----------------------------------------------------- */ #window { margin: 0px 15px 0px 0px; @@ -89,8 +93,8 @@ window#waybar.empty #window { } /* ----------------------------------------------------- - * Modules - * ----------------------------------------------------- */ +* Modules +* ----------------------------------------------------- */ .modules-left > widget:first-child > #workspaces { margin-left: 0; @@ -101,8 +105,8 @@ window#waybar.empty #window { } /* ----------------------------------------------------- - * Custom Quicklinks - * ----------------------------------------------------- */ +* Custom Quicklinks +* ----------------------------------------------------- */ #custom-brave, #custom-browser, @@ -128,6 +132,7 @@ window#waybar.empty #window { #custom-quicklink4, #custom-quicklink5, #custom-quicklink6, +#mpd #custom-quicklink7, #custom-quicklink8, #custom-quicklink9, @@ -203,10 +208,10 @@ window#waybar.empty #window { /* ----------------------------------------------------- - * Idle Inhibator - * ----------------------------------------------------- */ +* Idle Inhibator +* ----------------------------------------------------- */ - #idle_inhibitor { +#idle_inhibitor { margin-right: 15px; font-size: 16px; font-weight: bold; @@ -221,8 +226,8 @@ window#waybar.empty #window { } /* ----------------------------------------------------- - * Custom Modules - * ----------------------------------------------------- */ +* Custom Modules +* ----------------------------------------------------- */ #custom-appmenuicon { font-size: 20px; @@ -231,8 +236,8 @@ window#waybar.empty #window { } /* ----------------------------------------------------- - * Custom Exit - * ----------------------------------------------------- */ +* Custom Exit +* ----------------------------------------------------- */ #custom-exit { margin: 0px 20px 0px 0px; @@ -242,8 +247,8 @@ window#waybar.empty #window { } /* ----------------------------------------------------- - * Custom Updates - * ----------------------------------------------------- */ +* Custom Updates +* ----------------------------------------------------- */ #custom-updates { font-size: 14px; @@ -264,8 +269,8 @@ window#waybar.empty #window { } /* ----------------------------------------------------- - * Custom Youtube - * ----------------------------------------------------- */ +* Custom Youtube +* ----------------------------------------------------- */ #custom-youtube { background-color: @backgroundlight; @@ -276,10 +281,10 @@ window#waybar.empty #window { } /* ----------------------------------------------------- - * Hardware Group - * ----------------------------------------------------- */ +* Hardware Group +* ----------------------------------------------------- */ - #disk,#memory,#cpu,#language { +#disk,#memory,#cpu,#language { margin:0px; padding:0px; font-size:14px; @@ -291,8 +296,8 @@ window#waybar.empty #window { } /* ----------------------------------------------------- - * Clock - * ----------------------------------------------------- */ +* Clock +* ----------------------------------------------------- */ #clock { font-size: 15px; @@ -301,10 +306,10 @@ window#waybar.empty #window { } /* ----------------------------------------------------- - * Backlight - * ----------------------------------------------------- */ +* Backlight +* ----------------------------------------------------- */ - #backlight { +#backlight { font-size: 14px; color: @textcolor; border-radius: 15px; @@ -313,10 +318,10 @@ window#waybar.empty #window { } /* ----------------------------------------------------- - * Pulseaudio - * ----------------------------------------------------- */ +* Pulseaudio +* ----------------------------------------------------- */ - #pulseaudio { +#pulseaudio { font-size: 14px; color: @textcolor; border-radius: 15px; @@ -328,8 +333,8 @@ window#waybar.empty #window { } /* ----------------------------------------------------- - * Network - * ----------------------------------------------------- */ +* Network +* ----------------------------------------------------- */ #network { font-size: 14px; @@ -347,10 +352,10 @@ window#waybar.empty #window { } /* ----------------------------------------------------- - * Bluetooth - * ----------------------------------------------------- */ +* Bluetooth +* ----------------------------------------------------- */ - #bluetooth, #bluetooth.on, #bluetooth.connected { +#bluetooth, #bluetooth.on, #bluetooth.connected { font-size: 14px; color: @textcolor; border-radius: 15px; @@ -364,8 +369,8 @@ window#waybar.empty #window { } /* ----------------------------------------------------- - * Battery - * ----------------------------------------------------- */ +* Battery +* ----------------------------------------------------- */ #battery { font-size: 14px; @@ -379,10 +384,10 @@ window#waybar.empty #window { } @keyframes blink { - to { - background-color: @backgroundlight; - color: @textcolor2; - } +to { + background-color: @backgroundlight; + color: @textcolor2; +} } #battery.critical:not(.charging) { @@ -395,8 +400,8 @@ window#waybar.empty #window { } /* ----------------------------------------------------- - * Tray - * ----------------------------------------------------- */ +* Tray +* ----------------------------------------------------- */ #tray { margin:0px 10px 0px 0px; @@ -410,3 +415,22 @@ window#waybar.empty #window { -gtk-icon-effect: highlight; background-color: #eb4d4b; } + +/* + * ╭─────────────────────────────────────────────────────────╮ + * │ battery │ + * ╰─────────────────────────────────────────────────────────╯ +*/ +#mpd { + color: #fff; +} + +#mpd.disconnected { +} + +#mpd.stopped { +} + +#mpd.paused { +} + diff --git a/.config/waybar/style.nice.css b/.config/waybar/style.nice.css new file mode 100644 index 0000000..b684a70 --- /dev/null +++ b/.config/waybar/style.nice.css @@ -0,0 +1,412 @@ +@define-color backgroundlight #FFFFFF; +@define-color backgrounddark #FFFFFF; +@define-color workspacesbackground1 #FFFFFF; +@define-color workspacesbackground2 #CCCCCC; +@define-color bordercolor #FFFFFF; +@define-color textcolor1 #000000; +@define-color textcolor2 #000000; +@define-color textcolor3 #FFFFFF; +@define-color iconcolor #FFFFFF; + +/* ----------------------------------------------------- + * General + * ----------------------------------------------------- */ + +* { + font-family: "Fira", FontAwesome, Roboto, Helvetica, Arial, sans-serif; + border: none; + border-radius: 0px; +} + +window#waybar { + background-color: rgba(0,0,0,0.4); + border-bottom: 0px solid #ffffff; + /* color: #FFFFFF; */ + transition-property: background-color; + transition-duration: .5s; +} + +/* ----------------------------------------------------- + * Workspaces + * ----------------------------------------------------- */ + + #workspaces { + margin: 3px 7px 3px 3px; + border: 0px; + font-size: 14px; + color: @textcolor1; +} + +#workspaces button { + border: 0px; + margin:4px 5px 4px 0px; + padding:0px 4px 0px 4px; + color: @textcolor3; + transition: all 0.5s ease-in-out; +} + +#workspaces button.active { + color: @textcolor1; + background: @workspacesbackground2; +} + +#workspaces button:hover { + color: @textcolor1; + background: @workspacesbackground2; + border-radius: 15px; +} + +/* ----------------------------------------------------- + * Tooltips + * ----------------------------------------------------- */ + +tooltip { + border-radius: 10px; + background-color: @backgroundlight; + opacity:0.8; + padding:20px; + margin:0px; +} + +tooltip label { + color: @textcolor2; +} + +/* ----------------------------------------------------- + * Window + * ----------------------------------------------------- */ + +#window { + margin: 0px 15px 0px 0px; + border-radius: 12px; + color:@textcolor; + font-size:14px; + font-weight:normal; +} + +window#waybar.empty #window { + background-color:transparent; +} + +/* ----------------------------------------------------- + * Modules + * ----------------------------------------------------- */ + +.modules-left > widget:first-child > #workspaces { + margin-left: 0; +} + +.modules-right > widget:last-child > #workspaces { + margin-right: 0; +} + +/* ----------------------------------------------------- + * Custom Quicklinks + * ----------------------------------------------------- */ + +#custom-brave, +#custom-browser, +#custom-keybindings, +#custom-outlook, +#custom-filemanager, +#custom-teams, +#custom-chatgpt, +#custom-calculator, +#custom-windowsvm, +#custom-cliphist, +#custom-wallpaper, +#custom-settings, +#custom-wallpaper, +#custom-system, +#custom-hyprshade, +#custom-hypridle, +#custom-tools, +#custom-layout, +#custom-quicklink1, +#custom-quicklink2, +#custom-quicklink3, +#custom-quicklink4, +#custom-quicklink5, +#custom-quicklink6, +#custom-quicklink7, +#custom-quicklink8, +#custom-quicklink9, +#custom-quicklink10, +#custom-waybarthemes { + margin-right: 16px; + font-size: 14px; + font-weight: bold; + color: @iconcolor; +} + +#custom-tools { + margin-right:12px; +} + +#custom-hyprshade { + margin-right:12px; +} + +#custom-hypridle { + margin-right:16px; +} + +#custom-hypridle.active { + color: @iconcolor; +} + +#custom-hypridle.notactive { + color: #dc2f2f; +} + +#custom-settings { + margin-right: 15px; +} + +#custom-browser { + margin-right: 12px; +} + +#custom-wallpaper { + margin-right: 14px; +} + +#custom-chatgpt { + margin-right: 10px; + background-image: url("../assets/ai-icon-20.png"); + background-repeat: no-repeat; + background-position: center; + padding-right: 23px; +} + +#custom-waybarthemes,#custom-system { + margin-right:15px; +} + + +#custom-ml4w-welcome { + margin-right: 12px; + background-image: url("../assets/ml4w-icon.svg"); + background-position: center; + background-repeat: no-repeat; + background-size: contain; + padding-right: 20px; +} + +#custom-ml4w-hyprland-settings { + margin-right: 12px; + background-image: url("../assets/hyprland-icon-20.png"); + background-repeat: no-repeat; + background-position: center; + padding-right: 16px; +} + + +/* ----------------------------------------------------- + * Idle Inhibator + * ----------------------------------------------------- */ + + #idle_inhibitor { + margin-right: 15px; + font-size: 16px; + font-weight: bold; + color: @iconcolor; +} + +#idle_inhibitor.activated { + margin-right: 15px; + font-size: 14px; + font-weight: bold; + color: #dc2f2f; +} + +/* ----------------------------------------------------- + * Custom Modules + * ----------------------------------------------------- */ + +#custom-appmenuicon { + font-size: 20px; + color: @textcolor; + margin: 0px 15px 0px 10px; +} + +/* ----------------------------------------------------- + * Custom Exit + * ----------------------------------------------------- */ + +#custom-exit { + margin: 0px 20px 0px 0px; + padding:0px; + font-size:16px; + color: @iconcolor; +} + +/* ----------------------------------------------------- + * Custom Updates + * ----------------------------------------------------- */ + +#custom-updates { + font-size: 14px; + color: @textcolor; + border-radius: 15px; + margin: 0px 15px 0px 0px; +} + +#custom-updates.green { +} + +#custom-updates.yellow { + color: #ff9a3c; +} + +#custom-updates.red { + color: #dc2f2f; +} + +/* ----------------------------------------------------- + * Custom Youtube + * ----------------------------------------------------- */ + +#custom-youtube { + background-color: @backgroundlight; + font-size: 14px; + color: @textcolor2; + border-radius: 15px; + margin: 0px 15px 0px 0px; +} + +/* ----------------------------------------------------- + * Hardware Group + * ----------------------------------------------------- */ + + #disk,#memory,#cpu,#language { + margin:0px; + padding:0px; + font-size:14px; + color:@iconcolor; +} + +#language { + margin-right:10px; +} + +/* ----------------------------------------------------- + * Clock + * ----------------------------------------------------- */ + +#clock { + font-size: 15px; + color: @textcolor; + margin: 0px 15px 0px 0px; +} + +/* ----------------------------------------------------- + * Backlight + * ----------------------------------------------------- */ + + #backlight { + font-size: 14px; + color: @textcolor; + border-radius: 15px; + margin: 0px 15px 0px 0px; + background-color: transparent; +} + +/* ----------------------------------------------------- + * Pulseaudio + * ----------------------------------------------------- */ + + #pulseaudio { + font-size: 14px; + color: @textcolor; + border-radius: 15px; + margin: 0px 15px 0px 0px; +} + +#pulseaudio.muted { + color: @textcolor; +} + +/* ----------------------------------------------------- + * Network + * ----------------------------------------------------- */ + +#network { + font-size: 14px; + color: @textcolor; + border-radius: 15px; + margin: 0px 15px 0px 0px; +} + +#network.ethernet { + color: @textcolor; +} + +#network.wifi { + color: @textcolor; +} + +/* ----------------------------------------------------- + * Bluetooth + * ----------------------------------------------------- */ + + #bluetooth, #bluetooth.on, #bluetooth.connected { + font-size: 14px; + color: @textcolor; + border-radius: 15px; + margin: 10px 15px 10px 0px; +} + +#bluetooth.off { + background-color: transparent; + padding: 0px; + margin: 0px; +} + +/* ----------------------------------------------------- + * Battery + * ----------------------------------------------------- */ + +#battery { + font-size: 14px; + color: @textcolor; + border-radius: 15px; + margin: 10px 15px 10px 0px; +} + +#battery.charging, #battery.plugged { + color: @textcolor; +} + +@keyframes blink { + to { + background-color: @backgroundlight; + color: @textcolor2; + } +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +/* ----------------------------------------------------- + * Tray + * ----------------------------------------------------- */ + +#tray { + margin:0px 10px 0px 0px; +} + +#tray > .passive { + -gtk-icon-effect: dim; +} + +#tray > .needs-attention { + -gtk-icon-effect: highlight; + background-color: #eb4d4b; +} diff --git a/.config/waybar/style.simple.css b/.config/waybar/style.simple.css new file mode 100644 index 0000000..b684a70 --- /dev/null +++ b/.config/waybar/style.simple.css @@ -0,0 +1,412 @@ +@define-color backgroundlight #FFFFFF; +@define-color backgrounddark #FFFFFF; +@define-color workspacesbackground1 #FFFFFF; +@define-color workspacesbackground2 #CCCCCC; +@define-color bordercolor #FFFFFF; +@define-color textcolor1 #000000; +@define-color textcolor2 #000000; +@define-color textcolor3 #FFFFFF; +@define-color iconcolor #FFFFFF; + +/* ----------------------------------------------------- + * General + * ----------------------------------------------------- */ + +* { + font-family: "Fira", FontAwesome, Roboto, Helvetica, Arial, sans-serif; + border: none; + border-radius: 0px; +} + +window#waybar { + background-color: rgba(0,0,0,0.4); + border-bottom: 0px solid #ffffff; + /* color: #FFFFFF; */ + transition-property: background-color; + transition-duration: .5s; +} + +/* ----------------------------------------------------- + * Workspaces + * ----------------------------------------------------- */ + + #workspaces { + margin: 3px 7px 3px 3px; + border: 0px; + font-size: 14px; + color: @textcolor1; +} + +#workspaces button { + border: 0px; + margin:4px 5px 4px 0px; + padding:0px 4px 0px 4px; + color: @textcolor3; + transition: all 0.5s ease-in-out; +} + +#workspaces button.active { + color: @textcolor1; + background: @workspacesbackground2; +} + +#workspaces button:hover { + color: @textcolor1; + background: @workspacesbackground2; + border-radius: 15px; +} + +/* ----------------------------------------------------- + * Tooltips + * ----------------------------------------------------- */ + +tooltip { + border-radius: 10px; + background-color: @backgroundlight; + opacity:0.8; + padding:20px; + margin:0px; +} + +tooltip label { + color: @textcolor2; +} + +/* ----------------------------------------------------- + * Window + * ----------------------------------------------------- */ + +#window { + margin: 0px 15px 0px 0px; + border-radius: 12px; + color:@textcolor; + font-size:14px; + font-weight:normal; +} + +window#waybar.empty #window { + background-color:transparent; +} + +/* ----------------------------------------------------- + * Modules + * ----------------------------------------------------- */ + +.modules-left > widget:first-child > #workspaces { + margin-left: 0; +} + +.modules-right > widget:last-child > #workspaces { + margin-right: 0; +} + +/* ----------------------------------------------------- + * Custom Quicklinks + * ----------------------------------------------------- */ + +#custom-brave, +#custom-browser, +#custom-keybindings, +#custom-outlook, +#custom-filemanager, +#custom-teams, +#custom-chatgpt, +#custom-calculator, +#custom-windowsvm, +#custom-cliphist, +#custom-wallpaper, +#custom-settings, +#custom-wallpaper, +#custom-system, +#custom-hyprshade, +#custom-hypridle, +#custom-tools, +#custom-layout, +#custom-quicklink1, +#custom-quicklink2, +#custom-quicklink3, +#custom-quicklink4, +#custom-quicklink5, +#custom-quicklink6, +#custom-quicklink7, +#custom-quicklink8, +#custom-quicklink9, +#custom-quicklink10, +#custom-waybarthemes { + margin-right: 16px; + font-size: 14px; + font-weight: bold; + color: @iconcolor; +} + +#custom-tools { + margin-right:12px; +} + +#custom-hyprshade { + margin-right:12px; +} + +#custom-hypridle { + margin-right:16px; +} + +#custom-hypridle.active { + color: @iconcolor; +} + +#custom-hypridle.notactive { + color: #dc2f2f; +} + +#custom-settings { + margin-right: 15px; +} + +#custom-browser { + margin-right: 12px; +} + +#custom-wallpaper { + margin-right: 14px; +} + +#custom-chatgpt { + margin-right: 10px; + background-image: url("../assets/ai-icon-20.png"); + background-repeat: no-repeat; + background-position: center; + padding-right: 23px; +} + +#custom-waybarthemes,#custom-system { + margin-right:15px; +} + + +#custom-ml4w-welcome { + margin-right: 12px; + background-image: url("../assets/ml4w-icon.svg"); + background-position: center; + background-repeat: no-repeat; + background-size: contain; + padding-right: 20px; +} + +#custom-ml4w-hyprland-settings { + margin-right: 12px; + background-image: url("../assets/hyprland-icon-20.png"); + background-repeat: no-repeat; + background-position: center; + padding-right: 16px; +} + + +/* ----------------------------------------------------- + * Idle Inhibator + * ----------------------------------------------------- */ + + #idle_inhibitor { + margin-right: 15px; + font-size: 16px; + font-weight: bold; + color: @iconcolor; +} + +#idle_inhibitor.activated { + margin-right: 15px; + font-size: 14px; + font-weight: bold; + color: #dc2f2f; +} + +/* ----------------------------------------------------- + * Custom Modules + * ----------------------------------------------------- */ + +#custom-appmenuicon { + font-size: 20px; + color: @textcolor; + margin: 0px 15px 0px 10px; +} + +/* ----------------------------------------------------- + * Custom Exit + * ----------------------------------------------------- */ + +#custom-exit { + margin: 0px 20px 0px 0px; + padding:0px; + font-size:16px; + color: @iconcolor; +} + +/* ----------------------------------------------------- + * Custom Updates + * ----------------------------------------------------- */ + +#custom-updates { + font-size: 14px; + color: @textcolor; + border-radius: 15px; + margin: 0px 15px 0px 0px; +} + +#custom-updates.green { +} + +#custom-updates.yellow { + color: #ff9a3c; +} + +#custom-updates.red { + color: #dc2f2f; +} + +/* ----------------------------------------------------- + * Custom Youtube + * ----------------------------------------------------- */ + +#custom-youtube { + background-color: @backgroundlight; + font-size: 14px; + color: @textcolor2; + border-radius: 15px; + margin: 0px 15px 0px 0px; +} + +/* ----------------------------------------------------- + * Hardware Group + * ----------------------------------------------------- */ + + #disk,#memory,#cpu,#language { + margin:0px; + padding:0px; + font-size:14px; + color:@iconcolor; +} + +#language { + margin-right:10px; +} + +/* ----------------------------------------------------- + * Clock + * ----------------------------------------------------- */ + +#clock { + font-size: 15px; + color: @textcolor; + margin: 0px 15px 0px 0px; +} + +/* ----------------------------------------------------- + * Backlight + * ----------------------------------------------------- */ + + #backlight { + font-size: 14px; + color: @textcolor; + border-radius: 15px; + margin: 0px 15px 0px 0px; + background-color: transparent; +} + +/* ----------------------------------------------------- + * Pulseaudio + * ----------------------------------------------------- */ + + #pulseaudio { + font-size: 14px; + color: @textcolor; + border-radius: 15px; + margin: 0px 15px 0px 0px; +} + +#pulseaudio.muted { + color: @textcolor; +} + +/* ----------------------------------------------------- + * Network + * ----------------------------------------------------- */ + +#network { + font-size: 14px; + color: @textcolor; + border-radius: 15px; + margin: 0px 15px 0px 0px; +} + +#network.ethernet { + color: @textcolor; +} + +#network.wifi { + color: @textcolor; +} + +/* ----------------------------------------------------- + * Bluetooth + * ----------------------------------------------------- */ + + #bluetooth, #bluetooth.on, #bluetooth.connected { + font-size: 14px; + color: @textcolor; + border-radius: 15px; + margin: 10px 15px 10px 0px; +} + +#bluetooth.off { + background-color: transparent; + padding: 0px; + margin: 0px; +} + +/* ----------------------------------------------------- + * Battery + * ----------------------------------------------------- */ + +#battery { + font-size: 14px; + color: @textcolor; + border-radius: 15px; + margin: 10px 15px 10px 0px; +} + +#battery.charging, #battery.plugged { + color: @textcolor; +} + +@keyframes blink { + to { + background-color: @backgroundlight; + color: @textcolor2; + } +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +/* ----------------------------------------------------- + * Tray + * ----------------------------------------------------- */ + +#tray { + margin:0px 10px 0px 0px; +} + +#tray > .passive { + -gtk-icon-effect: dim; +} + +#tray > .needs-attention { + -gtk-icon-effect: highlight; + background-color: #eb4d4b; +}