Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .config/waybar/12_horizontal_dock/colors/colors.css
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
@import 'custom/mocha.css';
29 changes: 29 additions & 0 deletions .config/waybar/12_horizontal_dock/colors/custom/everforest.css
Original file line number Diff line number Diff line change
@@ -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) */
30 changes: 30 additions & 0 deletions .config/waybar/12_horizontal_dock/colors/custom/mocha.css
Original file line number Diff line number Diff line change
@@ -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;
31 changes: 31 additions & 0 deletions .config/waybar/12_horizontal_dock/colors/custom/rxyhn.css
Original file line number Diff line number Diff line change
@@ -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) */
29 changes: 29 additions & 0 deletions .config/waybar/12_horizontal_dock/colors/custom/tokyo night.css
Original file line number Diff line number Diff line change
@@ -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) */
124 changes: 124 additions & 0 deletions .config/waybar/12_horizontal_dock/config.jsonc
Original file line number Diff line number Diff line change
@@ -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} <i>{position} {artist}</i>",
"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
}
}
130 changes: 130 additions & 0 deletions .config/waybar/12_horizontal_dock/style.css
Original file line number Diff line number Diff line change
@@ -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;
}