aboutsummaryrefslogtreecommitdiff
path: root/waybar/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'waybar/style.css')
-rw-r--r--waybar/style.css123
1 files changed, 79 insertions, 44 deletions
diff --git a/waybar/style.css b/waybar/style.css
index 5ab5ab669..7ae400123 100644
--- a/waybar/style.css
+++ b/waybar/style.css
@@ -1,18 +1,23 @@
-@import url("/home/indrajith/.cache/wal/colors-waybar.css");
+
+/* @import url("/home/indrajith/.cache/wal/colors-waybar.css"); */
* {
all: unset;
font-family: 'EnvyCodeR Nerd Font';
transition: background-color .3s ease;
- color: @foreground
+
+}
+
+#waybar .horizontal {
+ /* background: rgba(0,0,0,0.6); */
}
tooltip,
#tray menu{
- background: @background;
- border: 2px solid @color12;
+ background: #000000;
+ border: 2px solid #ebdbb2;
border-radius: 7.5px;
- color: @foreground;
+ color: #ebdbb2;
padding: 5px;
}
@@ -21,8 +26,9 @@ tooltip,
transition: all .3s ease;
}
-#tray menu *:hover {
- background: @color1;
+#tray menu *:hover, #tray menu *:focus {
+ background: #ebdbb2;
+ color: #000000;
}
@@ -38,6 +44,11 @@ window {
background: transparent;
}
+window#waybar.empty #window {
+ background-color:transparent;
+}
+
+
#custom-sep {
color: @color1;
font-size: 20px;
@@ -57,27 +68,29 @@ window {
padding: 0;
}
+#workspaces>button {
+ font-size: 12.5px;
+ transition: all 0.3s ease;
+ padding: 0 6px;
+ margin: 0;
+ border-radius: 2.5px;
+}
-#workspaces>button.empty {
- color: @color8;
+#workspaces>button.empty.flat {
+ color: #ebdbb2;;
}
#workspaces>button.urgent {
- color: @color2;
+ color: #000000;
}
-#workspaces>button.active {
- color: @foreground;
- background: #9b59b6;
+#workspaces>button.active.flat {
+ color: #000000;
+ background: #ebdbb2;
}
-#workspaces>button {
- color: @foreground;
- font-size: 12.5px;
- transition: all 0.3s ease;
- padding: 0 6px;
- margin: 0;
- border-radius: 2.5px;
+#workspaces>button.inactive {
+ color: #ebdbb2;;
}
#workspaces>button:nth-child(1) {
@@ -123,7 +136,7 @@ window {
padding-right: 10px;
border-radius: 16px;
font-weight: bold;
- border: 1px solid #e74c3c;
+ /* border: 1px solid #e74c3c; */
}
#win {
@@ -134,9 +147,13 @@ window {
}
#window {
- color: @foreground;
- padding-left: 5px;
- padding-right: 5px;
+ margin-left: 10px;
+ margin-right: 10px;
+ border: 2px solid #ebdbb2;
+ border-radius: 16px;
+ padding: 0 10px;
+ color: #ebdbb2;
+ background: #000000;
}
#window.win2 {
@@ -152,12 +169,12 @@ window {
#pulseaudio {
- background-color: #2ecc71;
+ background-color: #000000;
padding: 0 8px;
margin: 2px;
- border-radius: 2px;
- /* border-radius: 100px 16px 16px 100px; */
- color: #ffffff;
+ border-radius: 16px;
+ border: 2px solid #ebdbb2;
+ color: #ebdbb2;
}
#taskbar button {
margin: 5px 0;
@@ -168,11 +185,12 @@ window {
}
#cpu {
- background-color: #f1c40f;
+ background-color: #000000;
padding: 0 10px;
margin: 1px;
- border-radius: 3.5px;
- color: #ffffff;
+ border-radius: 16px;
+ border: 2px solid #ebdbb2;
+ color: #ebdbb2;
}
#custom-pacman {
@@ -182,19 +200,33 @@ window {
border-radius: 3.5px;
}
-#memory {
- background-color: #3498db;
- padding: 0 10px;
- margin: 1px;
- border-radius: 3.5px;
- color: #ffffff;
+/* #memory { */
+/* background-color: #000000; */
+/* padding: 0 10px; */
+/* margin: 1px; */
+/* border-radius: 3.5px; */
+/* color: #ffffff; */
+/* margin-left: 10px; */
+/* margin-right: 10px; */
+/* border: 2px solid #ebdbb2; */
+/* } */
+#mpd {
margin-left: 10px;
margin-right: 10px;
+ border: 2px solid #ebdbb2;
+ border-radius: 16px;
+ padding: 0 10px;
+ color: #ebdbb2;
+ background: #000000;
}
-
#custom-mem {
margin-left: 10px;
- margin-right: 10px
+ margin-right: 10px;
+ border: 2px solid #ebdbb2;
+ border-radius: 16px;
+ padding: 0 10px;
+ color: #ebdbb2;
+ background: #000000;
}
#battery {
@@ -218,7 +250,7 @@ window {
}
#disk {
- background-color: @color5;
+ background-color: #000000;
padding: 0 10px;
margin: 1px;
border-radius: 16px 100px 100px 16px;
@@ -252,11 +284,13 @@ window {
}
.modules-left,
-.modules-center{
- background: @background;
- border: 2px solid @color12;
+.modules-center
+{
+ background: #000000;
+ border: 2px solid #ebdbb2;
border-radius: 100px;
padding: 2px 2px;
+ color: #ebdbb2;
}
/* .modules-right {
@@ -265,9 +299,10 @@ window {
#custom-exit {
padding-right: 10px;
+ color: #e74c3c;
}
#custom-browser,
#custom-filemanager {
margin-right: 23px;
-} \ No newline at end of file
+}