summaryrefslogtreecommitdiff
path: root/_linux/waybar
diff options
context:
space:
mode:
Diffstat (limited to '_linux/waybar')
-rw-r--r--_linux/waybar/config214
-rw-r--r--_linux/waybar/style.css267
2 files changed, 481 insertions, 0 deletions
diff --git a/_linux/waybar/config b/_linux/waybar/config
new file mode 100644
index 0000000..b0fb826
--- /dev/null
+++ b/_linux/waybar/config
@@ -0,0 +1,214 @@
+{
+ "layer": "top",
+ "position": "top",
+
+ "modules-left": [
+// "sway/mode",
+ "hyprland/workspaces",
+// "custom/arrow10",
+ "hyprland/window"
+ ],
+
+ "modules-right": [
+ "custom/arrow9",
+ "pulseaudio",
+ "custom/arrow8",
+ "network",
+ "custom/arrow7",
+ "memory",
+ "custom/arrow6",
+ "cpu",
+ "custom/arrow5",
+ "temperature",
+ "custom/arrow4",
+// "battery",
+// "custom/arrow3",
+ "hyprland/language",
+ "custom/arrow2",
+ "tray",
+ "clock#date",
+ "custom/arrow1",
+ "clock#time"
+ ],
+
+ // Modules
+
+ "battery": {
+ "interval": 10,
+ "states": {
+ "warning": 30,
+ "critical": 15
+ },
+ "format-time": "{H}:{M:02}",
+ "format": "{icon} {capacity}% ({time})",
+ "format-charging": " {capacity}% ({time})",
+ "format-charging-full": " {capacity}%",
+ "format-full": "{icon} {capacity}%",
+ "format-alt": "{icon} {power}W",
+ "format-icons": [
+ "",
+ "",
+ "",
+ "",
+ ""
+ ],
+ "tooltip": false
+ },
+
+ "clock#time": {
+ "interval": 10,
+ "format": "{:%H:%M}",
+ "tooltip": false
+ },
+
+ "clock#date": {
+ "interval": 20,
+ "format": "{:%e %b %Y}",
+ "tooltip": false
+ //"tooltip-format": "{:%e %B %Y}"
+ },
+
+ "cpu": {
+ "interval": 5,
+ "tooltip": false,
+ "format": " {usage}%",
+ "format-alt": " {load}",
+ "states": {
+ "warning": 70,
+ "critical": 90
+ }
+ },
+
+ "hyprland/language": {
+ "format": " {}",
+ "min-length": 5,
+ "on-click": "hyprctl switchxkblayout keyboard next",
+ "tooltip": false
+ },
+
+ "memory": {
+ "interval": 5,
+ "format": " {used:0.1f}G/{total:0.1f}G",
+ "states": {
+ "warning": 70,
+ "critical": 90
+ },
+ "tooltip": false
+ },
+
+ "network": {
+ "interval": 5,
+ "format-wifi": " {essid} ({signalStrength}%)",
+ "format-ethernet": " {ifname}",
+ "format-disconnected": "No connection",
+ "format-alt": " {ipaddr}/{cidr}",
+ "tooltip": false
+ },
+
+ "sway/mode": {
+ "format": "{}",
+ "tooltip": false
+ },
+
+ "hyprland/window": {
+ "format": "{}",
+// "max-length": 30,
+ "tooltip": false
+ },
+
+ "hyprland/workspaces": {
+ "disable-scroll-wraparound": true,
+ "smooth-scrolling-threshold": 4,
+ "enable-bar-scroll": true,
+ "format": "{name}"
+ },
+
+ "pulseaudio": {
+ "format": "{icon} {volume}%",
+ "format-bluetooth": "{icon} {volume}%",
+ "format-muted": "",
+ "format-icons": {
+ "headphone": "",
+ "hands-free": "",
+ "headset": "",
+ "phone": "",
+ "portable": "",
+ "car": "",
+ "default": ["", ""]
+ },
+ "scroll-step": 1,
+ "on-click": "pavucontrol",
+ "tooltip": false
+ },
+
+ "temperature": {
+ "critical-threshold": 90,
+ "interval": 5,
+ "format": "{icon} {temperatureC}°",
+ "format-icons": [
+ "",
+ "",
+ "",
+ "",
+ ""
+ ],
+ "tooltip": false
+ },
+
+ "tray": {
+ "icon-size": 18
+ //"spacing": 10
+ },
+
+ "custom/arrow1": {
+ "format": "",
+ "tooltip": false
+ },
+
+ "custom/arrow2": {
+ "format": "",
+ "tooltip": false
+ },
+
+ "custom/arrow3": {
+ "format": "",
+ "tooltip": false
+ },
+
+ "custom/arrow4": {
+ "format": "",
+ "tooltip": false
+ },
+
+ "custom/arrow5": {
+ "format": "",
+ "tooltip": false
+ },
+
+ "custom/arrow6": {
+ "format": "",
+ "tooltip": false
+ },
+
+ "custom/arrow7": {
+ "format": "",
+ "tooltip": false
+ },
+
+ "custom/arrow8": {
+ "format": "",
+ "tooltip": false
+ },
+
+ "custom/arrow9": {
+ "format": "",
+ "tooltip": false
+ },
+
+ "custom/arrow10": {
+ "format": "",
+ "tooltip": false
+ }
+}
+
+// vi:ft=jsonc
diff --git a/_linux/waybar/style.css b/_linux/waybar/style.css
new file mode 100644
index 0000000..d7df909
--- /dev/null
+++ b/_linux/waybar/style.css
@@ -0,0 +1,267 @@
+/* Keyframes */
+
+@keyframes blink-critical {
+ to {
+ /*color: @white;*/
+ background-color: @critical;
+ }
+}
+
+
+/* Styles */
+
+/* Colors (gruvbox) */
+@define-color black #282828;
+@define-color red #ff0000;
+@define-color green #98971a;
+@define-color yellow #d79921;
+@define-color blue #458588;
+@define-color purple #b16286;
+@define-color aqua #689d6a;
+@define-color gray #a89984;
+@define-color brgray #928374;
+@define-color brred #fb4934;
+@define-color brgreen #b8bb26;
+@define-color bryellow #fabd2f;
+@define-color brblue #83a598;
+@define-color brpurple #d3869b;
+@define-color braqua #8ec07c;
+@define-color white #ffffff;
+@define-color bg2 #504945;
+
+@define-color warning @bryellow;
+@define-color critical @red;
+@define-color mode @black;
+@define-color unfocused @bg2;
+@define-color focused @braqua;
+@define-color inactive @purple;
+
+@define-color sound #ff007f;
+@define-color network #ff7f00;
+@define-color memory #ffff00;
+@define-color cpu #7fff00;
+@define-color temp #00ff7f;
+@define-color layout #00ffff;
+/*@define-color battery @aqua;*/
+@define-color date #ffffff;
+@define-color time #000000;
+
+/* Reset all styles */
+* {
+ border: none;
+ border-radius: 0;
+ min-height: 0;
+ margin: 0;
+ padding: 0;
+ box-shadow: none;
+ text-shadow: none;
+ icon-shadow: none;
+}
+
+/* The whole bar */
+#waybar {
+ background: #101010;
+ color: @white;
+ font-family: JetBrains Mono, Siji;
+ font-size: 10pt;
+}
+
+/* Each module */
+#battery,
+#clock,
+#cpu,
+#language,
+#memory,
+#mode,
+#network,
+#pulseaudio,
+#temperature,
+#tray,
+#backlight,
+#idle_inhibitor,
+#disk,
+#user,
+#mpris {
+ padding-left: 8pt;
+ padding-right: 8pt;
+}
+
+/* Each critical module */
+#mode,
+#memory.critical,
+#cpu.critical,
+#temperature.critical,
+#battery.critical.discharging {
+ animation-timing-function: linear;
+ animation-iteration-count: infinite;
+ animation-direction: alternate;
+ animation-name: blink-critical;
+ animation-duration: 1s;
+}
+
+/* Each warning */
+#network.disconnected,
+#memory.warning,
+#cpu.warning,
+#temperature.warning,
+#battery.warning.discharging {
+ color: @warning;
+}
+
+/* And now modules themselves in their respective order */
+
+/* Current sway mode (resize etc) */
+#mode {
+ color: @white;
+ background: @mode;
+}
+
+/* Workspaces stuff */
+#workspaces button {
+ /*font-weight: bold;*/
+ padding-left: 2pt;
+ padding-right: 2pt;
+ color: @white;
+ background: #303030;
+}
+
+/* Inactive (on unfocused output) */
+#workspaces button.visible {
+ color: @white;
+ background: #ff00ff;
+}
+
+/* Active (on focused output) */
+#workspaces button.focused {
+ color: @black;
+ background: @focused;
+}
+
+/* Contains an urgent window */
+#workspaces button.urgent {
+ color: @black;
+ background: @warning;
+}
+
+/* Style when cursor is on the button */
+#workspaces button:hover {
+ background: @black;
+ color: @white;
+}
+
+#window {
+ margin-right: 15pt;
+ margin-left: 15pt;
+}
+
+#pulseaudio {
+ background: @sound;
+ color: @white;
+}
+
+#network {
+ background: @network;
+ color: @black;
+}
+
+#memory {
+ background: @memory;
+ color: @black;
+}
+
+#cpu {
+ background: @cpu;
+ min-width: 35pt;
+ color: @black;
+}
+
+#temperature {
+ background: @temp;
+ color: @black;
+}
+
+#language {
+ background: @layout;
+ color: @black;
+}
+
+/*
+#battery {
+ background: @battery;
+ color: @white;
+}
+*/
+
+#tray {
+ background: #ff7f00;
+}
+
+#clock.date {
+ background: @date;
+ color: @black;
+}
+
+#clock.time {
+ background: @time;
+ color: @white;
+}
+
+#custom-arrow1 {
+ font-size: 11pt;
+ color: @time;
+ background: @date;
+}
+
+#custom-arrow2 {
+ font-size: 11pt;
+ color: @date;
+ background: @layout;
+}
+
+#custom-arrow3 {
+ font-size: 11pt;
+ color: @layout;
+ background: @battery;
+}
+
+#custom-arrow4 {
+ font-size: 11pt;
+ color: @layout;
+ background: @temp;
+}
+
+#custom-arrow5 {
+ font-size: 11pt;
+ color: @temp;
+ background: @cpu;
+}
+
+#custom-arrow6 {
+ font-size: 11pt;
+ color: @cpu;
+ background: @memory;
+}
+
+#custom-arrow7 {
+ font-size: 11pt;
+ color: @memory;
+ background: @network;
+}
+
+#custom-arrow8 {
+ font-size: 11pt;
+ color: @network;
+ background: @sound;
+}
+
+#custom-arrow9 {
+ font-size: 11pt;
+ color: @sound;
+ background: transparent;
+}
+
+#custom-arrow10 {
+ font-size: 11pt;
+ color: @unfocused;
+ background: transparent;
+}