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