update hyprland config

This commit is contained in:
Alexander Navarro 2025-01-29 22:18:15 -03:00
parent 5a3ec56f81
commit 11a7a43c24
4 changed files with 351 additions and 302 deletions

View file

@ -1,5 +1,3 @@
# ╭────────────────────────────────────────────────────────────────────╮
# _ _ _ _ # _ _ _ _
# | | | |_ _ _ __ _ __| | __ _ _ __ __| | # | | | |_ _ _ __ _ __| | __ _ _ __ __| |
# | |_| | | | | '_ \| '__| |/ _` | '_ \ / _` | # | |_| | | | | '_ \| '__| |/ _` | '_ \ / _` |
@ -15,7 +13,7 @@
# ╰──────────────────────────────────────────────────────────╯ # ╰──────────────────────────────────────────────────────────╯
# Execute your favorite apps at launch # Execute your favorite apps at launch
exec-once = waybar & hyprpaper & mako exec-once = pipewire & ironbar & hyprpaper & mako
# ╭──────────────────────────────────────────────────────────╮ # ╭──────────────────────────────────────────────────────────╮
# │ Config │ # │ Config │
@ -106,7 +104,8 @@ master {
$mainMod = SUPER $mainMod = SUPER
$menu = bemenu-run -iwn --binding vim --vim-esc-exits --scrollbar autohide --fixed-height --counter always -l 20 -P '>' -p 'Open:' -B 2 -R 5 --cw '5x' --fn 'JetBrainsMono 13' --bdr '##$tealAlpha' --ab '##$baseAlpha' --af '##$textAlpha' --fb '##$baseAlpha' --ff '##$textAlpha' --cf '##$mauveAlpha' --hb '##$surface0Alpha' --hf '##$tealAlpha' --nb '##$baseAlpha' --nf '##$textAlpha' --tb '##$mauveAlpha' --tf '##$baseAlpha' --scb '##$surface0Alpha' --scf '##$mauveAlpha' # $menu = bemenu-run -iwn --binding vim --vim-esc-exits --scrollbar autohide --fixed-height --counter always -l 20 -P '>' -p 'Open:' -B 2 -R 5 --cw '5x' --fn 'JetBrainsMono 13' --bdr '##$tealAlpha' --ab '##$baseAlpha' --af '##$textAlpha' --fb '##$baseAlpha' --ff '##$textAlpha' --cf '##$mauveAlpha' --hb '##$surface0Alpha' --hf '##$tealAlpha' --nb '##$baseAlpha' --nf '##$textAlpha' --tb '##$mauveAlpha' --tf '##$baseAlpha' --scb '##$surface0Alpha' --scf '##$mauveAlpha'
$menu = rofi -show drun
# ── Spawn ───────────────────────────────────────────────────────────── # ── Spawn ─────────────────────────────────────────────────────────────
bind = $mainMod SHIFT, E, exit, bind = $mainMod SHIFT, E, exit,
@ -121,15 +120,15 @@ bind = $mainMod SHIFT, Print, exec, grim -g "$(slurp -d)" - | wl-copy
# screenshot area and edit it # screenshot area and edit it
bind = $mainMod CTRL, Print, exec, grim -g "$(slurp -d)" - | swappy -f - bind = $mainMod CTRL, Print, exec, grim -g "$(slurp -d)" - | swappy -f -
bind = $mainMod, XF86AudioRaiseVolume, exec, wpctl set-volume -l 1.0 @DEFAULT_AUDIO_SINK@ 5%+ bind = , XF86AudioRaiseVolume, exec, wpctl set-volume -l 1.0 @DEFAULT_AUDIO_SINK@ 5%+
bind = $mainMod, XF86AudioLowerVolume, exec, wpctl set-volume -l 1.0 @DEFAULT_AUDIO_SINK@ 5%- bind = , XF86AudioLowerVolume, exec, wpctl set-volume -l 1.0 @DEFAULT_AUDIO_SINK@ 5%-
bind = $mainMod, XF86AudioMute, exec, wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle bind = , XF86AudioMute, exec, wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle
bind = $mainMod, XF86AudioMicMute, exec, wpctl set-mute @DEFAULT_AUDIO_SOURCE@ toggle bind = , XF86AudioMicMute, exec, wpctl set-mute @DEFAULT_AUDIO_SOURCE@ toggle
bind = $mainMod, XF86AudioPlay, exec, playerctl play-pause bind = , XF86AudioPlay, exec, playerctl play-pause
bind = $mainMod, XF86AudioNext, exec, playerctl next bind = , XF86AudioNext, exec, playerctl next
bind = $mainMod, XF86AudioPrev, exec, playerctl previous bind = , XF86AudioPrev, exec, playerctl previous
bind = $mainMod, XF86MonBrightnessUp, exec, brightnessctl set +5% bind = , XF86MonBrightnessUp, exec, brightnessctl set +5%
bind = $mainMod, XF86MonBrightnessDown, exec, brightnessctl set 5%- bind = , XF86MonBrightnessDown, exec, brightnessctl set 5%-
# ── Window Options ──────────────────────────────────────────────────── # ── Window Options ────────────────────────────────────────────────────
bind = $mainMod SHIFT, space, togglefloating, bind = $mainMod SHIFT, space, togglefloating,

View file

@ -1,147 +1,128 @@
{ {
// "layer": "top", // Waybar at top layer "layer":"top",
// "height": 30, // Waybar height (to be removed for auto height) "position":"top",
"spacing": 4, // Gaps between modules (4px) "reload_style_on_change":true,
// Choose the order of the modules
"modules-left": [ "height":20,
"hyprland/workspaces", "margin-bottom":5,
], "margin-left": 5,
"modules-center": [ "margin-right":5,
"tray"
], "modules-left":["hyprland/workspaces"],
"modules-right": [ "modules-center":["clock"],
"idle_inhibitor", "modules-right":[
"pulseaudio", "custom/notification",
"network", "idle_inhibitor",
"battery", "network",
"clock" "bluetooth",
], "backlight",
// Modules configuration "wireplumber",
"hyprland/workspaces": { "clock#time",
"disable-scroll": true, "battery",
"warp-on-scroll": true, "custom/power"
],
"hyprland/workspaces": {
"all-outputs": true,
"format": "{icon}",
"format-icons": {
"1": "✨",
"2": "🌈",
"3": "💕",
"4": "🎄",
"5": "🌊",
"6": "🌷",
"7": "🪷",
"8": "😽",
"9": "🌙",
"10": "🦋",
},
"on-scroll-up": "hyprctl dispatch workspace e+1 1>/dev/null",
"on-scroll-down": "hyprctl dispatch workspace e-1 1>/dev/null",
"sort-by-number": true,
"active-only": false,
},
"backlight":{
"format": "<span color='#8ccf7e'>󱩖 </span> {percent}% ",
"device": "intel_backlight",
"on-scroll-down": "brightnessctl s 5%-",
"on-scroll-up": "brightnessctl s +5%"
},
"idle_inhibitor": {
"format": "{icon}", "format": "{icon}",
"format-icons": { "format-icons": {
"1": "", "activated": "",
"2": "", "deactivated": ""
"3": "", },
"9": "", "tooltip": "true"
"10": "󰌳",
"default": ""
}
}, },
"keyboard-state": {
"numlock": true, "wireplumber": {
"capslock": true, "on-click": "pavucontrol",
"format": "{name} {icon}", "on-click-right": "amixer sset Master toggle 1>/dev/null",
"format-icons": { "format": "<span foreground='#e5c76b'>{icon}</span> {volume}%",
"locked": "", "format-muted": "<span foreground='#e5c76b'></span> Muted",
"unlocked": "" "format-icons": {
} "headphone": " ",
"hands-free": " ",
"headset": " ",
"phone": " ",
"portable": " ",
"car": " ",
"default": [" ", " ", " "]
},
},
"network": {
"format-wifi": "<span color='#67b0e8'></span> {essid} ",
"format-ethernet": "<span color='#67b0e8'></span> {ifname}",
"format-linked": "<span color='#67b0e8'></span> {ifname} (No IP)",
"format": "<span color='#67b0e8'></span> Connected",
"format-disconnected": "<span color='#67b0e8'></span> Disconnected",
"interval": 60,
"on-click":"~/.config/rofi/rofi-wifi-menu.sh"
}, },
"mpd": { "clock": {
"format": "{stateIcon} {consumeIcon}{randomIcon}{repeatIcon}{singleIcon}{artist} - {album} - {title} ({elapsedTime:%M:%S}/{totalTime:%M:%S}) ⸨{songPosition}|{queueLength}⸩ {volume}% ", "format": "<span color='#ee5396'></span> {:%A %e %B}"
"format-disconnected": "Disconnected ", },
"format-stopped": "{consumeIcon}{randomIcon}{repeatIcon}{singleIcon}Stopped ", "clock#time": {
"unknown-tag": "N/A", "format": "<span color='#e57474'></span> {:%H:%M}"
},
"battery": {
"interval": 2, "interval": 2,
"consume-icons": {
"on": " "
},
"random-icons": {
"off": "<span color=\"#f53c3c\"></span> ",
"on": " "
},
"repeat-icons": {
"on": " "
},
"single-icons": {
"on": "1 "
},
"state-icons": {
"paused": "",
"playing": ""
},
"tooltip-format": "MPD (connected)",
"tooltip-format-disconnected": "MPD (disconnected)"
},
"idle_inhibitor": {
"format": "{icon}",
"format-icons": {
"activated": "󰅶",
"deactivated": "󰾪"
}
},
"tray": {
// "icon-size": 21,
"spacing": 10
},
"clock": {
// "timezone": "America/New_York",
"format": "{:%I:%M}",
"tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
"format-alt": "{:%Y-%m-%d}"
},
"cpu": {
"format": "{usage}% ",
"tooltip": false
},
"memory": {
"format": "{}% "
},
"temperature": {
// "thermal-zone": 2,
// "hwmon-path": "/sys/class/hwmon/hwmon2/temp1_input",
"critical-threshold": 80,
// "format-critical": "{temperatureC}°C {icon}",
"format": "{temperatureC}°C {icon}",
"format-icons": ["", "", ""]
},
"backlight": {
// "device": "acpi_video1",
"format": "{percent}% {icon}",
"format-icons": ["", "", "", "", "", "", "", "", ""]
},
"battery": {
"states": { "states": {
// "good": 95, "good": 95,
"warning": 30, "warning": 30,
"critical": 15 "critical": 15
}, },
"format": "{capacity}% {icon}", "format": "<span color='#8ccf7e'>{icon}</span> {capacity}%",
"format-charging": "{capacity}% ", "format-charging": "<span color='#8ccf7e'></span> {capacity}%",
"format-plugged": "{capacity}% ", "format-plugged": "<span color='#8ccf7e'></span> {capacity}%",
"format-alt": "{time} {icon}", "format-icons": [
// "format-good": "", // An empty format will hide the module "",
// "format-full": "", "",
"format-icons": ["", "", "", "", ""] "",
"",
""
]
}, },
"network": { "bluetooth":{
// "interface": "wlp2*", // (Optional) To force the use of this interface "format-on": "<span color='#e57474'></span> Turned On",
"format-wifi": "{essid} ({signalStrength}%) ", "format-off": "<span color='#e57474'></span> Turned Off",
"format-ethernet": "{ipaddr}/{cidr} ", "format-disabled": "<span color='#e57474'></span> Disabled",
"tooltip-format": "{ifname} via {gwaddr} ", "format-connected": "<span color='#e57474'></span> Connected",
"format-linked": "{ifname} (No IP) ", "format": "<span color='#e57474'></span> Disabled",
"format-disconnected": "Disconnected ⚠", "on-click":"blueman-manager &"
"format-alt": "{ifname}: {ipaddr}/{cidr}"
}, },
"pulseaudio": {
// "scroll-step": 1, // %, can be a float "custom/power":{
"format": "{volume}% {icon} {format_source}", "format":"",
"format-bluetooth": "{volume}% {icon} {format_source}", "on-click":"~/.config/rofi/powermenu/type-4/powermenu.sh"
"format-bluetooth-muted": " {icon} {format_source}", },
"format-muted": " {format_source}", "custom/notification":{
"format-source": "{volume}% ", "format": "󱅫",
"format-source-muted": "", "on-click": "swaync-client -t -sw"
"format-icons": {
"headphone": "",
"hands-free": "",
"headset": "",
"phone": "",
"portable": "",
"car": "",
"default": ["", "", ""]
},
"on-click": "pavucontrol"
} }
} }

179
config/waybar/style-bkp.css Normal file
View file

@ -0,0 +1,179 @@
@import "./themes/catppuccin-macchiato.css";
@keyframes blink_red {
to {
background-color: @red;
color: @base;
}
}
* {
/* `otf-font-awesome` is required to be installed for icons */
font-family: JetBrainsMono Roboto, Helvetica, Arial, sans-serif;
font-size: 1rem;
}
box.modules-left,
box.modules-center,
box.modules-right {
border-radius: 1rem;
background-color: @base;
}
.warning,
.critical,
.urgent {
animation-name: blink_red;
animation-duration: 800ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#mode,
#clock,
#memory,
#temperature,
#cpu,
#custom-weather,
#mpd,
#idle_inhibitor,
#backlight,
#pulseaudio,
#network,
#battery,
#custom-powermenu,
#custom-cava-internal,
#custom-launcher,
#tray,
#disk,
#custom-pacman,
#custom-scratchpad-indicator {
padding: 0 0.6rem;
background-color: @red;
}
/* Bar */
window#waybar {
background-color: transparent;
}
window > box {
background-color: transparent;
margin: 5px 11px;
margin-bottom: 0;
}
window#waybar button:not(:first-child),
window#waybar button:not(:last-child) {
border-radius: 0;
}
window#waybar button:first-child {
border-radius: 1rem 0 0 1rem;
}
window#waybar button:last-child {
border-radius: 0 1rem 1rem 0;
}
/* Workspaces */
#workspaces button {
padding: 0.2rem 0.75rem;
color: @text;
}
#workspaces button label {
background-color: transparent;
font-size: 1.2rem;
}
#workspaces button:not(:first-child) label {
/* Fix fontawesome miss alignment, depends of the padding above and font size */
margin-right: 0.45rem;
}
#workspaces button.focused {
color: @teal;
background-color: alpha(@teal, 0.15);
}
#workspaces button:hover {
/* border: .2px solid transparent; */
background: alpha(@blue, 0.15);
color: @blue;
border-color: transparent;
box-shadow: inherit;
text-shadow: inherit;
}
/* Tooltip */
tooltip {
background-color: @base;
}
tooltip label {
color: @rosewater;
}
/* battery */
#battery {
color: @mauve;
padding-right: 1.15rem;
}
#battery.full {
color: @green;
}
#battery.charging {
color: @teal;
}
#battery.discharging {
color: @peach;
}
#battery.critical:not(.charging) {
color: @pink;
}
#custom-powermenu {
color: @red;
}
#memory {
color: @peach;
}
#cpu {
color: @blue;
}
#clock {
color: @rosewater;
}
#idle_inhibitor {
color: @green;
padding-right: 0.9rem;
}
#temperature {
color: @sapphire;
}
#backlight {
color: @green;
}
#pulseaudio {
color: @mauve; /* not active */
}
#network {
color: @pink; /* not active */
}
#network.disconnected {
color: @foreground; /* not active */
}
#disk {
color: @maroon;
}
#custom-pacman {
color: @sky;
}
#custom-scratchpad-indicator {
color: @yellow;
}
#custom-weather {
color: @red;
}

View file

@ -1,179 +1,69 @@
@import "./themes/catppuccin-macchiato.css"; @import "./themes/catppuccin-macchiato.css";
@keyframes blink_red { *{
to { font-size: 13px;
background-color: @red;
color: @base;
}
}
* {
/* `otf-font-awesome` is required to be installed for icons */
font-family: JetBrainsMono Roboto, Helvetica, Arial, sans-serif; font-family: JetBrainsMono Roboto, Helvetica, Arial, sans-serif;
font-size: 1rem; color: @text;
}
#waybar {
background: transparent;
border-radius: 5px;
}
#workspaces{
border-radius:5px;
box-shadow:0px 0px black;
} }
box.modules-left, box.modules-left,
box.modules-center, box.modules-center,
box.modules-right { box.modules-right {
border-radius: 1rem; border-radius: 6px;
background-color: @base; background-color: @base;
} }
.warning, #workspaces,
.critical,
.urgent {
animation-name: blink_red;
animation-duration: 800ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#mode,
#clock,
#memory,
#temperature,
#cpu,
#custom-weather,
#mpd,
#idle_inhibitor,
#backlight,
#pulseaudio,
#network, #network,
#backlight,
#wireplumber,
#clock,
#battery, #battery,
#custom-powermenu, #idle_inhibitor,
#custom-cava-internal, #bluetooth,
#custom-launcher, #custom-power,
#tray, #custom-notification{
#disk,
#custom-pacman,
#custom-scratchpad-indicator {
padding: 0 0.6rem; padding: 0 0.6rem;
background-color: @red;
} }
/* Bar */ #network,
window#waybar { #wireplumber,
background-color: transparent; #backlight,
#bluetooth{
margin:0px;
}
#backlight,
#bluetooth{
border-radius:0px;
}
#wireplumber{
border-radius: 0px 5px 5px 0px;
} }
window > box { #idle_inhibitor,
background-color: transparent; #clock,
margin: 5px 11px; #workspaces,
margin-bottom: 0; #custom-lizzy,
#custom-power,
#battery,
#custom-notification{
border-radius: 5px;
} }
window#waybar button:not(:first-child), #idle_inhibitor.activated{
window#waybar button:not(:last-child) { color:#e57474;
border-radius: 0;
} }
window#waybar button:first-child { #custom-power{
border-radius: 1rem 0 0 1rem; color:#c47fd5;
} margin-right:10px;
padding-right:14px;
window#waybar button:last-child {
border-radius: 0 1rem 1rem 0;
}
/* Workspaces */
#workspaces button {
padding: 0.2rem 0.75rem;
color: @text;
}
#workspaces button label {
background-color: transparent;
font-size: 1.2rem;
}
#workspaces button:not(:first-child) label {
/* Fix fontawesome miss alignment, depends of the padding above and font size */
margin-right: 0.45rem;
}
#workspaces button.focused {
color: @teal;
background-color: alpha(@teal, 0.15);
}
#workspaces button:hover {
/* border: .2px solid transparent; */
background: alpha(@blue, 0.15);
color: @blue;
border-color: transparent;
box-shadow: inherit;
text-shadow: inherit;
}
/* Tooltip */
tooltip {
background-color: @base;
}
tooltip label {
color: @rosewater;
}
/* battery */
#battery {
color: @mauve;
padding-right: 1.15rem;
}
#battery.full {
color: @green;
}
#battery.charging {
color: @teal;
}
#battery.discharging {
color: @peach;
}
#battery.critical:not(.charging) {
color: @pink;
}
#custom-powermenu {
color: @red;
}
#memory {
color: @peach;
}
#cpu {
color: @blue;
}
#clock {
color: @rosewater;
}
#idle_inhibitor {
color: @green;
padding-right: 0.9rem;
}
#temperature {
color: @sapphire;
}
#backlight {
color: @green;
}
#pulseaudio {
color: @mauve; /* not active */
}
#network {
color: @pink; /* not active */
}
#network.disconnected {
color: @foreground; /* not active */
}
#disk {
color: @maroon;
}
#custom-pacman {
color: @sky;
}
#custom-scratchpad-indicator {
color: @yellow;
}
#custom-weather {
color: @red;
} }