forked from nico/dots
waybar: update to new bar
it like actually boots with hyprland this time
This commit is contained in:
parent
104a0ccd4a
commit
06be0e2030
3 changed files with 536 additions and 366 deletions
|
|
@ -51,5 +51,6 @@
|
||||||
brightnessctl
|
brightnessctl
|
||||||
helvum
|
helvum
|
||||||
ulauncher
|
ulauncher
|
||||||
|
playerctl
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,215 +1,188 @@
|
||||||
// waybar taken from: https://github.com/gmr458/.dotfiles/tree/main/waybar/.config/waybar
|
// MIT License
|
||||||
|
// Copyright (c) 2024 LightCrimson
|
||||||
|
// https://github.com/yurihikari/garuda-hyprdots
|
||||||
|
//
|
||||||
|
// Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
// of this software and associated documentation files (the "Software"), to deal
|
||||||
|
// in the Software without restriction, including without limitation the rights
|
||||||
|
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
// copies of the Software, and to permit persons to whom the Software is
|
||||||
|
// furnished to do so, subject to the following conditions:
|
||||||
|
//
|
||||||
|
// The above copyright notice and this permission notice shall be included in all
|
||||||
|
// copies or substantial portions of the Software.
|
||||||
|
//
|
||||||
|
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||||
|
// SOFTWARE.
|
||||||
|
|
||||||
{
|
{
|
||||||
"layer": "top",
|
"layer": "top", // Waybar at top layer
|
||||||
"position": "left",
|
"position": "top", // Waybar position (top|bottom|left|right)
|
||||||
"width": 24,
|
"height": 30,
|
||||||
"margin-top": 0,
|
"margin": "0 0 0 0",
|
||||||
"margin-bottom": 0,
|
//"width": 1350, // Waybar width
|
||||||
"margin-left": 0,
|
// Choose the order of the modules idle_inhibitor
|
||||||
"margin-right": 0,
|
"modules-left": [
|
||||||
"spacing": 0,
|
"custom/media",
|
||||||
"gtk-layer-shell": true,
|
"hyprland/workspaces",
|
||||||
"modules-left": [
|
"tray"
|
||||||
"custom/notification",
|
],
|
||||||
// "backlight/slider",
|
"modules-center": ["clock"],
|
||||||
"backlight",
|
"modules-right": [
|
||||||
"pulseaudio/slider",
|
"wireplumber",
|
||||||
"pulseaudio#audio",
|
"backlight",
|
||||||
"network"
|
"battery",
|
||||||
// "bluetooth"
|
"network",
|
||||||
],
|
"custom/power"
|
||||||
"custom/notification": {
|
],
|
||||||
"tooltip": false,
|
|
||||||
"format": "{icon}",
|
// Modules configuration
|
||||||
"format-icons": {
|
|
||||||
"notification": "",
|
"hyprland/workspaces": {
|
||||||
"none": "",
|
"disable-scroll": true,
|
||||||
"dnd-notification": "",
|
"all-outputs": true,
|
||||||
"dnd-none": "",
|
"format": "{icon}",
|
||||||
"inhibited-notification": "",
|
// "format": "< %g >",
|
||||||
"inhibited-none": "",
|
// "format_focused" : "< %g ● >",
|
||||||
"dnd-inhibited-notification": "",
|
"format-icons": {
|
||||||
"dnd-inhibited-none": ""
|
"1": "1",
|
||||||
},
|
"2": "2",
|
||||||
"return-type": "json",
|
"3": "3",
|
||||||
"exec-if": "which swaync-client",
|
"4": "4",
|
||||||
"exec": "swaync-client -swb",
|
"5": "5",
|
||||||
"on-click": "swaync-client -t -sw",
|
"6": "6",
|
||||||
"on-click-right": "swaync-client -d -sw",
|
"7": "7",
|
||||||
"escape": true
|
"8": "8",
|
||||||
},
|
"9": "9",
|
||||||
// "backlight/slider": {
|
"10": "10"
|
||||||
// "min": 1,
|
|
||||||
// "max": 100,
|
|
||||||
// "orientation": "vertical"
|
|
||||||
// },
|
|
||||||
"backlight": {
|
|
||||||
"format": "{icon}",
|
|
||||||
"format-icons": [""],
|
|
||||||
"on-scroll-up": "brightnessctl set +5%",
|
|
||||||
"on-scroll-down": "brightnessctl set 5%-",
|
|
||||||
"on-click": "",
|
|
||||||
"tooltip": true,
|
|
||||||
"tooltip-format": "{percent}%"
|
|
||||||
},
|
|
||||||
"pulseaudio/slider": {
|
|
||||||
"min": 0,
|
|
||||||
"max": 100,
|
|
||||||
"orientation": "vertical"
|
|
||||||
},
|
|
||||||
"pulseaudio#audio": {
|
|
||||||
"format": "{icon}",
|
|
||||||
"format-bluetooth": "\n{icon}",
|
|
||||||
"format-bluetooth-muted": "\n",
|
|
||||||
"format-muted": "",
|
|
||||||
"format-icons": {
|
|
||||||
"headphone": "",
|
|
||||||
"hands-free": "",
|
|
||||||
"headset": "",
|
|
||||||
"phone": "",
|
|
||||||
"portable": "",
|
|
||||||
"car": "",
|
|
||||||
"default": ["", "", ""]
|
|
||||||
},
|
|
||||||
"on-click": "pactl set-sink-mute @DEFAULT_SINK@ toggle",
|
|
||||||
"on-scroll-up": "pactl set-sink-volume @DEFAULT_SINK@ +1%",
|
|
||||||
"on-scroll-down": "pactl set-sink-volume @DEFAULT_SINK@ -1%",
|
|
||||||
"tooltip": true,
|
|
||||||
"tooltip-format": "{icon} {desc} {volume}%"
|
|
||||||
},
|
|
||||||
"pulseaudio#microphone": {
|
|
||||||
"format": "{format_source}",
|
|
||||||
"format-source": " {volume}%",
|
|
||||||
"format-source-muted": " {volume}%",
|
|
||||||
"on-click": "pactl set-source-mute @DEFAULT_SOURCE@ toggle",
|
|
||||||
"on-scroll-up": "pactl set-source-volume @DEFAULT_SOURCE@ +1%",
|
|
||||||
"on-scroll-down": "pactl set-source-volume @DEFAULT_SOURCE@ -1%",
|
|
||||||
"max-volume": 100,
|
|
||||||
"tooltip": false
|
|
||||||
},
|
|
||||||
"network": {
|
|
||||||
"interval": 1,
|
|
||||||
"interface": "wlo1",
|
|
||||||
"format-icons": ["", "", "", "", ""],
|
|
||||||
"format-wifi": "{icon}",
|
|
||||||
"format-disconnected": "",
|
|
||||||
"on-click": "nm-connection-editor",
|
|
||||||
"tooltip": true,
|
|
||||||
"tooltip-format": " {ifname}\n {ipaddr}/{cidr}\n{icon} {essid}\n {signalStrength}% {signaldBm} dBm {frequency} MHz\n {bandwidthDownBytes}\n {bandwidthUpBytes}"
|
|
||||||
},
|
|
||||||
"bluetooth": {
|
|
||||||
"format-disabled": "",
|
|
||||||
"format-off": "",
|
|
||||||
"format-on": "",
|
|
||||||
"format-connected": "",
|
|
||||||
"format-connected-battery": "",
|
|
||||||
"tooltip-format-connected": "{device_enumerate}",
|
|
||||||
"tooltip-format-enumerate-connected": "{device_alias} {device_battery_percentage}% {device_address}",
|
|
||||||
"on-click": "blueman-manager",
|
|
||||||
"tooltip": true
|
|
||||||
},
|
|
||||||
"modules-center": [
|
|
||||||
"hyprland/workspaces",
|
|
||||||
"hyprland/submap",
|
|
||||||
"sway/workspaces",
|
|
||||||
"sway/mode"
|
|
||||||
],
|
|
||||||
"hyprland/workspaces": {
|
|
||||||
"format": "{icon}",
|
|
||||||
"format-icons": {
|
|
||||||
"1": "1",
|
|
||||||
"2": "2",
|
|
||||||
"3": "3",
|
|
||||||
"4": "4",
|
|
||||||
"5": "5",
|
|
||||||
"6": "6",
|
|
||||||
"7": "7",
|
|
||||||
"8": "8",
|
|
||||||
"9": "9",
|
|
||||||
"default": "1"
|
|
||||||
},
|
|
||||||
"on-click": "activate"
|
|
||||||
},
|
|
||||||
"hyprland/submap": {
|
|
||||||
"format": "{}",
|
|
||||||
"tooltip": false
|
|
||||||
},
|
|
||||||
"hyprland/window": {
|
|
||||||
"format": " <span font_desc='Iosevka Raven 12'>{:.40}</span> ",
|
|
||||||
"separate-outputs": false
|
|
||||||
},
|
|
||||||
"sway/workspaces": {
|
|
||||||
"format": "{icon}",
|
|
||||||
"format-icons": {
|
|
||||||
"1": "1",
|
|
||||||
"2": "2",
|
|
||||||
"3": "3",
|
|
||||||
"4": "4",
|
|
||||||
"5": "5",
|
|
||||||
"6": "6",
|
|
||||||
"7": "7",
|
|
||||||
"8": "8",
|
|
||||||
"9": "9",
|
|
||||||
"default": "1"
|
|
||||||
},
|
|
||||||
"on-click": "activate"
|
|
||||||
},
|
|
||||||
"sway/mode": {
|
|
||||||
"format": "{}",
|
|
||||||
"tooltip": false
|
|
||||||
},
|
|
||||||
"wlr/taskbar": {
|
|
||||||
"format": "{icon}",
|
|
||||||
"active-first": true
|
|
||||||
},
|
|
||||||
"modules-right": [
|
|
||||||
// "pulseaudio#microphone",
|
|
||||||
// "battery"
|
|
||||||
"tray",
|
|
||||||
"memory",
|
|
||||||
"cpu",
|
|
||||||
"clock"
|
|
||||||
],
|
|
||||||
"tray": {
|
|
||||||
"icon-size": 14,
|
|
||||||
"spacing": 8
|
|
||||||
},
|
|
||||||
"cpu": {
|
|
||||||
"format": "",
|
|
||||||
"on-click": "",
|
|
||||||
"tooltip": true
|
|
||||||
},
|
|
||||||
"memory": {
|
|
||||||
"format": "",
|
|
||||||
"tooltip-format": " Total: {total:0.1f}GB, Avail: {avail:0.1f}GB, Used: {used:0.1f}GB ({percentage}%)\n Total: {swapTotal:0.1f}GB, Avail: {swapAvail:0.1f}GB, Used: {swapUsed:0.1f}GB ({swapPercentage}%)",
|
|
||||||
"on-click": "",
|
|
||||||
"tooltip": true
|
|
||||||
},
|
|
||||||
"battery": {
|
|
||||||
"states": {
|
|
||||||
"warning": 30,
|
|
||||||
"critical": 15
|
|
||||||
},
|
|
||||||
"format": "{icon} {capacity}%",
|
|
||||||
"format-charging": " {capacity}%",
|
|
||||||
"format-plugged": " {capacity}%",
|
|
||||||
"format-icons": ["", "", "", "", "", "", "", "", "", ""],
|
|
||||||
"on-click": "",
|
|
||||||
"tooltip": false
|
|
||||||
},
|
|
||||||
"clock": {
|
|
||||||
"interval": 1,
|
|
||||||
"format": "\n{:%I\n%M\n}",
|
|
||||||
"format-alt": "\n{:%d\n%m\n%y\n\n%I\n%M\n}",
|
|
||||||
"tooltip": true,
|
|
||||||
"tooltip-format": "{calendar}",
|
|
||||||
"calendar": {
|
|
||||||
"mode": "year",
|
|
||||||
"mode-mon-col": 3,
|
|
||||||
"format": {
|
|
||||||
"today": "<span color='#0dbc79'>{}</span>"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
"custom/media": {
|
||||||
|
// "format": "{format}",
|
||||||
|
"max-length": 40,
|
||||||
|
"escape": true,
|
||||||
|
"exec": "playerctl metadata title -F"
|
||||||
|
},
|
||||||
|
"sway/mode": {
|
||||||
|
"format": "<span style=\"italic\">{}</span>"
|
||||||
|
},
|
||||||
|
"sway/window": {
|
||||||
|
"format": "~ {app_id}"
|
||||||
|
},
|
||||||
|
"idle_inhibitor": {
|
||||||
|
"format": "{icon}",
|
||||||
|
"format-icons": {
|
||||||
|
"activated": "",
|
||||||
|
"deactivated": ""
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"tray": {
|
||||||
|
"icon-size": 14,
|
||||||
|
"spacing": 5
|
||||||
|
},
|
||||||
|
"clock": {
|
||||||
|
"tooltip-format": "<tt><small>{calendar}</small></tt>",
|
||||||
|
"calendar": {
|
||||||
|
"mode": "month",
|
||||||
|
"mode-mon-col": 3,
|
||||||
|
"weeks-pos": "right",
|
||||||
|
"on-scroll": 1,
|
||||||
|
"on-click-right": "mode",
|
||||||
|
"format": {
|
||||||
|
"months": "<span color='#ffead3'><b>{}</b></span>",
|
||||||
|
"days": "<span color='#ecc6d9'><b>{}</b></span>",
|
||||||
|
"weeks": "<span color='#99ffdd'><b>W{}</b></span>",
|
||||||
|
"weekdays": "<span color='#ffcc66'><b>{}</b></span>",
|
||||||
|
"today": "<span color='#ff6699'><b><u>{}</u></b></span>"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"actions": {
|
||||||
|
"on-click-right": "mode",
|
||||||
|
"on-click-forward": "tz_up",
|
||||||
|
"on-click-backward": "tz_down",
|
||||||
|
"on-scroll-up": "shift_up",
|
||||||
|
"on-scroll-down": "shift_down"
|
||||||
|
},
|
||||||
|
"format": " {:%a %d %b %I:%M %p}", //12 hour format
|
||||||
|
// "format": " {:%d %m %Y %H:%M}", //24 hour format
|
||||||
|
"format-alt": " {:%d/%m/%Y %H:%M:%S}",
|
||||||
|
// //"timezones": [ "Kolkata" ],
|
||||||
|
// //"max-length": 200
|
||||||
|
"interval": 1
|
||||||
|
},
|
||||||
|
// "clock": {
|
||||||
|
// "format": " {:%H:%M:%S}",
|
||||||
|
// "format-alt": " {:%A, %B %d, %Y (%R)}",
|
||||||
|
// "tooltip-format": "<tt><small>{calendar}</small></tt>",
|
||||||
|
// "calendar": {
|
||||||
|
// "mode" : "month",
|
||||||
|
// "mode-mon-col" : 3,
|
||||||
|
// "weeks-pos" : "right",
|
||||||
|
// "on-scroll" : 1,
|
||||||
|
// "on-click-right": "mode",
|
||||||
|
// "format": {
|
||||||
|
// "months": "<span color='#ffead3'><b>{}</b></span>",
|
||||||
|
// "days": "<span color='#ecc6d9'><b>{}</b></span>",
|
||||||
|
// "weeks": "<span color='#99ffdd'><b>W{}</b></span>",
|
||||||
|
// "weekdays": "<span color='#ffcc66'><b>{}</b></span>",
|
||||||
|
// "today": "<span color='#ff6699'><b><u>{}</u></b></span>"
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// "actions": {
|
||||||
|
// "on-click-right": "mode",
|
||||||
|
// "on-click-forward": "tz_up",
|
||||||
|
// "on-click-backward": "tz_down",
|
||||||
|
// "on-scroll-up": "shift_up",
|
||||||
|
// "on-scroll-down": "shift_down"
|
||||||
|
// },
|
||||||
|
// "interval": 1
|
||||||
|
// },
|
||||||
|
"cpu": {
|
||||||
|
"format": " {usage: >3}%",
|
||||||
|
"on-click": "alacritty -e htop"
|
||||||
|
},
|
||||||
|
"battery": {
|
||||||
|
"states": {
|
||||||
|
// "good": 95,
|
||||||
|
"warning": 30,
|
||||||
|
"critical": 15
|
||||||
|
},
|
||||||
|
"format": "{icon} {capacity: >3}%",
|
||||||
|
// "format-good": "", // An empty format will hide the module
|
||||||
|
// "format-full": "",
|
||||||
|
"format-icons": ["", "", "", "", ""]
|
||||||
|
//"format-icons": ["", "", "", "", "", "", "", "", "", ""]
|
||||||
|
},
|
||||||
|
"backlight": {
|
||||||
|
// "device": "acpi_video1",
|
||||||
|
"format": "{percent}% {icon}",
|
||||||
|
"format-icons": ["", "", "", "", "", "", "", "", ""]
|
||||||
|
},
|
||||||
|
"network": {
|
||||||
|
// "interface": "wlp2s0", // (Optional) To force the use of this interface
|
||||||
|
"format": "⚠ Disabled",
|
||||||
|
//"format-wifi": " {essid}",
|
||||||
|
"format-wifi": " Connected",
|
||||||
|
// "format-ethernet": " {ifname}: {ipaddr}/{cidr}",
|
||||||
|
"format-ethernet": " Wired",
|
||||||
|
"format-disconnected": "⚠ Disconnected",
|
||||||
|
// "on-click": "alacritty -e nmtui"
|
||||||
|
"on-click": "kitty -e nm-tui"
|
||||||
|
},
|
||||||
|
"wireplumber": {
|
||||||
|
"format": "{volume}% {icon}",
|
||||||
|
"format-muted": "",
|
||||||
|
"on-click": "helvum",
|
||||||
|
"format-icons": ["", "", ""]
|
||||||
|
},
|
||||||
|
"custom/power": {
|
||||||
|
"format": "⏻",
|
||||||
|
"on-click": "poweroff", // just dont accidentally press this..
|
||||||
|
"tooltip": false
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,204 +1,400 @@
|
||||||
@define-color white #F2F2F2;
|
@define-color white #F2F2F2;
|
||||||
@define-color black #000203;
|
@define-color black #000203;
|
||||||
|
@define-color background #000203;
|
||||||
@define-color text #BECBCB;
|
@define-color text #BECBCB;
|
||||||
@define-color lightgray #686868;
|
@define-color lightgray #686868;
|
||||||
@define-color darkgray #353535;
|
@define-color darkgray #353535;
|
||||||
@define-color red #F38BA8;
|
@define-color red #F38BA8;
|
||||||
|
|
||||||
@define-color black-transparent-1 rgba(0, 0, 0, 0.1);
|
|
||||||
@define-color black-transparent-2 rgba(0, 0, 0, 0.2);
|
/* MIT License
|
||||||
@define-color black-transparent-3 rgba(0, 0, 0, 0.3);
|
Copyright (c) 2024 LightCrimson
|
||||||
@define-color black-transparent-4 rgba(0, 0, 0, 0.4);
|
https://github.com/yurihikari/garuda-hyprdots
|
||||||
@define-color black-transparent-5 rgba(0, 0, 0, 0.5);
|
|
||||||
@define-color black-transparent-6 rgba(0, 0, 0, 0.6);
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
@define-color black-transparent-7 rgba(0, 0, 0, 0.7);
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
@define-color black-transparent-8 rgba(0, 0, 0, 0.8);
|
in the Software without restriction, including without limitation the rights
|
||||||
@define-color black-transparent-9 rgba(0, 0, 0, 0.9);
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
@define-color black-solid rgba(0, 0, 0, 1.0);
|
copies of the Software, and to permit persons to whom the Software is
|
||||||
|
furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all
|
||||||
|
copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||||
|
SOFTWARE. */
|
||||||
|
|
||||||
* {
|
* {
|
||||||
font-family:
|
color: @lavender;
|
||||||
Iosevka,
|
border: 0;
|
||||||
Material Design Icons Desktop;
|
padding: 0 0;
|
||||||
font-size: 13px;
|
font-family: UbuntuMono;
|
||||||
padding: 0;
|
/* font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
|
||||||
margin: 0;
|
/* font-family: "Hack Nerd Font"; */
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
/* padding-bottom:4px;
|
||||||
|
padding-top: 4px; */
|
||||||
}
|
}
|
||||||
|
|
||||||
window#waybar {
|
window#waybar {
|
||||||
background-color: @black-transparent-9;
|
border: 0px solid rgba(0, 0, 0, 0);
|
||||||
color: @text;
|
/* border-radius: 10px; */
|
||||||
border-radius: 0;
|
/* background:#2d2a2e; */
|
||||||
}
|
/* background-color: rgba(36, 39, 58, 0.85); */
|
||||||
|
/*background-color: rgba(0, 0, 0, 0); */
|
||||||
tooltip {
|
background-color: @background;
|
||||||
background: @black-solid;
|
/* background-color: shade(#1e1e2e, 0.95); */
|
||||||
border: 1px solid @darkgray;
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
tooltip label {
|
|
||||||
color: @text;
|
|
||||||
}
|
|
||||||
|
|
||||||
#workspaces {
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#workspaces button {
|
#workspaces button {
|
||||||
background-color: transparent;
|
color: @background;
|
||||||
color: @lightgray;
|
border-radius: 50%;
|
||||||
transition: all 0.3s ease;
|
/* background-color: @background; */
|
||||||
|
margin: 0px 0px;
|
||||||
|
padding: 4 6 2 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#workspaces button:hover {
|
#workspaces button:hover {
|
||||||
box-shadow: inherit;
|
color: @red;
|
||||||
text-shadow: inherit;
|
box-shadow: none;
|
||||||
background: transparent;
|
/* Remove predefined box-shadow */
|
||||||
border: 1px solid rgba(0, 0, 0, 0);
|
text-shadow: none;
|
||||||
color: @white;
|
/* Remove predefined text-shadow */
|
||||||
transition: all 0.3s ease;
|
border: 0px;
|
||||||
|
background: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#workspaces button.focused,
|
#workspaces button:hover * {
|
||||||
#workspaces button.active {
|
color: @red;
|
||||||
color: @white;
|
background-color: @background;
|
||||||
transition: all 0.3s ease;
|
|
||||||
animation: colored-gradient 10s ease infinite;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#workspaces button.urgent {
|
#workspaces * {
|
||||||
background-color: @red;
|
color: whitesmoke;
|
||||||
color: @black;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* -------------------------------------------------------------------------------- */
|
#workspaces {
|
||||||
|
border-style: solid;
|
||||||
|
background-color: @background;
|
||||||
|
opacity: 1;
|
||||||
|
border-radius: 10px;
|
||||||
|
margin: 8px 0px 8px 8px;
|
||||||
|
}
|
||||||
|
|
||||||
#submap,
|
#workspaces button.focused {
|
||||||
#mode,
|
color: @red;
|
||||||
#tray,
|
border-radius: 20px;
|
||||||
|
/* background-color: @flamingo; */
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces button.focused * {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mode {
|
||||||
|
color: #ebcb8b;
|
||||||
|
}
|
||||||
|
|
||||||
|
#clock,
|
||||||
|
#custom-swap,
|
||||||
|
#custom-cava-internal,
|
||||||
|
#battery,
|
||||||
#cpu,
|
#cpu,
|
||||||
#memory,
|
#memory,
|
||||||
|
#idle_inhibitor,
|
||||||
|
#temperature,
|
||||||
|
#custom-keyboard-layout,
|
||||||
#backlight,
|
#backlight,
|
||||||
#pulseaudio.audio,
|
#network,
|
||||||
#pulseaudio.microphone,
|
#pulseaudio,
|
||||||
#network.wlo1,
|
#mode,
|
||||||
#network.eno1,
|
#tray,
|
||||||
#bluetooth,
|
#custom-power,
|
||||||
#battery,
|
#custom-pacman,
|
||||||
#clock,
|
|
||||||
#mpd,
|
|
||||||
#custom-media,
|
#custom-media,
|
||||||
#custom-notification {
|
#mpd {
|
||||||
background-color: transparent;
|
padding: 5px 8px;
|
||||||
color: @text;
|
border-style: solid;
|
||||||
margin-top: 4px;
|
background-color: shade(@background, 1);
|
||||||
margin-bottom: 4px;
|
opacity: 1;
|
||||||
margin-left: 0;
|
margin: 8px 0;
|
||||||
margin-right: 0;
|
|
||||||
border-radius: 20px;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#submap {
|
/* -----------------------------------------------------------------------------
|
||||||
border: 0;
|
* Module styles
|
||||||
|
* -------------------------------------------------------------------------- */
|
||||||
|
#mpd {
|
||||||
|
border-radius: 10px;
|
||||||
|
color: @red;
|
||||||
|
margin-left: 5px;
|
||||||
|
background-color: rgba(0, 0, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* -------------------------------------------------------------------------------- */
|
#mpd.2 {
|
||||||
|
border-radius: 10px 0px 0px 10px;
|
||||||
/* If workspaces is the leftmost module, omit left margin */
|
margin: 8px 0px 8px 6px;
|
||||||
.modules-left > widget:first-child > #workspaces button,
|
padding: 4px 12px 4px 10px;
|
||||||
.modules-left > widget:first-child > #tray,
|
|
||||||
.modules-left > widget:first-child > #cpu,
|
|
||||||
.modules-left > widget:first-child > #memory,
|
|
||||||
.modules-left > widget:first-child > #backlight,
|
|
||||||
.modules-left > widget:first-child > #pulseaudio.audio,
|
|
||||||
.modules-left > widget:first-child > #pulseaudio.microphone,
|
|
||||||
.modules-left > widget:first-child > #network.wlo1,
|
|
||||||
.modules-left > widget:first-child > #network.eno1,
|
|
||||||
.modules-left > widget:first-child > #bluetooth,
|
|
||||||
.modules-left > widget:first-child > #battery,
|
|
||||||
.modules-left > widget:first-child > #clock,
|
|
||||||
.modules-left > widget:first-child > #custom-notification {
|
|
||||||
margin-top: 4px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.modules-right > widget:last-child > #workspaces button,
|
#mpd.3 {
|
||||||
.modules-right > widget:last-child > #tray,
|
border-radius: 0px 0px 0px 0px;
|
||||||
.modules-right > widget:last-child > #cpu,
|
margin: 8px 0px 8px 0px;
|
||||||
.modules-right > widget:last-child > #memory,
|
padding: 4px;
|
||||||
.modules-right > widget:last-child > #backlight,
|
|
||||||
.modules-right > widget:last-child > #pulseaudio.audio,
|
|
||||||
.modules-right > widget:last-child > #pulseaudio.microphone,
|
|
||||||
.modules-right > widget:last-child > #network.wlo1,
|
|
||||||
.modules-right > widget:last-child > #network.eno1,
|
|
||||||
.modules-right > widget:last-child > #bluetooth,
|
|
||||||
.modules-right > widget:last-child > #battery,
|
|
||||||
.modules-right > widget:last-child > #clock,
|
|
||||||
.modules-right > widget:last-child > #custom-notification {
|
|
||||||
margin-bottom: 4px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* -------------------------------------------------------------------------------- */
|
#mpd.4 {
|
||||||
|
border-radius: 0px 10px 10px 0px;
|
||||||
|
margin: 8px 0px 8px 0px;
|
||||||
|
padding: 4px 10px 4px 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mpd.2,
|
||||||
|
#mpd.3,
|
||||||
|
#mpd.4 {
|
||||||
|
background-color: @background;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mode {
|
||||||
|
border-radius: 10px;
|
||||||
|
color: @red;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#custom-cava-internal {
|
||||||
|
border-radius: 10px;
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
#custom-swap {
|
||||||
|
border-radius: 10px;
|
||||||
|
color: @background;
|
||||||
|
margin-left: 15px;
|
||||||
|
background-color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
#clock {
|
||||||
|
/* background-color:#a3be8c; */
|
||||||
|
color: @sky;
|
||||||
|
border-radius: 10px;
|
||||||
|
margin: 8px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#backlight {
|
||||||
|
color: @yellow;
|
||||||
|
/* border-bottom: 2px solid @yellow; */
|
||||||
|
border-radius: 10px 0 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#battery {
|
||||||
|
color: #d8dee9;
|
||||||
|
/* border-bottom: 2px solid #d8dee9; */
|
||||||
|
border-radius: 0 10px 10px 0;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#battery.charging {
|
||||||
|
color: #81a1c1;
|
||||||
|
/* border-bottom: 2px solid #81a1c1; */
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes blink {
|
||||||
|
to {
|
||||||
|
color: @red;
|
||||||
|
/* border-bottom: 2px solid @red; */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#battery.critical:not(.charging) {
|
||||||
|
color: #bf616a;
|
||||||
|
/* border-bottom: 2px solid #bf616a; */
|
||||||
|
animation-name: blink;
|
||||||
|
animation-duration: 0.5s;
|
||||||
|
animation-timing-function: linear;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-direction: alternate;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cpu {
|
||||||
|
color: @sky;
|
||||||
|
/* border-bottom: 2px solid @sky; */
|
||||||
|
}
|
||||||
|
|
||||||
|
#cpu #cpu-icon {
|
||||||
|
color: @sky;
|
||||||
|
}
|
||||||
|
|
||||||
|
#memory {
|
||||||
|
color: @sky;
|
||||||
|
}
|
||||||
|
|
||||||
|
#network.disabled {
|
||||||
|
color: #bf616a;
|
||||||
|
/* border-bottom: 2px solid #bf616a; */
|
||||||
|
}
|
||||||
|
|
||||||
|
#network {
|
||||||
|
color: @green;
|
||||||
|
/* border-bottom: 2px solid @green; */
|
||||||
|
border-radius: 10px;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#network.disconnected {
|
||||||
|
color: #bf616a;
|
||||||
|
/* border-bottom: 2px solid #bf616a; */
|
||||||
|
}
|
||||||
|
|
||||||
|
#pulseaudio {
|
||||||
|
color: @flamingo;
|
||||||
|
/* border-bottom: 2px solid @flamingo; */
|
||||||
|
}
|
||||||
|
|
||||||
|
#pulseaudio.muted {
|
||||||
|
color: #3b4252;
|
||||||
|
/* border-bottom: 2px solid #3b4252; */
|
||||||
|
}
|
||||||
|
|
||||||
|
#temperature {
|
||||||
|
color: @teal;
|
||||||
|
/* border-bottom: 2px solid @teal; */
|
||||||
|
border-radius: 10px 0 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#temperature.critical {
|
||||||
|
color: @red;
|
||||||
|
/* border-bottom: 2px solid @red; */
|
||||||
|
}
|
||||||
|
|
||||||
|
#idle_inhibitor {
|
||||||
|
background-color: #ebcb8b;
|
||||||
|
color: @background;
|
||||||
|
}
|
||||||
|
|
||||||
#tray {
|
#tray {
|
||||||
background-color: transparent;
|
/* background-color: @background; */
|
||||||
padding: 1px 5px;
|
margin: 8px 10px;
|
||||||
}
|
border-radius: 10px;
|
||||||
#tray menu {
|
|
||||||
padding: 2px;
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* -------------------------------------------------------------------------------- */
|
#custom-media,
|
||||||
|
#custom-power {}
|
||||||
|
|
||||||
#backlight-slider {
|
#custom-media{
|
||||||
margin-top: 10px;
|
background-color: @red;
|
||||||
|
color: @background;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
margin-left: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#backlight-slider slider {
|
#custom-power {
|
||||||
min-height: 0px;
|
color: @background;
|
||||||
min-width: 0px;
|
background-color: @red;
|
||||||
opacity: 0;
|
border-radius: 10px;
|
||||||
background-image: none;
|
margin-left: 5px;
|
||||||
border: none;
|
margin-right: 15px;
|
||||||
box-shadow: none;
|
padding: 5px 10px;
|
||||||
}
|
|
||||||
#backlight-slider trough {
|
|
||||||
min-height: 80px;
|
|
||||||
min-width: 10px;
|
|
||||||
border-radius: 5px;
|
|
||||||
background-color: black;
|
|
||||||
}
|
|
||||||
#backlight-slider highlight {
|
|
||||||
min-width: 6px;
|
|
||||||
border: 1px solid @text;
|
|
||||||
border-radius: 5px;
|
|
||||||
background-color: @text;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* -------------------------------------------------------------------------------- */
|
#window {
|
||||||
|
border-style: hidden;
|
||||||
#pulseaudio-slider {
|
margin-left: 10px;
|
||||||
margin-top: 6px;
|
/* margin-top:1px;
|
||||||
|
padding: 8px 1rem; */
|
||||||
|
margin-right: 10px;
|
||||||
|
color: #eceff4;
|
||||||
}
|
}
|
||||||
|
|
||||||
#pulseaudio-slider slider {
|
#custom-keyboard-layout {
|
||||||
min-height: 0px;
|
color: @peach;
|
||||||
min-width: 0px;
|
/* border-bottom: 2px solid @peach; */
|
||||||
opacity: 0;
|
border-radius: 0 10px 10px 0;
|
||||||
background-image: none;
|
margin-right: 10px;
|
||||||
border: none;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
#pulseaudio-slider trough {
|
|
||||||
min-height: 80px;
|
|
||||||
min-width: 5px;
|
|
||||||
border-radius: 5px;
|
|
||||||
background-color: black;
|
|
||||||
}
|
|
||||||
#pulseaudio-slider highlight {
|
|
||||||
min-width: 5px;
|
|
||||||
border: 1px solid @text;
|
|
||||||
border-radius: 5px;
|
|
||||||
background-color: @text;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* window#waybar {
|
||||||
|
background: #2d2a2e;
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
color: #c8b9a9;
|
||||||
|
font-family: Ubuntu Mono, sans-serif;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces button.focused {
|
||||||
|
color: #f2e5bc;
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces button {
|
||||||
|
color: #c8b9a9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.separator {
|
||||||
|
background-color: #c8b9a9;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mode {
|
||||||
|
color: #ebcb8b;
|
||||||
|
}
|
||||||
|
|
||||||
|
#clock {
|
||||||
|
color: #a3be8c;
|
||||||
|
}
|
||||||
|
|
||||||
|
#battery {
|
||||||
|
color: #d8dee9;
|
||||||
|
}
|
||||||
|
|
||||||
|
#battery.charging {
|
||||||
|
color: #b48ead;
|
||||||
|
}
|
||||||
|
|
||||||
|
#battery.critical:not(.charging) {
|
||||||
|
color: #bf616a;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cpu {
|
||||||
|
color: #a3be8c;
|
||||||
|
}
|
||||||
|
|
||||||
|
#memory {
|
||||||
|
color: #d3869b;
|
||||||
|
}
|
||||||
|
|
||||||
|
#network {
|
||||||
|
color: #8fbcbb;
|
||||||
|
}
|
||||||
|
|
||||||
|
#network.disabled {
|
||||||
|
color: #bf616a;
|
||||||
|
}
|
||||||
|
|
||||||
|
#network.disconnected {
|
||||||
|
color: #bf616a;
|
||||||
|
}
|
||||||
|
|
||||||
|
#pulseaudio {
|
||||||
|
color: #b48ead;
|
||||||
|
}
|
||||||
|
|
||||||
|
#pulseaudio.muted {
|
||||||
|
color: #bf616a;
|
||||||
|
}
|
||||||
|
|
||||||
|
#temperature {
|
||||||
|
color: #8fbcbb;
|
||||||
|
}
|
||||||
|
|
||||||
|
#temperature.critical {
|
||||||
|
color: #bf616a;
|
||||||
|
} */
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue