Get Hyprland and stuff all set up on desktop
This commit is contained in:
parent
96739c5979
commit
44c5a27387
15 changed files with 668 additions and 13 deletions
179
modules/hypr/waybar/config.jsonc
Normal file
179
modules/hypr/waybar/config.jsonc
Normal file
|
|
@ -0,0 +1,179 @@
|
|||
{
|
||||
"layer": "top",
|
||||
"position": "top",
|
||||
"height": 30,
|
||||
"spacing": 1,
|
||||
"margin": 0,
|
||||
"modules-left": ["hyprland/workspaces", "hyprland/window"],
|
||||
"modules-center": [],
|
||||
"modules-right": ["custom/weather", "disk", "memory", "cpu", "temperature", "battery", "pulseaudio", "clock", "tray"],
|
||||
|
||||
"hyprland/workspaces": {
|
||||
"disable-scroll": true,
|
||||
"all-outputs": false,
|
||||
"warp-on-scroll": false,
|
||||
"format": "{name}"
|
||||
},
|
||||
|
||||
"hyprland/window": {
|
||||
},
|
||||
|
||||
"custom/playerctl": {
|
||||
"format": " {}",
|
||||
"return-type": "json",
|
||||
"max-length": 40,
|
||||
"exec": "playerctl -a metadata --format '{\"text\": \"{{artist}} - {{markup_escape(title)}}\", \"tooltip\": \"{{playerName}} : {{artist}} - {{markup_escape(title)}}\", \"alt\": \"{{status}}\", \"class\": \"{{status}}\"}' -F",
|
||||
"on-click": "playerctl play-pause",
|
||||
"on-click-right": "playerctl next",
|
||||
},
|
||||
|
||||
"custom/weather": {
|
||||
"exec": "curl 'https://wttr.in/?format=1&m'",
|
||||
"interval": 600,
|
||||
"format": "{}",
|
||||
"tooltip": true
|
||||
},
|
||||
|
||||
"custom/updates": {
|
||||
"format": " {}",
|
||||
"exec": "checkupdates | wc -l",
|
||||
"interval": 3600,
|
||||
"on-click": "kitty -e sudo pacman -Syu",
|
||||
"signal": 8
|
||||
},
|
||||
|
||||
"custom/uptime": {
|
||||
"format": " {}",
|
||||
"exec": "uptime -p | sed 's/up //; s/ days/d/; s/ hours/h/; s/ minutes/m/'",
|
||||
"interval": 60
|
||||
},
|
||||
|
||||
"idle_inhibitor": {
|
||||
"format": "{icon}",
|
||||
"format-icons": {
|
||||
"activated": "",
|
||||
"deactivated": ""
|
||||
},
|
||||
"tooltip": true
|
||||
},
|
||||
|
||||
"clock": {
|
||||
"format": "{:%H:%M}",
|
||||
"format-alt": "{:%Y-%m-%d}",
|
||||
"tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
|
||||
"calendar": {
|
||||
"mode" : "month",
|
||||
"mode-mon-col" : 3,
|
||||
"weeks-pos" : "right",
|
||||
"on-scroll" : 1,
|
||||
"on-click-right": "mode",
|
||||
"format": {
|
||||
"months": "<span color='#d3c6aa'><b>{}</b></span>",
|
||||
"days": "<span color='#e67e80'>{}</span>",
|
||||
"weeks": "<span color='#a7c080'><b>W{}</b></span>",
|
||||
"weekdays": "<span color='#7fbbb3'><b>{}</b></span>",
|
||||
"today": "<span color='#dbbc7f'><b><u>{}</u></b></span>"
|
||||
}
|
||||
},
|
||||
"actions": {
|
||||
"on-click-right": "mode",
|
||||
"on-click-forward": "tz_up",
|
||||
"on-click-backward": "tz_down",
|
||||
"on-scroll-up": "shift_up",
|
||||
"on-scroll-down": "shift_down"
|
||||
}
|
||||
},
|
||||
|
||||
"cpu": {
|
||||
"format": "<span color=\"#a7c080\">CPU</span> {usage}%",
|
||||
"tooltip": true,
|
||||
"interval": 1,
|
||||
"on-click": "kitty -e htop"
|
||||
},
|
||||
|
||||
"memory": {
|
||||
"format": "<span color=\"#a7c080\">RAM</span> {}%",
|
||||
"interval": 1,
|
||||
"on-click": "kitty -e htop"
|
||||
},
|
||||
|
||||
"temperature": {
|
||||
"critical-threshold": 80,
|
||||
"format": "{temperatureC}°C",
|
||||
"format-icons": ["", "", ""],
|
||||
},
|
||||
|
||||
"battery": {
|
||||
"states": {
|
||||
"good": 95,
|
||||
"warning": 30,
|
||||
"critical": 15
|
||||
},
|
||||
"format": "{icon} {capacity}%",
|
||||
"format-charging": "<span color=\"#a7c080\"></span> {capacity}%",
|
||||
"format-plugged": "<span color=\"#a7c080\"></span> {capacity}%",
|
||||
"format-alt": "{icon} {time}",
|
||||
"format-icons": [
|
||||
"<span color=\"#e67e80\"></span>",
|
||||
"<span color=\"#e67e80\"></span>",
|
||||
"<span color=\"#e69875\"></span>",
|
||||
"<span color=\"#e69875\"></span>",
|
||||
"<span color=\"#dbbc7f\"></span>",
|
||||
"<span color=\"#dbbc7f\"></span>",
|
||||
"<span color=\"#a7c080\"></span>",
|
||||
"<span color=\"#a7c080\"></span>",
|
||||
"<span color=\"#a7c080\"></span>",
|
||||
"<span color=\"#a7c080\"></span>",
|
||||
"<span color=\"#a7c080\"></span>"
|
||||
]
|
||||
},
|
||||
|
||||
"network": {
|
||||
"format-wifi": " {essid} ({signalStrength}%)",
|
||||
"format-ethernet": " {ifname}",
|
||||
"format-linked": " {ifname} (No IP)",
|
||||
"format-disconnected": " Disconnected",
|
||||
"format-alt": "{ifname}: {ipaddr}/{cidr}",
|
||||
"tooltip-format": "{ifname}: {ipaddr}",
|
||||
"on-click": "kitty -e nmtui"
|
||||
},
|
||||
|
||||
"pulseaudio": {
|
||||
"format": "<span color=\"#a7c080\">{icon}</span> {volume}%",
|
||||
"format-bluetooth": "<span color=\"#a7c080\"></span> {volume}%",
|
||||
"format-bluetooth-muted": "<span color=\"#a7c080\"></span> {icon}",
|
||||
"format-muted": "",
|
||||
"format-icons": {
|
||||
"headphone": "",
|
||||
"hands-free": "",
|
||||
"headset": "",
|
||||
"phone": "",
|
||||
"portable": "",
|
||||
"car": "",
|
||||
"default": ["", "", ""]
|
||||
},
|
||||
"on-click": "pavucontrol",
|
||||
"on-click-right": "pactl set-sink-mute @DEFAULT_SINK@ toggle",
|
||||
"on-scroll-up": "pactl set-sink-volume @DEFAULT_SINK@ +2%",
|
||||
"on-scroll-down": "pactl set-sink-volume @DEFAULT_SINK@ -2%"
|
||||
},
|
||||
|
||||
"backlight": {
|
||||
"format": "{icon} {percent}%",
|
||||
"format-icons": ["", "", ""],
|
||||
"on-scroll-up": "brightnessctl set +5%",
|
||||
"on-scroll-down": "brightnessctl set 5%-"
|
||||
},
|
||||
|
||||
"disk": {
|
||||
"interval": 30,
|
||||
"format": "<span color=\"#a7c080\">{path}</span> {percentage_used}%",
|
||||
"path": "/",
|
||||
"on-click": "kitty -e gdu /"
|
||||
},
|
||||
|
||||
"tray": {
|
||||
"icon-size": 18,
|
||||
"spacing": 5
|
||||
}
|
||||
}
|
||||
167
modules/hypr/waybar/style.css
Normal file
167
modules/hypr/waybar/style.css
Normal file
|
|
@ -0,0 +1,167 @@
|
|||
/*Colorschemes, there are Gruvbox, Tokyo Night, and Everforest by default. The way it works is whichever colorscheme section is defined last will be used. Here everforest is last, but put any one you want to use as the last one. ssdsssssssss*/
|
||||
|
||||
|
||||
/* Gruvbox Dark Colors */
|
||||
@define-color background #282828;
|
||||
@define-color background-light #3c3836;
|
||||
@define-color foreground #ebdbb2;
|
||||
@define-color black #32302f;
|
||||
@define-color red #cc241d;
|
||||
@define-color green #98971a;
|
||||
@define-color yellow #d79921;
|
||||
@define-color blue #458588;
|
||||
@define-color magenta #b16286;
|
||||
@define-color cyan #689d6a;
|
||||
@define-color white #ebdbb2;
|
||||
@define-color orange #d65d0e;
|
||||
|
||||
/* Tokyo Night */
|
||||
@define-color background #1a1b26;
|
||||
@define-color background-light #24283b;
|
||||
@define-color foreground #c0caf5;
|
||||
@define-color black #15161e;
|
||||
@define-color red #f7768e;
|
||||
@define-color green #9ece6a;
|
||||
@define-color yellow #e0af68;
|
||||
@define-color blue #7aa2f7;
|
||||
@define-color magenta #bb9af7;
|
||||
@define-color cyan #7dcfff;
|
||||
@define-color white #a9b1d6;
|
||||
@define-color orange #ff9e64;
|
||||
|
||||
|
||||
/* Everforest Dark Colors */
|
||||
@define-color background #2b3339;
|
||||
@define-color background-light #323c41;
|
||||
@define-color foreground #d3c6aa;
|
||||
@define-color black #3c474d;
|
||||
@define-color red #e67e80;
|
||||
@define-color green #a7c080;
|
||||
@define-color yellow #dbbc7f;
|
||||
@define-color blue #7fbbb3;
|
||||
@define-color magenta #d699b6;
|
||||
@define-color cyan #83c092;
|
||||
@define-color white #d3c6aa;
|
||||
@define-color orange #e69875;
|
||||
|
||||
@define-color background #2b3339;
|
||||
@define-color background rgba(43, 51, 57, 0.75);
|
||||
|
||||
/* Pastel TTY Colors */
|
||||
/*
|
||||
@define-color background #212121;
|
||||
@define-color background-light #3a3a3a;
|
||||
@define-color foreground #e0e0e0;
|
||||
@define-color black #5a5a5a;
|
||||
@define-color red #ff9a9e;
|
||||
@define-color green #b5e8a9;
|
||||
@define-color yellow #ffe6a7;
|
||||
@define-color blue #63a4ff;
|
||||
@define-color magenta #dda0dd;
|
||||
@define-color cyan #a3e8e8;
|
||||
@define-color white #ffffff;
|
||||
@define-color orange #ff8952;
|
||||
*/
|
||||
|
||||
|
||||
/* Module-specific colors */
|
||||
@define-color workspaces-color @foreground;
|
||||
@define-color workspaces-focused-bg @green;
|
||||
@define-color workspaces-focused-fg @cyan;
|
||||
@define-color workspaces-urgent-bg @red;
|
||||
@define-color workspaces-urgent-fg @black;
|
||||
|
||||
/* Text and border colors for modules */
|
||||
@define-color mode-color @orange;
|
||||
@define-color mpd-color @magenta;
|
||||
@define-color weather-color @magenta;
|
||||
@define-color playerctl-color @magenta;
|
||||
@define-color clock-color @blue;
|
||||
@define-color cpu-color @green;
|
||||
@define-color memory-color @magenta;
|
||||
@define-color temperature-color @yellow;
|
||||
@define-color temperature-critical-color @red;
|
||||
@define-color battery-color @cyan;
|
||||
@define-color battery-charging-color @green;
|
||||
@define-color battery-warning-color @yellow;
|
||||
@define-color battery-critical-color @red;
|
||||
@define-color network-color @blue;
|
||||
@define-color network-disconnected-color @red;
|
||||
@define-color pulseaudio-color @orange;
|
||||
@define-color pulseaudio-muted-color @red;
|
||||
@define-color backlight-color @yellow;
|
||||
@define-color disk-color @cyan;
|
||||
@define-color uptime-color @green;
|
||||
@define-color updates-color @orange;
|
||||
@define-color quote-color @green;
|
||||
@define-color idle-inhibitor-color @foreground;
|
||||
@define-color idle-inhibitor-active-color @red;
|
||||
|
||||
* {
|
||||
/* Base styling for all modules */
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
font-family: "Fira Code Nerd Font";
|
||||
font-size: 16px;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window#waybar {
|
||||
background-color: transparent;
|
||||
color: @foreground;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Common module styling with border-bottom */
|
||||
#mode, #mpd, #custom-weather, #custom-playerctl, #clock, #cpu,
|
||||
#memory, #temperature, #battery, #network, #pulseaudio,
|
||||
#backlight, #disk, #custom-uptime, #custom-updates, #custom-quote,
|
||||
#idle_inhibitor, #tray, #workspaces, #window {
|
||||
padding: 0 10px;
|
||||
margin: 4px 2px;
|
||||
background-color: @background;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
/* Workspaces styling */
|
||||
#workspaces button {
|
||||
padding: 0 5px;
|
||||
background-color: transparent;
|
||||
color: @workspaces-color;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#workspaces button:hover {
|
||||
background: @background-light;
|
||||
box-shadow: inherit;
|
||||
}
|
||||
|
||||
#workspaces button.active {
|
||||
box-shadow: inset 0 -2px @workspaces-focused-fg;
|
||||
color: @workspaces-focused-fg;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
#workspaces button.urgent {
|
||||
background-color: @workspaces-urgent-bg;
|
||||
color: @workspaces-urgent-fg;
|
||||
}
|
||||
|
||||
/* Module-specific styling */
|
||||
|
||||
#tray {
|
||||
background-color: transparent;
|
||||
padding: 0 10px;
|
||||
margin: 0 2px;
|
||||
}
|
||||
|
||||
#tray > .passive {
|
||||
-gtk-icon-effect: dim;
|
||||
}
|
||||
|
||||
#tray > .needs-attention {
|
||||
-gtk-icon-effect: highlight;
|
||||
color: @red;
|
||||
border-bottom-color: @red;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue