diff options
Diffstat (limited to 'waybar')
| -rw-r--r-- | waybar/config.jsonc | 18 | ||||
| -rw-r--r-- | waybar/style.css | 123 |
2 files changed, 89 insertions, 52 deletions
diff --git a/waybar/config.jsonc b/waybar/config.jsonc index 11bcb9cd1..7a0ad4156 100644 --- a/waybar/config.jsonc +++ b/waybar/config.jsonc @@ -27,14 +27,14 @@ "cpu", // "memory", "custom/mem", - "temperature", + // "temperature", "backlight", "keyboard-state", "sway/language", "battery", "battery#bat2", - "custom/exit", - "tray" + "tray", + "custom/exit" ], // Modules configuration "hyprland/workspaces": { @@ -71,7 +71,8 @@ "tooltip-format": "{app}: {title}" }, "mpd": { - "format": "{stateIcon} {consumeIcon}{randomIcon}{repeatIcon}{singleIcon}{artist} - {album} - {title} ({elapsedTime:%M:%S}/{totalTime:%M:%S}) ⸨{songPosition}|{queueLength}⸩ {volume}% ", + "format": " Playing", + //{stateIcon} {consumeIcon}{randomIcon}{repeatIcon}{singleIcon}{artist} - {album} - {title} ({elapsedTime:%M:%S}/{totalTime:%M:%S}) ⸨{songPosition}|{queueLength}⸩ {volume}% "format-disconnected": "Disconnected ", "format-stopped": "{consumeIcon}{randomIcon}{repeatIcon}{singleIcon}Stopped ", "unknown-tag": "N/A", @@ -93,8 +94,9 @@ "paused": "", "playing": "" }, - "tooltip-format": "MPD (connected)", - "tooltip-format-disconnected": "MPD (disconnected)" + "tooltip-format": "{album} - {title}", + "tooltip-format-disconnected": "MPD (disconnected)", + "on-click": "mpc toggle" }, "idle_inhibitor": { "format": "{icon}", @@ -108,10 +110,10 @@ "spacing": 10 }, "clock": { - // "timezone": "America/New_York", + "timezone": "Asia/Kolkata", "format": "{:%a %b %d, %Y, %I:%M %p}", "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>", - "format-alt": "{:%Y-%m-%d}" + //"format-alt": "{:%Y-%m-%d}" }, "cpu": { "format": "{usage}% ", 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 +} |