first pass at solarized light colors

2 files changed, 54 insertions, 84 deletions

diff --git a/config/waybar/config b/config/waybar/config
index 00f0af8..b66c499 100644
--- a/config/waybar/config
+++ b/config/waybar/config
@@ -4,9 +4,9 @@
         "layer": "bottom",
         "position": "top",
         "height": 0,
-        "modules-left": ["sway/workspaces", "sway/mode"],
-        "modules-center": ["clock#local", "clock#utc"],
-        "modules-right": ["tray", "cpu", "memory", "network#wifi", "pulseaudio", "battery#bat1"],
+        "modules-left": ["sway/workspaces", "sway/mode", "sway/window"],
+        "modules-center": [],
+        "modules-right": ["tray", "network#wifi", "pulseaudio", "battery#bat1", "clock#local"],
         "idle_inhibitor": {
             "format": "{icon}",
             "format-icons": {
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;
 }