summaryrefslogtreecommitdiff
path: root/.config/waybar
diff options
context:
space:
mode:
Diffstat (limited to '.config/waybar')
-rw-r--r--.config/waybar/config.jsonc32
-rw-r--r--.config/waybar/style.css122
2 files changed, 43 insertions, 111 deletions
diff --git a/.config/waybar/config.jsonc b/.config/waybar/config.jsonc
index ebd88ad..759314b 100644
--- a/.config/waybar/config.jsonc
+++ b/.config/waybar/config.jsonc
@@ -11,16 +11,18 @@
// "hyprland/window",
],
"modules-center" : [
+ "hyprland/window"
],
"modules-right": [
+ "tray",
"pulseaudio",
"battery",
+ "backlight",
"cpu",
"memory",
- "network",
+ // "network",
"custom/date",
"clock",
- "tray",
],
// Modules configuration
"hyprland/workspaces": {
@@ -58,9 +60,12 @@
"all-outputs": false,
"show-special": false
},
+ "hyprland/window": {
+ "format": "󰣇 {}"
+ },
"tray": {
- "icon-size": 21,
- "spacing": 12
+ "icon-size": 13,
+ "spacing": 10
},
"clock": {
"timezone": "Asia/Kolkata",
@@ -70,19 +75,20 @@
},
"custom/date": {
"timezone": "Asia/Kolkata",
- "exec": "date +'%a %Y-%m-%d'",
+ "exec": "date +'%a %d %b %Y'",
"format": "󰃭 {}",
"interval": 1,
"tooltip": false
},
"cpu": {
"format": " {usage:2}%",
- "tooltip": false,
- "interval": 1
+ "interval": 1,
+ "on-click": "$TERMINAL -e htop",
},
"memory": {
- "format": " {:2}%",
- "interval": 1
+ "format": " {used:0.1f}G",
+ "interval": 1,
+ "on-click": "$TERMINAL -e htop",
},
"network": {
"interval": 5,
@@ -111,6 +117,14 @@
""
]
},
+ "backlight": {
+ // "device": "intel_backlight",
+ "format": "{icon} {percent}%",
+ "format-icons": ["󰃞", "󰃟", "󰃠"],
+ "on-scroll-up": "brightnessctl set 1%+",
+ "on-scroll-down": "brightnessctl set 1%-",
+ "min-length": 6
+ },
"pulseaudio": {
"scroll-step": 1, // %, can be a float
"format": "{volume:2}% {icon} {format_source}",
diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index aad1d25..e6f30c7 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -96,7 +96,7 @@ window#waybar.hidden {
/* non-empty workspaces */
#workspaces button {
- background-color: #2e3440;
+ background-color: @base;
border: none;
border-radius: 0;
@@ -110,7 +110,7 @@ window#waybar.hidden {
padding-right: 10px;
padding-top: 1px;
- box-shadow: inset 0 -2px #eceff4;
+ box-shadow: inset 0 -1px #e3e3e3;
}
/* the first and last buttons should be rounded */
@@ -125,8 +125,8 @@ window#waybar.hidden {
#workspaces button:hover {
transition-duration: .2s;
- color: #2e3440;
- box-shadow: inset 0 -3px #ffffff;
+ color: @base;
+ box-shadow: inset 0 -3px #e3e3e3;
/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
text-shadow: inherit;
}
@@ -138,14 +138,16 @@ window#waybar.hidden {
/* empty persistent workspaces */
#workspaces button.empty {
- background-color: #2e3440;
+ background-color: @base;
box-shadow: none;
}
/* active or visible workspaces */
#workspaces button.active,
#workspaces button.visible {
- background-color: #4c566a;
+ /* background-color: #4c566a; */
+ color: @crust;
+ background-color: #7da6ff;
/* box-shadow: inset 0 -4px #eceff4; */
}
@@ -163,20 +165,21 @@ window#waybar.hidden {
#clock,
#custom-date,
#battery,
+#backlight,
#cpu,
#memory,
#disk,
#temperature,
-#backlight,
#network,
#pulseaudio,
#wireplumber,
#mpris,
#custom-media,
#tray,
+#window,
#custom-notification,
#mpd {
- background-color: #2e3440;
+ background-color: @base;
border-radius: 8px;
padding: 0 12px 0 12px;
margin: 5px 5px 5px 0;
@@ -192,6 +195,10 @@ window#waybar.hidden {
margin-right: 0;
}
+#window {
+ color: #e3e3e3
+}
+
#clock {
color: #eceff4;
}
@@ -204,6 +211,10 @@ window#waybar.hidden {
color: #ebcb8b;
}
+#backlight {
+ color: @teal
+}
+
@keyframes blink {
to {
background-color: #ffffff;
@@ -237,10 +248,6 @@ label:focus {
background-color: #964B00;
} */
-/* #backlight {
- background-color: #90b1b1;
-} */
-
#network {
color: #5e81ac;
}
@@ -257,38 +264,6 @@ label:focus {
color: #d8dee9;
}
-#mpris,
-#custom-media {
- background-color: #66cc99;
- color: black;
-}
-
-#mpris.firefox,
-#custom-media.firefox {
- background-color: #FF9500;
- color: black;
-}
-
-#mpris.spotify,
-#custom-media.spotify {
- background-color: #66cc99;
- color: #191414;
-}
-
-#mpris.vlc,
-#custom-media.vlc {
- background-color: #E85E00;
- color: black;
-}
-
-#mpris.jellyfin,
-#custom-media.jellyfin {
- /* https://jellyfin.org/docs/general/contributing/branding */
- color: #000B25;
- background-color: #AA5CC3;
-}
-
-
#temperature {
color: #d08770;
@@ -300,6 +275,7 @@ label:focus {
#tray {
color: #eceff4;
+
}
#tray>.passive {
@@ -310,61 +286,3 @@ label:focus {
-gtk-icon-effect: highlight;
background-color: #bf616a;
}
-
-/* #idle_inhibitor {
- background-color: #2d3436;
-} */
-
-/* #idle_inhibitor.activated {
- background-color: #ecf0f1;
- color: #2d3436;
-} */
-
-/* #mpd {
- background-color: #66cc99;
- color: #2a5c45;
-}
-
-#mpd.disconnected {
- background-color: #bf616a;
-}
-
-#mpd.stopped {
- background-color: #90b1b1;
-}
-
-#mpd.paused {
- background-color: #51a37a;
-} */
-
-/* #language {
- background: #00b093;
- color: #740864;
- padding: 0 5px;
- margin: 0 5px;
- min-width: 16px;
-} */
-
-/* #keyboard-state {
- background: #97e1ad;
- color: black;
- padding: 0 0px;
- margin: 0 5px;
- min-width: 16px;
-}
-
-#keyboard-state > label {
- padding: 0 5px;
-}
-
-#keyboard-state > label.locked {
- background: rgba(0, 0, 0, 0.2);
-}
-
-#scratchpad {
- background: rgba(0, 0, 0, 0.2);
-}
-
-#scratchpad.empty {
- background-color: transparent;
-} */