From 2fc1932d0745b193a0a208f09c59fbf128aad2ac Mon Sep 17 00:00:00 2001 From: zanlior <255661978+zanlior@users.noreply.github.com> Date: Mon, 9 Feb 2026 18:22:34 +0400 Subject: [PATCH] added new dock like waybar --- .../12_horizontal_dock/colors/colors.css | 1 + .../colors/custom/everforest.css | 29 ++++ .../colors/custom/mocha.css | 30 ++++ .../colors/custom/rxyhn.css | 31 +++++ .../colors/custom/tokyo night.css | 29 ++++ .../waybar/12_horizontal_dock/config.jsonc | 124 +++++++++++++++++ .config/waybar/12_horizontal_dock/style.css | 130 ++++++++++++++++++ 7 files changed, 374 insertions(+) create mode 100644 .config/waybar/12_horizontal_dock/colors/colors.css create mode 100644 .config/waybar/12_horizontal_dock/colors/custom/everforest.css create mode 100644 .config/waybar/12_horizontal_dock/colors/custom/mocha.css create mode 100644 .config/waybar/12_horizontal_dock/colors/custom/rxyhn.css create mode 100644 .config/waybar/12_horizontal_dock/colors/custom/tokyo night.css create mode 100644 .config/waybar/12_horizontal_dock/config.jsonc create mode 100644 .config/waybar/12_horizontal_dock/style.css diff --git a/.config/waybar/12_horizontal_dock/colors/colors.css b/.config/waybar/12_horizontal_dock/colors/colors.css new file mode 100644 index 0000000..7e3f9a5 --- /dev/null +++ b/.config/waybar/12_horizontal_dock/colors/colors.css @@ -0,0 +1 @@ +@import 'custom/mocha.css'; diff --git a/.config/waybar/12_horizontal_dock/colors/custom/everforest.css b/.config/waybar/12_horizontal_dock/colors/custom/everforest.css new file mode 100644 index 0000000..b98d48a --- /dev/null +++ b/.config/waybar/12_horizontal_dock/colors/custom/everforest.css @@ -0,0 +1,29 @@ +/* Everforest Theme - Unified Colors */ + +/* Background Hierarchy */ +@define-color bg0 #1F2427; /* bg0 - Deepest bg */ +@define-color bg1 #272F32; /* bg1 - Elevated surfaces */ +@define-color bg2 #2E3539; /* bg2 - Hover/selection */ +@define-color bg3 #3B4348; /* bg3 - Borders/dividers */ +@define-color bg4 #46514E; /* bg4 - Secondary borders */ + +/* Text Colors */ +@define-color fg0 #d3c6aa; /* fg - Primary text (soft cream) */ + +/* Primary Accents - Green → Aqua Gradient */ +@define-color pri0 #a7c080; /* Green - Main accent/workspace active */ +@define-color accent #a7c080; /* Fallback solid green */ + +/* Utility Colors (Best Only) */ +@define-color green #a7c080; /* Main green */ +@define-color aqua #83c092; /* Aqua/Teal */ +@define-color blue #7fbbb3; /* Cyan-blue */ +@define-color yellow #dbbc7f; /* Yellow/gold */ +@define-color orange #e69875; /* Orange */ +@define-color red #e67e80; /* Soft red */ +@define-color purple #d699b6; /* Pink/purple (rare in Everforest but available) */ +@define-color line #4f585e; /* Separators */ + +/* Gradient Colors */ +@define-color grad-start #a7c080; /* Green (left) */ +@define-color grad-end #83c092; /* Aqua (right) */ diff --git a/.config/waybar/12_horizontal_dock/colors/custom/mocha.css b/.config/waybar/12_horizontal_dock/colors/custom/mocha.css new file mode 100644 index 0000000..2e96e0e --- /dev/null +++ b/.config/waybar/12_horizontal_dock/colors/custom/mocha.css @@ -0,0 +1,30 @@ +/* Catppuccin Mocha - Unified Waybar Colors */ + +/* Background Hierarchy */ +@define-color bg0 #11111b; /* Crust - Deepest bg */ +@define-color bg1 #181825; /* Mantle - Cards/Modules */ +@define-color bg2 #1e1e2e; /* Base - Hover states */ +@define-color bg3 #313244; /* Surface0 - Borders */ +@define-color bg4 #45475a; /* Surface1 */ + +/* Text Colors */ +@define-color fg0 #cdd6f4; /* Text - Primary */ + +/* Primary Accents */ +@define-color pri0 #b4befe; /* Lavender - Active workspace, clock */ +@define-color accent #89b4fa; /* Blue - Selection highlight */ + +/* Utility Colors */ +@define-color yellow #f9e2af; +@define-color orange #f9e2af; +@define-color green #a6e3a1; +@define-color red #f38ba8; +@define-color peach #fab387; +@define-color teal #94e2d5; +@define-color cyan #89dceb; +@define-color blue #89b4fa; +@define-color purple #cba6f7; /* mauve For network module */ + +/* Gradient Colors */ +@define-color grad-start #b4befe; +@define-color grad-end #cba6f7; diff --git a/.config/waybar/12_horizontal_dock/colors/custom/rxyhn.css b/.config/waybar/12_horizontal_dock/colors/custom/rxyhn.css new file mode 100644 index 0000000..9c9a3cc --- /dev/null +++ b/.config/waybar/12_horizontal_dock/colors/custom/rxyhn.css @@ -0,0 +1,31 @@ +/* Rxyhn Theme */ + +/* Background Hierarchy */ +@define-color bg0 #061115; /* Deepest black-teal */ +@define-color bg1 #131e22; /* Elevated surfaces */ +@define-color bg2 #1c272b; /* Hover states */ +@define-color bg3 #313c40; /* Borders */ +@define-color bg4 #3b464a; /* Secondary borders */ + +/* Text Colors */ +@define-color fg0 #D9D7D6; /* Primary white */ + +/* Primary Accents - Purple → Pink Gradient */ +@define-color pri0 #7ACFE4; /* Teal - Main accent */ +@define-color accent #67AFC1; /* Fallback solid */ + +/* Utility Colors (Best Only) */ +@define-color purple #6791C9; /* Muted to blue-purple */ +@define-color pink #EE6A70; /* Shifted to coral/salmon */ +@define-color blue #5A84BC; /* Deeper nord blue */ +@define-color yellow #f6dc95; /* Warmer sun yellow */ +@define-color green #78B892; /* Muted sage green */ +@define-color red #DF5B61; /* Kept for errors */ +@define-color teal #7ACFE4; /* Rxyhn identity */ +@define-color cyan #67AFC1; /* Rxyhn identity */ +@define-color orange #E9967E; /* Dark salmon */ +@define-color line #222d31; /* Separators */ + +/* Gradient Colors */ +@define-color grad-start #78B892; /* Muted sage green */ +@define-color grad-end #EE6A70; /* Pink/Dark Pink (right) */ diff --git a/.config/waybar/12_horizontal_dock/colors/custom/tokyo night.css b/.config/waybar/12_horizontal_dock/colors/custom/tokyo night.css new file mode 100644 index 0000000..cf73a41 --- /dev/null +++ b/.config/waybar/12_horizontal_dock/colors/custom/tokyo night.css @@ -0,0 +1,29 @@ +/* Tokyo Night Theme - Unified Colors */ + +/* Background Hierarchy */ +@define-color bg0 #1a1b26; /* bg - Deepest blue-black */ +@define-color bg1 #24283b; /* bg_dark - Elevated surfaces */ +@define-color bg2 #292e42; /* bg_highlight - Hover/selection */ +@define-color bg3 #3b4261; /* fg_gutter - Borders/dividers */ +@define-color bg4 #565f89; /* comment - Secondary borders */ + +/* Text Colors */ +@define-color fg0 #c0caf5; /* fg - Primary text (soft lavender-white) */ + +/* Primary Accents - Blue → Purple Gradient */ +@define-color pri0 #7aa2f7; /* Blue - Main accent/workspace active */ +@define-color accent #7aa2f7; /* Fallback solid blue */ + +/* Utility Colors (Best Selection) */ +@define-color blue #7aa2f7; /* Main blue */ +@define-color purple #bb9af7; /* Main purple (gradient end) */ +@define-color cyan #7dcfff; /* Bright cyan */ +@define-color green #9ece6a; /* Vibrant green */ +@define-color red #f7768e; /* Soft red/pink */ +@define-color orange #ff9e64; /* Warm orange */ +@define-color yellow #e0af68; /* Muted gold/yellow */ +@define-color line #3b4261; /* Separators (gutter fg) */ + +/* Gradient Colors */ +@define-color grad-start #7aa2f7; /* Blue (left) */ +@define-color grad-end #bb9af7; /* Purple (right) */ \ No newline at end of file diff --git a/.config/waybar/12_horizontal_dock/config.jsonc b/.config/waybar/12_horizontal_dock/config.jsonc new file mode 100644 index 0000000..6c27149 --- /dev/null +++ b/.config/waybar/12_horizontal_dock/config.jsonc @@ -0,0 +1,124 @@ +{ + "position": "top", + "margin-top": 15, + "modules-center": [ + "clock", + "mpris", + "hyprland/workspaces", + "pulseaudio", + "network", + "battery" + ], + "mpris": { + "format": "{player_icon} {title}", + "format-paused": "{status_icon} {position} {artist}", + "format-stopped": "", // Hides the module when a player is closed + "player-icons": { + "default": "", + "firefox": "", + "mpv": "", + "spotify": "" + }, + "status-icons": { + "paused": "" + }, + "max-length": 20 + }, + "clock": { + "format": "{:%I:%M %p}", + "format-alt": "{:%a, %b %d}", + "tooltip": false + }, + "hyprland/workspaces": { + "format": "{icon}", + "format-icons": { + "1": "1", + "2": "2", + "3": "3", + "4": "4", + "5": "5", + "6": "六", + "7": "七", + "8": "八", + "9": "九", + "10": "十", + "default": "", + "urgent": "" + }, + "persistent-workspaces": { + "*": 5 + }, + "on-click": "activate", + "on-scroll-down": "hyprctl dispatch workspace e+1", + "on-scroll-up": "hyprctl dispatch workspace e-1" + }, + "pulseaudio": { + "format": "{icon} {volume}%", + "format-muted": "", + "format-icons": { + "headphone": "", + "hands-free": "", + "headset": "", + "phone": "", + "phone-muted": "", + "portable": "", + "car": "", + "default": [ + "", + "", + "" + ] + }, + "scroll-step": 1, + "on-click": "pavucontrol", + "ignored-sinks": [ + "Easy Effects Sink" + ] + }, + "network": { + "interface": "eno2", + "format": "{ifname}", + "format-wifi": "{icon}", + "format-ethernet": "󰤥", + "format-disconnected": "", + "on-click": "kitty --hold nmtui", + "format-icons": [ + "󰤯", + "󰤟", + "󰤢", + "󰤥", + "󰤨" + ], + "tooltip-format": " {bandwidthDownBytes}  {bandwidthUpBytes}", + "tooltip-format-wifi": "{essid} ({signalStrength}%) \n⇣{bandwidthDownBytes} ⇡{bandwidthUpBytes}" + }, + "battery": { + // Stacked: Icon on top, Capacity % below + "format": "{icon}", + "format-charging": "", + "format-icons": ["󰂎", "󰁺", "󰁻", "󰁼", "󰁽", "󰁾", "󰁿", "󰂀", "󰂁", "󰂂", "󰁹"], + "interval": 5, + "tooltip-format": "{timeTo}\nHealth: {health}%" + }, + "custom/notification": { + "tooltip": true, + "tooltip-format": "Left Click: Launch Overwatch\n Right Click: Do Not Disturb", + "format": "{icon}", + "format-icons": { + "notification": "", + "none": "", + "dnd-notification": "", + "dnd-none": "", + "inhibited-notification": "", + "inhibited-none": "", + "dnd-inhibited-notification": "", + "dnd-inhibited-none": "" + }, + "return-type": "json", + "exec-if": "which swaync-client", + "exec": "swaync-client -swb", + "on-click": "sleep 0.1 && swaync-client -t -sw", + "on-click-right": "swaync-client -d -sw", + "escape": true + } +} diff --git a/.config/waybar/12_horizontal_dock/style.css b/.config/waybar/12_horizontal_dock/style.css new file mode 100644 index 0000000..6d25ea4 --- /dev/null +++ b/.config/waybar/12_horizontal_dock/style.css @@ -0,0 +1,130 @@ +@import 'colors/colors.css'; + +* { + border: none; + border-radius: 0px; + + font-family: "Adwaita Sans", "JetBrainsMono Nerd Font Propo", sans-serif; + font-weight: 700; + font-size: 16px; + + min-height: 25px; + padding: 0; + margin: 0; +} + +window#waybar { + background: transparent; +} + +.modules-center { + background: @bg0; + border-radius: 25px; + padding: 0 12px; +} + +tooltip, +tooltip.background, +tooltip decoration, +.tooltip { + background: transparent; + background-color: transparent; + border: none; + box-shadow: none; + border-radius: 0; +} + +tooltip label { + color: @pri0; + background-color: @bg0; + padding: 6px 12px; + border-radius: 15px; +} + +#workspaces { + padding: 6px 6px; + margin: 0 0 0 12px; +} + +#workspaces button { + padding: 0px 6px; + margin: 0px 3px; + border-radius: 45px; + background-color: @bg1; + color: @bg1; + transition: all 0.3s ease-in-out; +} + +#workspaces button.active { + background: linear-gradient(135deg, @grad-start 0%, @grad-end 100%); + color: @bg0; + min-height: 20px; + min-width: 45px; + transition: all 0.3s ease-in-out; +} + +#workspaces button:hover { + background: linear-gradient(135deg, @grad-start 50%, @grad-end 100%); + color: @bg0; + min-width: 40px; + background-size: 400% 400%; +} + +#battery, +#pulseaudio, +#backlight, +#custom-pacman, +#network, +#clock, +#custom-weather, +#custom-media, +#window, +#custom-launcher, +#custom-notification, +#submap, +#power-profiles-daemon, +#custom-home-folder { + background-color: @bg0; + padding: 0 8px; + margin: 0 5px; + border-radius: 45; + border: none; + box-shadow: none; +} + +#submap { + color: @aqua; +} + +#custom-launcher { + color: @fg; +} + +#clock { + color: @fg0; + font-size: 15px; +} + +#mpris { + color: @accent; +} + +#pulseaudio { + color: @orange; + font-size: 14px; +} + +#network { + color: @purple; + font-size: 14px; +} + +#battery { + color: @green; + font-size: 14px; +} + +#custom-notification { + color: @fg0; + font-size: 14px; +}