5/9
This commit is contained in:
@@ -61,7 +61,7 @@
|
||||
},
|
||||
"clock": {
|
||||
"interval": 60,
|
||||
"format": "{:%a %b %d * Anno Domini %Y * %H:%M}",
|
||||
"format": "{:%a %b %d * AD %Y * %H:%M}",
|
||||
"timezone": "America/New_York"
|
||||
},
|
||||
"cpu": {
|
||||
|
||||
203
style-old.css
Normal file
203
style-old.css
Normal file
@@ -0,0 +1,203 @@
|
||||
@import url ("file:///home/lw/.cache/wal/colors-waybar.css");
|
||||
|
||||
* {
|
||||
font-family: "Source Code Pro Black", monospace;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
window#waybar {
|
||||
/*background-color: #282828;*/
|
||||
background-color: transparent;
|
||||
/*border: 2px solid #3c3836;*/
|
||||
border-radius: 20px;
|
||||
transition-property: background-color;
|
||||
transition-duration: .5s;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
window#waybar.hidden {
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
window#waybar.termite {
|
||||
background-color: #3c3836;
|
||||
}
|
||||
|
||||
window#waybar.chromium {
|
||||
background-color: #1d2021;
|
||||
border: none;
|
||||
}
|
||||
|
||||
button {
|
||||
box-shadow: inset 0 -3px transparent;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background: inherit;
|
||||
}
|
||||
|
||||
#workspaces button {
|
||||
margin: 2px 0 2px 2px;
|
||||
border: 2px solid #282828;
|
||||
border-radius: 5px;
|
||||
background-color: #282828;
|
||||
color: #ebdbb2;
|
||||
}
|
||||
|
||||
#workspaces button:hover {
|
||||
background: #504945;
|
||||
color: #ebdbb2;
|
||||
}
|
||||
|
||||
#workspaces button.active {
|
||||
background-color: #458588;
|
||||
color: #282828;
|
||||
}
|
||||
|
||||
#workspaces button.focused {
|
||||
background-color: #458588;
|
||||
box-shadow: inset 0 -3px #ebdbb2;
|
||||
}
|
||||
|
||||
#workspaces button.urgent {
|
||||
background-color: #cc241d;
|
||||
}
|
||||
|
||||
#clock, #custom-updates, #custom-power, #mpris, #pulseaudio, #battery, #tray {
|
||||
padding: 5px;
|
||||
margin: 2px 2px 2px 2px;
|
||||
border: 2px solid #282828;
|
||||
border-radius: 5px;
|
||||
background-color: #3c3836;
|
||||
color: #ebdbb2;
|
||||
}
|
||||
|
||||
#custom-power.hover, #pulseaudio:hover {
|
||||
background: #504945;
|
||||
}
|
||||
|
||||
#submap {
|
||||
padding: 5px;
|
||||
margin: 5px;
|
||||
border-radius: 15px;
|
||||
background-color: #d79921;
|
||||
color: #282828;
|
||||
}
|
||||
|
||||
#mpris.playing, #pulseaudio.muted, #battery.critical:not(.charging) {
|
||||
background-color: #fb4934;
|
||||
color: #282828;
|
||||
}
|
||||
|
||||
#mode {
|
||||
background-color: #458588;
|
||||
box-shadow: inset 0 -3px #ebdbb2;
|
||||
}
|
||||
|
||||
#cpu {
|
||||
background-color: #b8bb26;
|
||||
color: #282828;
|
||||
}
|
||||
|
||||
#memory {
|
||||
background-color: #d3869b;
|
||||
color: #282828;
|
||||
}
|
||||
|
||||
#disk {
|
||||
background-color: #d65d0e;
|
||||
color: #282828;
|
||||
}
|
||||
|
||||
#backlight {
|
||||
background-color: #689d6a;
|
||||
color: #282828;
|
||||
}
|
||||
|
||||
#network {
|
||||
background-color: #458588;
|
||||
color: #ebdbb2;
|
||||
}
|
||||
|
||||
#network.disconnected, #wireplumber.muted, #mpd.disconnected {
|
||||
background-color: #fb4934;
|
||||
}
|
||||
|
||||
#wireplumber {
|
||||
background-color: #b16286;
|
||||
color: #ebdbb2;
|
||||
}
|
||||
|
||||
#custom-media {
|
||||
background-color: #689d6a;
|
||||
color: #282828;
|
||||
}
|
||||
|
||||
#custom-media.custom-vlc {
|
||||
background-color: #d79921;
|
||||
}
|
||||
|
||||
#temperature {
|
||||
background-color: #fabd2f;
|
||||
}
|
||||
|
||||
#temperature.critical {
|
||||
background-color: #fb4934;
|
||||
}
|
||||
|
||||
#idle_inhibitor {
|
||||
background-color: #3c3836;
|
||||
}
|
||||
|
||||
#idle_inhibitor.activated {
|
||||
background-color: #ebdbb2;
|
||||
color: #3c3836;
|
||||
}
|
||||
|
||||
#mpd.stopped {
|
||||
background-color: #504945;
|
||||
}
|
||||
|
||||
#mpd.paused {
|
||||
background-color: #689d6a;
|
||||
}
|
||||
|
||||
#language {
|
||||
background: #458588;
|
||||
color: #ebdbb2;
|
||||
}
|
||||
|
||||
#keyboard-state {
|
||||
background: #b8bb26;
|
||||
color: #282828;
|
||||
}
|
||||
|
||||
#keyboard-state > label.locked {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
#scratchpad {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
#scratchpad.empty {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#privacy-item.screenshare {
|
||||
background-color: #d65d0e;
|
||||
}
|
||||
|
||||
#privacy-item.audio-in {
|
||||
background-color: #689d6a;
|
||||
}
|
||||
|
||||
#privacy-item.audio-out {
|
||||
background-color: #458588;
|
||||
}
|
||||
|
||||
|
||||
* { transition: opacity 0.3s ease, background-color 0.3s ease; }
|
||||
.hidden { opacity: 0; }
|
||||
229
style.css
Normal file
229
style.css
Normal file
@@ -0,0 +1,229 @@
|
||||
@import url("file:///home/lw/.cache/wal/colors-waybar.css");
|
||||
|
||||
* {
|
||||
font-family: "Source Code Pro Black", monospace;
|
||||
font-size: 11px;
|
||||
color: @color8;
|
||||
}
|
||||
|
||||
window#waybar {
|
||||
background-color: transparent;
|
||||
border-radius: 20px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
window#waybar.hidden {
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
button {
|
||||
box-shadow: inset 0 -3px transparent;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background: inherit;
|
||||
}
|
||||
|
||||
/* workspaces */
|
||||
#workspaces button {
|
||||
margin: 2px 0 2px 2px;
|
||||
border: 2px solid @color8;
|
||||
border-radius: 5px;
|
||||
background-color: @color0;
|
||||
color: @foreground;
|
||||
}
|
||||
|
||||
#workspaces button:hover {
|
||||
background: @color8;
|
||||
color: @foreground;
|
||||
}
|
||||
|
||||
#workspaces button.active {
|
||||
background-color: @color4;
|
||||
color: @color0;
|
||||
}
|
||||
|
||||
#workspaces button.focused {
|
||||
background-color: @color4;
|
||||
color: @color0;
|
||||
box-shadow: inset 0 -3px @foreground;
|
||||
}
|
||||
|
||||
#workspaces button.urgent {
|
||||
background-color: @color1;
|
||||
color: @color0;
|
||||
}
|
||||
|
||||
/* modules */
|
||||
#clock, #custom-updates, #custom-power, #mpris,
|
||||
#pulseaudio, #battery, #tray {
|
||||
padding: 5px;
|
||||
margin: 2px;
|
||||
border: 2px solid @color8;
|
||||
border-radius: 5px;
|
||||
background-color: @color0;
|
||||
color: @foreground;
|
||||
}
|
||||
|
||||
#custom-power:hover,
|
||||
#pulseaudio:hover {
|
||||
background: @color8;
|
||||
}
|
||||
|
||||
/* submap */
|
||||
#submap {
|
||||
padding: 5px;
|
||||
margin: 5px;
|
||||
border-radius: 15px;
|
||||
background-color: @color8;
|
||||
color: @color0;
|
||||
}
|
||||
|
||||
/* states */
|
||||
#mpris.playing,
|
||||
#pulseaudio.muted,
|
||||
#battery.critical:not(.charging) {
|
||||
background-color: @color1;
|
||||
color: @color0;
|
||||
}
|
||||
|
||||
#battery.charging {
|
||||
background-color: @color2;
|
||||
color: @color0;
|
||||
}
|
||||
|
||||
#mode {
|
||||
background-color: @color4;
|
||||
color: @color0;
|
||||
box-shadow: inset 0 -3px @foreground;
|
||||
}
|
||||
|
||||
#cpu {
|
||||
background-color: @color2;
|
||||
color: @color0;
|
||||
}
|
||||
|
||||
#memory {
|
||||
background-color: @color5;
|
||||
color: @color0;
|
||||
}
|
||||
|
||||
#disk {
|
||||
background-color: @color3;
|
||||
color: @color0;
|
||||
}
|
||||
|
||||
#backlight {
|
||||
background-color: @color6;
|
||||
color: @color0;
|
||||
}
|
||||
|
||||
#network {
|
||||
background-color: @color4;
|
||||
color: @foreground;
|
||||
}
|
||||
|
||||
#network.disconnected,
|
||||
#wireplumber.muted,
|
||||
#mpd.disconnected {
|
||||
background-color: @color1;
|
||||
color: @color0;
|
||||
}
|
||||
|
||||
#wireplumber {
|
||||
background-color: @color0;
|
||||
border: 2px solid @color8;
|
||||
color: @foreground;
|
||||
}
|
||||
|
||||
#custom-media {
|
||||
background-color: @color0;
|
||||
border: 2px solid @color8;
|
||||
color: @foreground;
|
||||
}
|
||||
|
||||
#custom-media.custom-vlc {
|
||||
background-color: @color3;
|
||||
color: @color0;
|
||||
}
|
||||
|
||||
#temperature {
|
||||
background-color: @color3;
|
||||
color: @color0;
|
||||
}
|
||||
|
||||
#temperature.critical {
|
||||
background-color: @color1;
|
||||
color: @color0;
|
||||
}
|
||||
|
||||
#idle_inhibitor {
|
||||
background-color: @color0;
|
||||
border: 2px solid @color8;
|
||||
color: @foreground;
|
||||
}
|
||||
|
||||
#idle_inhibitor.activated {
|
||||
background-color: @foreground;
|
||||
color: @color0;
|
||||
}
|
||||
|
||||
#mpd.stopped {
|
||||
background-color: @color0;
|
||||
border: 2px solid @color8;
|
||||
}
|
||||
|
||||
#mpd.paused {
|
||||
background-color: @color8;
|
||||
color: @color0;
|
||||
}
|
||||
|
||||
#language {
|
||||
background: @color4;
|
||||
color: @color0;
|
||||
}
|
||||
|
||||
#keyboard-state {
|
||||
background: @color8;
|
||||
color: @color0;
|
||||
}
|
||||
|
||||
#keyboard-state > label.locked {
|
||||
background: alpha(@color0, 0.2);
|
||||
color: @foreground;
|
||||
}
|
||||
|
||||
#scratchpad {
|
||||
background: alpha(@color0, 0.2);
|
||||
}
|
||||
|
||||
#scratchpad.empty {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#privacy-item.screenshare {
|
||||
background-color: @color3;
|
||||
color: @color0;
|
||||
}
|
||||
|
||||
#privacy-item.audio-in {
|
||||
background-color: @color6;
|
||||
color: @color0;
|
||||
}
|
||||
|
||||
#privacy-item.audio-out {
|
||||
background-color: @color4;
|
||||
color: @color0;
|
||||
}
|
||||
|
||||
/* transitions */
|
||||
* {
|
||||
transition: opacity 0.3s ease, background-color 0.3s ease;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
opacity: 0;
|
||||
}
|
||||
Reference in New Issue
Block a user