waybar style tune
This commit is contained in:
parent
8f3a5a2b2e
commit
529518c715
GPG Key ID:
D4860A938E541F06
@ -31,11 +31,11 @@
|
||||
"all-outputs": true,
|
||||
"format": "{icon}",
|
||||
// "format": "< %g >",
|
||||
// "format_focused" : "< %g ● >",
|
||||
//"format_focused" : "< %g ● >",
|
||||
"format-icons": {
|
||||
"1": "",
|
||||
"2": "", //
|
||||
"3": " ", //
|
||||
"3": "", //
|
||||
"4": "",
|
||||
"5": "",
|
||||
"6": "",
|
||||
@ -59,8 +59,8 @@
|
||||
}
|
||||
},
|
||||
"tray": {
|
||||
"icon-size": 14,
|
||||
"spacing": 5
|
||||
"icon-size": 16,
|
||||
"spacing": 6
|
||||
},
|
||||
"clock": {
|
||||
"tooltip-format": "<tt><small>{calendar}</small></tt>",
|
||||
@ -86,7 +86,7 @@
|
||||
"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": " {:%d.%m.%Y %H:%M}", //24 hour format
|
||||
"format-alt": " {:%d/%m/%Y %H:%M:%S}",
|
||||
// //"timezones": [ "Kolkata" ],
|
||||
// //"max-length": 200
|
||||
@ -99,7 +99,7 @@
|
||||
"on-click": "foot -e btop"
|
||||
},
|
||||
"memory": {
|
||||
"format": " {: >3}%",
|
||||
"format": "{: >3}%",
|
||||
"on-click": "foot -e btop"
|
||||
},
|
||||
"temperature": {
|
||||
@ -107,7 +107,7 @@
|
||||
"hwmon-path": "/sys/class/hwmon/hwmon0/temp1_input",
|
||||
"critical-threshold": 80,
|
||||
// "format-critical": "{temperatureC}°C ",
|
||||
"format": " {temperatureC}°C"
|
||||
"format": " {temperatureC}°C"
|
||||
},
|
||||
"backlight": {
|
||||
// "device": "acpi_video1",
|
||||
@ -121,7 +121,7 @@
|
||||
"battery": {
|
||||
"states": {
|
||||
// "good": 95,
|
||||
"warning": 30,
|
||||
"warning": 45,
|
||||
"critical": 15
|
||||
},
|
||||
"format": "{icon} {capacity: >3}%",
|
||||
@ -155,8 +155,8 @@
|
||||
"default": ["", ""]
|
||||
},
|
||||
"on-click": "pavucontrol",
|
||||
"on-scroll-up": "pamixer -ui 2 && pamixer --get-volume > $SWAYSOCK.wob",
|
||||
"on-scroll-down": "pamixer -ud 2 && pamixer --get-volume > $SWAYSOCK.wob"
|
||||
"on-scroll-up": "pamixer -ud 2 && pamixer --get-volume > $SWAYSOCK.wob",
|
||||
"on-scroll-down": "pamixer -ui 2 && pamixer --get-volume > $SWAYSOCK.wob"
|
||||
},
|
||||
"custom/power": {
|
||||
"format": "",
|
||||
|
||||
@ -10,9 +10,9 @@
|
||||
* Keyframes
|
||||
* -------------------------------------------------------------------------- */
|
||||
|
||||
@import "machiatto.css";
|
||||
@import "machiatto.css";
|
||||
|
||||
/*
|
||||
/*
|
||||
Polar Night
|
||||
nord0 #2e3440
|
||||
nord1 #3b4252
|
||||
@ -34,307 +34,307 @@
|
||||
nord14 #a3be8c
|
||||
nord15 #b48ead
|
||||
*/
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
* Base styles
|
||||
* -------------------------------------------------------------------------- */
|
||||
|
||||
/* Reset all styles */
|
||||
|
||||
* {
|
||||
color: @lavender;
|
||||
border: 0;
|
||||
padding: 0 0;
|
||||
font-family: UbuntuMono;
|
||||
/* font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
|
||||
/* font-family: "Hack Nerd Font"; */
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
/* padding-bottom:4px;
|
||||
|
||||
/* Reset all styles */
|
||||
|
||||
* {
|
||||
color: @lavender;
|
||||
border: 0;
|
||||
padding: 0 0;
|
||||
font-family: UbuntuMono;
|
||||
/* font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
|
||||
/* font-family: "Hack Nerd Font"; */
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
/* padding-bottom:4px;
|
||||
padding-top: 4px; */
|
||||
}
|
||||
|
||||
window#waybar {
|
||||
border: 0px solid rgba(0, 0, 0, 0);
|
||||
/* border-radius: 10px; */
|
||||
/* background:#2d2a2e; */
|
||||
/* background-color: rgba(36, 39, 58, 0.85); */
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
/* background-color: shade(#1e1e2e, 0.95); */
|
||||
}
|
||||
|
||||
#workspaces button {
|
||||
color: @base;
|
||||
border-radius: 50%;
|
||||
/* background-color: @base; */
|
||||
margin: 0px 0px;
|
||||
padding: 4px 6px 2px 0px;
|
||||
}
|
||||
|
||||
#workspaces button:hover {
|
||||
color: @mauve;
|
||||
box-shadow: none; /* Remove predefined box-shadow */
|
||||
text-shadow: none; /* Remove predefined text-shadow */
|
||||
border: 0px;
|
||||
background: none;
|
||||
}
|
||||
|
||||
#workspaces button:hover * {
|
||||
color: @mauve;
|
||||
/* background-color: @base; */
|
||||
background-color: rgba(36, 39, 58, 0.6);
|
||||
}
|
||||
|
||||
#workspaces * {
|
||||
color: whitesmoke;
|
||||
}
|
||||
|
||||
#workspaces {
|
||||
border-style: solid;
|
||||
/* background-color: @base; */
|
||||
background-color: rgba(36, 39, 58, 0.6);
|
||||
opacity: 1;
|
||||
border-radius: 10px;
|
||||
margin: 8px 0px 8px 8px;
|
||||
}
|
||||
|
||||
#workspaces button.focused {
|
||||
color: @mauve;
|
||||
border-radius: 20px;
|
||||
/* background-color: @flamingo; */
|
||||
}
|
||||
|
||||
#workspaces button.focused * {
|
||||
color: @mauve;
|
||||
}
|
||||
|
||||
#mode {
|
||||
color: #ebcb8b;
|
||||
}
|
||||
|
||||
#clock,
|
||||
#custom-swap,
|
||||
#custom-cava-internal,
|
||||
#battery,
|
||||
#cpu,
|
||||
#memory,
|
||||
#idle_inhibitor,
|
||||
#temperature,
|
||||
#custom-keyboard-layout,
|
||||
#backlight,
|
||||
#network,
|
||||
#pulseaudio,
|
||||
#mode,
|
||||
#tray,
|
||||
#custom-power,
|
||||
#custom-pacman,
|
||||
#custom-launcher,
|
||||
#mpd {
|
||||
padding: 5px 8px;
|
||||
border-style: solid;
|
||||
/* background-color: shade(@base, 1); */
|
||||
background-color: rgba(36, 39, 58, 0.6);
|
||||
opacity: 1;
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
}
|
||||
|
||||
window#waybar {
|
||||
border: 0px solid rgba(0, 0, 0, 0);
|
||||
/* border-radius: 10px; */
|
||||
/* background:#2d2a2e; */
|
||||
/* background-color: rgba(36, 39, 58, 0.85); */
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
/* background-color: shade(#1e1e2e, 0.95); */
|
||||
}
|
||||
|
||||
#workspaces button {
|
||||
color: @base;
|
||||
border-radius: 50%;
|
||||
/* background-color: @base; */
|
||||
margin: 0px 0px;
|
||||
padding: 4px 6px 2px 0px;
|
||||
}
|
||||
|
||||
#workspaces button:hover {
|
||||
color: @mauve;
|
||||
box-shadow: none; /* Remove predefined box-shadow */
|
||||
text-shadow: none; /* Remove predefined text-shadow */
|
||||
border: 0px;
|
||||
background: none;
|
||||
}
|
||||
|
||||
#workspaces button:hover * {
|
||||
color: @mauve;
|
||||
/* background-color: @base; */
|
||||
background-color: rgba(36, 39, 58, 0.6);
|
||||
}
|
||||
|
||||
#workspaces * {
|
||||
color: whitesmoke;
|
||||
}
|
||||
|
||||
#workspaces {
|
||||
border-style: solid;
|
||||
/* background-color: @base; */
|
||||
background-color: rgba(36, 39, 58, 0.6);
|
||||
opacity: 1;
|
||||
border-radius: 10px;
|
||||
margin: 8px 0px 8px 8px;
|
||||
}
|
||||
|
||||
#workspaces button.focused {
|
||||
color: @mauve;
|
||||
border-radius: 20px;
|
||||
/* background-color: @flamingo; */
|
||||
}
|
||||
|
||||
#workspaces button.focused * {
|
||||
color: @mauve;
|
||||
}
|
||||
|
||||
#mode {
|
||||
color: #ebcb8b;
|
||||
}
|
||||
|
||||
#clock,
|
||||
#custom-swap,
|
||||
#custom-cava-internal,
|
||||
#battery,
|
||||
#cpu,
|
||||
#memory,
|
||||
#idle_inhibitor,
|
||||
#temperature,
|
||||
#custom-keyboard-layout,
|
||||
#backlight,
|
||||
#network,
|
||||
#pulseaudio,
|
||||
#mode,
|
||||
#tray,
|
||||
#custom-power,
|
||||
#custom-pacman,
|
||||
#custom-launcher,
|
||||
#mpd {
|
||||
padding: 5px 8px;
|
||||
border-style: solid;
|
||||
/* background-color: shade(@base, 1); */
|
||||
background-color: rgba(36, 39, 58, 0.6);
|
||||
opacity: 1;
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
* Module styles
|
||||
* -------------------------------------------------------------------------- */
|
||||
#mpd {
|
||||
border-radius: 10px;
|
||||
color: @mauve;
|
||||
margin-left: 5px;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
#mpd.2 {
|
||||
border-radius: 10px 0px 0px 10px;
|
||||
margin: 8px 0px 8px 6px;
|
||||
padding: 4px 12px 4px 10px;
|
||||
}
|
||||
|
||||
#mpd.3 {
|
||||
border-radius: 0px 0px 0px 0px;
|
||||
margin: 8px 0px 8px 0px;
|
||||
padding: 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: @base; */
|
||||
background-color: rgba(36, 39, 58, 0.6);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#mode {
|
||||
border-radius: 10px;
|
||||
color: @mauve;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
#custom-cava-internal {
|
||||
border-radius: 10px;
|
||||
color: @mauve;
|
||||
}
|
||||
|
||||
#custom-swap {
|
||||
border-radius: 10px;
|
||||
color: @base;
|
||||
margin-left: 15px;
|
||||
background-color: @mauve;
|
||||
}
|
||||
|
||||
#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: @base;
|
||||
}
|
||||
|
||||
#tray {
|
||||
/* background-color: @base; */
|
||||
margin: 8px 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
#custom-launcher,
|
||||
#custom-power {}
|
||||
|
||||
#custom-launcher {
|
||||
background-color: @mauve;
|
||||
color: @base;
|
||||
border-radius: 10px;
|
||||
padding: 5px 10px;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
#custom-power {
|
||||
color: @base;
|
||||
background-color: @red;
|
||||
border-radius: 10px;
|
||||
margin-left: 5px;
|
||||
margin-right: 15px;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
#window {
|
||||
border-style: hidden;
|
||||
margin-left: 10px;
|
||||
/* margin-top:1px;
|
||||
#mpd {
|
||||
border-radius: 10px;
|
||||
color: @mauve;
|
||||
margin-left: 5px;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
#mpd.2 {
|
||||
border-radius: 10px 0px 0px 10px;
|
||||
margin: 8px 0px 8px 6px;
|
||||
padding: 4px 12px 4px 10px;
|
||||
}
|
||||
|
||||
#mpd.3 {
|
||||
border-radius: 0px 0px 0px 0px;
|
||||
margin: 8px 0px 8px 0px;
|
||||
padding: 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: @base; */
|
||||
background-color: rgba(36, 39, 58, 0.6);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#mode {
|
||||
border-radius: 10px;
|
||||
color: @mauve;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
#custom-cava-internal {
|
||||
border-radius: 10px;
|
||||
color: @mauve;
|
||||
}
|
||||
|
||||
#custom-swap {
|
||||
border-radius: 10px;
|
||||
color: @base;
|
||||
margin-left: 15px;
|
||||
background-color: @mauve;
|
||||
}
|
||||
|
||||
#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: @base;
|
||||
}
|
||||
|
||||
#tray {
|
||||
/* background-color: @base; */
|
||||
margin: 8px 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
#custom-launcher,
|
||||
#custom-power {
|
||||
}
|
||||
|
||||
#custom-launcher {
|
||||
background-color: @mauve;
|
||||
color: @base;
|
||||
border-radius: 10px;
|
||||
padding: 5px 10px;
|
||||
padding-right: 5px;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
#custom-power {
|
||||
color: @base;
|
||||
background-color: @red;
|
||||
border-radius: 10px;
|
||||
margin-left: 5px;
|
||||
margin-right: 15px;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
#window {
|
||||
border-style: hidden;
|
||||
margin-left: 10px;
|
||||
/* margin-top:1px;
|
||||
padding: 8px 1rem; */
|
||||
margin-right: 10px;
|
||||
color: #eceff4;
|
||||
}
|
||||
|
||||
#custom-keyboard-layout {
|
||||
color: @peach;
|
||||
/* border-bottom: 2px solid @peach; */
|
||||
border-radius: 0 10px 10px 0;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* window#waybar {
|
||||
margin-right: 10px;
|
||||
color: #eceff4;
|
||||
}
|
||||
|
||||
#custom-keyboard-layout {
|
||||
color: @peach;
|
||||
/* border-bottom: 2px solid @peach; */
|
||||
border-radius: 0 10px 10px 0;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
/* window#waybar {
|
||||
background: #2d2a2e;
|
||||
}
|
||||
|
||||
@ -410,4 +410,4 @@
|
||||
|
||||
#temperature.critical {
|
||||
color: #bf616a;
|
||||
} */
|
||||
} */
|
||||
|
||||
Loading…
Reference in New Issue
Block a user