aboutsummaryrefslogtreecommitdiff
path: root/config/waybar/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'config/waybar/style.css')
-rw-r--r--config/waybar/style.css132
1 files changed, 51 insertions, 81 deletions
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;
}