From d279676176c9172db1e24ecf4fd7a6ca427b303e Mon Sep 17 00:00:00 2001 From: Matt Singleton Date: Fri, 30 Apr 2021 09:43:44 -0500 Subject: first pass at solarized light colors --- config/waybar/style.css | 132 +++++++++++++++++++----------------------------- 1 file changed, 51 insertions(+), 81 deletions(-) (limited to 'config/waybar/style.css') diff --git a/config/waybar/style.css b/config/waybar/style.css index c3646a8..d30f2a5 100644 --- a/config/waybar/style.css +++ b/config/waybar/style.css @@ -1,103 +1,73 @@ +/* +$base03: #002b36; +$base02: #073642; +$base01: #586e75; +$base00: #657b83; +$base0: #839496; +$base1: #93a1a1; +$base2: #eee8d5; +$base3: #fdf6e3; +$yellow: #b58900; +$orange: #cb4b16; +$red: #dc322f; +$magenta: #d33682; +$violet: #6c71c4; +$blue: #268bd2; +$cyan: #2aa198; +$green: #859900; +*/ + * { - border: none; - border-radius: 0; - font-family: "SauceCodePro Nerd Font"; - font-size: 10pt; - min-height: 0; + font-family: SauceCodePro Nerd Font; + font-size: 12pt; } window#waybar { - background-color: rgba(43, 48, 59, 1); - color: #ffffff; - transition-property: background-color; - transition-duration: .5s; -} - -window#waybar.empty { - color: rgba(0,0,0,0); + background: #eee8d5; + color: #657b83; } .topbar { -/* border-bottom: 1px solid rgba(100, 114, 125, 1);*/ } -#workspaces button { - padding: 0 5px; - background-color: transparent; - color: #ffffff; -} -#workspaces button:hover { - background: rgba(0, 0, 0, 0.2); - box-shadow: inset 0 3px #ffffff; -} - -#workspaces button.focused { - background-color: #64727D; - box-shadow: inset 0 3px #ffffff; -} - -#workspaces button.urgent { - background-color: #eb4d4b; -} - -#mode { - background-color: #64727D; - border-top: 3px solid #ffffff; -} - -#backlight, -#battery.bat1, -#battery.bat2, -#clock, -#cpu, -#custom-mail, -#custom-poweroff, -#custom-weather, -#disk, -#idle_inhibitor, -#memory, #mode, -#network.vpn, -#network.wifi, -#network.ethernet, -#network.disconnected, +#window, +#network, #pulseaudio, -#taskbar, -#temperature, -#tray { - padding: 0 6 2 0px; - margin: 0 4px; - color: #ffffff; +#clock { + padding: 2px 10px; + margin: 0; } -@keyframes blink { - to { - background-color: #ffffff; - color: #000000; - } -} -#battery.bat2.critical:not(.charging) { - background-color: #f53c3c; - color: #ffffff; - animation-name: blink; - animation-duration: 0.5s; - animation-timing-function: linear; - animation-iteration-count: infinite; - animation-direction: alternate; +#mode, +#network, +#pulseaudio, +#clock { + background: #93a1a1; + color: #eee8d5; } -#temperature.critical { - background-color: #eb4d4b; +#workspaces button, +#workspaces button:hover, +#workspaces button.focused, +#workspaces button.urgent { + color: #93a1a1; + box-shadow: none; + border-radius: 0; + padding: 0 5px; } -#taskbar button:hover { - background: rgba(0, 0, 0, 0.2); - box-shadow: inset 0 3px #ffffff; +#workspaces button:hover { + background: #93a1a1; + color: #eee8d5; + box-shadow: none; + font-weight: normal; } -#taskbar button.active { - background-color: #64727D; - box-shadow: inset 0 3px #ffffff; +#workspaces button.focused { + background: #2aa198; + color: #eee8d5; + box-shadow: none; } -- cgit v1.2.3