diff --git a/.config/hypr/hyprpaper.conf##hostname.owlenpc00 b/.config/hypr/hyprpaper.conf##hostname.owlenpc00 index 6be535c..8632c65 100644 --- a/.config/hypr/hyprpaper.conf##hostname.owlenpc00 +++ b/.config/hypr/hyprpaper.conf##hostname.owlenpc00 @@ -2,7 +2,8 @@ splash = true splash_offset = 2.0 ipc = true -preload = /home/mpuchstein/Pictures/wallpaper/1920x1080/widescreen/138 - 1jb5suO.jpg -wallpaper = DP-1, /home/mpuchstein/Pictures/wallpaper/1920x1080/widescreen/138 - 1jb5suO.jpg -preload = /home/mpuchstein/Pictures/wallpaper/1920x1080/widescreen/97 - YDJuRTa.jpg -wallpaper = DP-2, /home/mpuchstein/Pictures/wallpaper/1920x1080/widescreen/97 - YDJuRTa.jpg +preload = /home/mpuchstein/Pictures/wallpaper/1920x1080/rosepinesuccubus10.png +preload = /home/mpuchstein/Pictures/wallpaper/1920x1080/rosepinesuccubus3.png +preload = /home/mpuchstein/Pictures/wallpaper/1920x1080/rosepineskull.png +wallpaper = DP-1, /home/mpuchstein/Pictures/wallpaper/1920x1080/rosepinesuccubus10.png +wallpaper = DP-2, /home/mpuchstein/Pictures/wallpaper/1920x1080/rosepinesuccubus3.png diff --git a/.config/spicetify/config-xpui.ini b/.config/spicetify/config-xpui.ini index 73252a8..6ea71e7 100644 --- a/.config/spicetify/config-xpui.ini +++ b/.config/spicetify/config-xpui.ini @@ -1,7 +1,7 @@ [Setting] spotify_path = $HOME/.local/share/spotify-launcher/install/usr/share/spotify/ -current_theme = marketplace -color_scheme = +current_theme = Ziro +color_scheme = rose-pine inject_theme_js = 1 replace_colors = 1 always_enable_devtools = 0 @@ -19,7 +19,7 @@ expose_apis = 1 [AdditionalOptions] custom_apps = marketplace -sidebar_config = 1 +sidebar_config = 0 home_config = 1 experimental_features = 1 extensions = @@ -28,5 +28,5 @@ extensions = ; DO NOT CHANGE! [Backup] -version = 1.2.56.502.ga68d2d4f -with = 2.39.5 +version = 1.2.63.394.g126b0d89 +with = 2.41.0 diff --git a/.config/swaync/style.css b/.config/swaync/style.css index b18235d..82bab78 100644 --- a/.config/swaync/style.css +++ b/.config/swaync/style.css @@ -1,228 +1,256 @@ -@define-color cc-bg #32302f; -@define-color noti-border-color #32302f; -@define-color noti-bg #3c3836; -@define-color noti-bg-darker #3c3836; -@define-color noti-bg-hover rgb(27, 27, 43); -@define-color noti-bg-focus rgba(27, 27, 27, 0.6); -@define-color text-color #f9f5d7; -@define-color text-color-disabled #bdae93; -@define-color bg-selected #fabd2f; +@define-color rp-base #191724; +@define-color rp-surface #1f1d2e; +@define-color rp-overlay #26233a; +@define-color rp-hl-low #21202e; +@define-color rp-hl-med #403d52; +@define-color rp-hl-high #524f67; -* { +@define-color rp-muted #6e6a86; +@define-color rp-subtle #908caa; +@define-color rp-text #e0def4; + +@define-color rp-love #eb6f92; +@define-color rp-gold #f6c177; +@define-color rp-rose #ebbcba; +@define-color rp-pine #31748f; +@define-color rp-foam #9ccfd8; +@define-color rp-iris #c4a7e7; + +/* To use Rosé Pine Moon, replace: +rp-base: #232136; rp-surface: #2a273f; rp-overlay: #393552; +rp-hl-low: #2a283e; rp-hl-med: #44415a; rp-hl-high: #56526e; +rp-text: #e0def4; rp-subtle: #908caa; accents same. +For Dawn (light), you’ll likely also want to invert contrasts. */ + +@define-color cc-bg @rp-surface; +@define-color noti-border-color @rp-hl-high; +@define-color noti-bg @rp-overlay; +@define-color noti-bg-darker @rp-hl-low; +@define-color noti-bg-hover @rp-hl-med; +@define-color noti-bg-focus alpha(@rp-hl-high, 0.6); +@define-color text-color @rp-text; +@define-color text-color-disabled @rp-subtle; +@define-color bg-selected @rp-iris; + + { font-family: JetBrainsMono NFP; font-weight: bold; - font-size: 14px -} + font-size: 14px; + } .control-center .notification-row:focus, .control-center .notification-row:hover { - opacity: 1; - background: @noti-bg-darker +opacity: 1; +background: @noti-bg-darker; } .notification-row { - outline: none; - margin: 20px; - padding: 0; +outline: none; +margin: 20px; +padding: 0; } .notification { - background: transparent; - margin: 0px; +background: transparent; +margin: 0px; } .notification-content { - background: @cc-bg; - padding: 7px; - border-radius: 0px; - border: 2px solid #85796f; - margin: 0; +background: @cc-bg; +padding: 7px; +border-radius: 0px; +border: 2px solid @noti-border-color; +margin: 0; } .close-button { - background: #d79921; - color: @cc-bg; - text-shadow: none; - padding: 0; - border-radius: 0px; - margin-top: 5px; - margin-right: 5px; +background: @rp-gold; +color: @cc-bg; +text-shadow: none; +padding: 0; +border-radius: 0px; +margin-top: 5px; +margin-right: 5px; } .close-button:hover { - box-shadow: none; - background: #fabd2f; - transition: all .15s ease-in-out; - border: none +box-shadow: none; +background: @rp-rose; +color: @cc-bg; +transition: all .15s ease-in-out; +border: none; } .notification-action { - color: #ebdbb2; - border: 2px solid #85796f; - border-top: none; - border-radius: 0px; - background: #32302F; +color: @text-color; +border: 2px solid @noti-border-color; +border-top: none; +border-radius: 0px; +background: @rp-base; } .notification-default-action:hover, .notification-action:hover { - color: #ebdbb2; - background: #32302F; +color: @text-color; +background: @noti-bg-hover; } .summary { - padding-top: 7px; - font-size: 13px; - color: #ebdbb2; +padding-top: 7px; +font-size: 13px; +color: @text-color; } .time { - font-size: 11px; - color: #d79921; - margin-right: 24px +font-size: 11px; +color: @rp-gold; +margin-right: 24px; } .body { - font-size: 12px; - color: #ebdbb2; +font-size: 12px; +color: @text-color; } .control-center { - background: @cc-bg; - border: 2px solid #85796f; - border-radius: 0px; +background: @cc-bg; +border: 2px solid @noti-border-color; +border-radius: 0px; } .control-center-list { - background: transparent +background: transparent; } .control-center-list-placeholder { - opacity: .5 +opacity: .5; } .floating-notifications { - background: transparent +background: transparent; } .blank-window { - background: alpha(black, 0.1) +background: alpha(@rp-base, 0.1); } .widget-title { - color: #f9f5d7; - background: @noti-bg-darker; - padding: 5px 10px; - margin: 10px 10px 5px 10px; - font-size: 1.5rem; - border-radius: 5px; +color: @text-color; +background: @noti-bg-darker; +padding: 5px 10px; +margin: 10px 10px 5px 10px; +font-size: 1.5rem; +border-radius: 5px; } -.widget-title>button { - font-size: 1rem; - color: @text-color; - text-shadow: none; - background: @noti-bg; - box-shadow: none; - border-radius: 5px; +.widget-title > button { +font-size: 1rem; +color: @text-color; +text-shadow: none; +background: @noti-bg; +box-shadow: none; +border-radius: 5px; } -.widget-title>button:hover { - background: #d79921; - color: @cc-bg; +.widget-title > button:hover { +background: @rp-gold; +color: @cc-bg; } .widget-dnd { - background: @noti-bg-darker; - padding: 5px 10px; - margin: 5px 10px 10px 10px; - border-radius: 5px; - font-size: large; - color: #f2e5bc; +background: @noti-bg-darker; +padding: 5px 10px; +margin: 5px 10px 10px 10px; +border-radius: 5px; +font-size: large; +color: @text-color; } -.widget-dnd>switch { - border-radius: 4px; - background: #665c54; +.widget-dnd > switch { +border-radius: 4px; +background: @rp-muted; } -.widget-dnd>switch:checked { - background: #d79921; - border: 1px solid #d79921; +.widget-dnd > switch:checked { +background: @rp-gold; +border: 1px solid @rp-gold; } -.widget-dnd>switch slider { - background: @cc-bg; - border-radius: 5px +.widget-dnd > switch slider { +background: @cc-bg; +border-radius: 5px; } -.widget-dnd>switch:checked slider { - background: @cc-bg; - border-radius: 5px +.widget-dnd > switch:checked slider { +background: @cc-bg; +border-radius: 5px; } .widget-label { - margin: 10px 10px 5px 10px; +margin: 10px 10px 5px 10px; } -.widget-label>label { - font-size: 1rem; - color: @text-color; +.widget-label > label { +font-size: 1rem; +color: @text-color; } .widget-mpris { - color: @text-color; - background: @noti-bg-darker; - padding: 5px 10px 0px 0px; - margin: 5px 10px 5px 10px; - border-radius: 0px; +color: @text-color; +background: @noti-bg-darker; +padding: 5px 10px 0px 0px; +margin: 5px 10px 5px 10px; +border-radius: 0px; } .widget-mpris > box > button { - border-radius: 5px; +border-radius: 5px; } .widget-mpris-player { - padding: 5px 10px; - margin: 10px +padding: 5px 10px; +margin: 10px; } .widget-mpris-title { - font-weight: 700; - font-size: 1.25rem +font-weight: 700; +font-size: 1.25rem; } .widget-mpris-subtitle { - font-size: 1.1rem +font-size: 1.1rem; +color: @text-color-disabled; } .widget-buttons-grid { - font-size: x-large; - padding: 5px; - margin: 5px 10px 10px 10px; - border-radius: 5px; - background: @noti-bg-darker; +font-size: x-large; +padding: 5px; +margin: 5px 10px 10px 10px; +border-radius: 5px; +background: @noti-bg-darker; } -.widget-buttons-grid>flowbox>flowboxchild>button { - margin: 3px; - background: @cc-bg; - border-radius: 5px; - color: @text-color +.widget-buttons-grid > flowbox > flowboxchild > button { +margin: 3px; +background: @cc-bg; +border-radius: 5px; +color: @text-color; +border: 1px solid @noti-border-color; } -.widget-buttons-grid>flowbox>flowboxchild>button:hover { - background: #d79921; - color: @cc-bg; +.widget-buttons-grid > flowbox > flowboxchild > button:hover { +background: @rp-gold; +color: @cc-bg; } -.widget-menubar>box>.menu-button-bar>button { - border: none; - background: transparent +.widget-menubar > box > .menu-button-bar > button { +border: none; +background: transparent; +color: @text-color; } -.topbar-buttons>button { - border: none; - background: transparent +.topbar-buttons > button { +border: none; +background: transparent; +color: @text-color; } - diff --git a/.config/waybar/config b/.config/waybar/config index 4ca4b41..8f157f8 100644 --- a/.config/waybar/config +++ b/.config/waybar/config @@ -18,7 +18,9 @@ "cpu", "memory", "disk#root", - "network" + "network", + "temperature#cpu", + "temperature#gpu_hotspot" ], "modules-right": [ @@ -28,7 +30,10 @@ "privacy", "wireplumber#source", "wireplumber#sink", - "tray" + "tray", + "bluetooth", + "power-profiles-daemon", + "battery" ], "hyprland/window": { @@ -74,8 +79,8 @@ "interval": 3, "format-wifi": " {essid}%", "format-ethernet": " {ifname}", - "tooltip-format-wifi": "{signalStrength}\n {bandwidthUpBytes}\n {bandwidthDownBytes}" - "tooltip-format-ethernet": " {bandwidthUpBytes}\n {bandwidthDownBytes}" + "tooltip-format-wifi": "{signalStrength}\n {bandwidthUpBytes}\n {bandwidthDownBytes}", + "tooltip-format-ethernet": " {bandwidthUpBytes}\n {bandwidthDownBytes}", "format-disconnected": "" }, @@ -145,7 +150,113 @@ "on-scroll-down": "shift_down" } }, - + + "power-profiles-daemon": { + "format": "{icon} {profile}", + "tooltip-format": "Power profile: {profile}\nDriver: {driver}", + "tooltip": true, + "format-icons": { + "performance": "", + "balanced": "", + "power-saver": "", + "default": "" + } + }, + + "battery": { + "interval": 30, + "states": { "warning": 30, "critical": 15 }, + "format": "{capacity}% {icon}", + "format-time": "{H}h {M}m", + "format-icons": ["", "", "", "", ""], + "tooltip": true, + "events": { + "on-discharging-warning": "notify-send -u normal 'Battery low'", + "on-discharging-critical": "notify-send -u critical 'Battery very low'", + "on-charging-100": "notify-send -u normal 'Battery full'" + } + }, + + "bluetooth": { + "format": "", + "format-disabled": "", + "format-off": "", + "format-on": "", + "tooltip": true, + "on-click": "blueman-manager" + }, + + + "group/temps": { + "orientation": "horizontal", + "drawer": { + "transition-duration": 300, + "transition-left-to-right": true, + "click-to-reveal": true + }, + "modules": [ + "custom/temps-wrap", // leader, always visible + "temperature#cpu", + "temperature#gpu_hotspot", + "temperature#nvme", + ] + }, + + "custom/temps-wrap": { + "format": "", + "tooltip-format": "Temperatures" + }, + + "temperature#cpu": { + "hwmon-path-abs": "/sys/devices/pci0000:00/0000:00:18.3/hwmon", + "input-filename": "temp1_input", + "interval": 5, + "critical-threshold": 85, + "format": " CPU: {temperatureC}°C", + "format-critical": " CPU: {temperatureC}°C ", + "tooltip-format": "CPU Tctl: {temperatureC}°C" + }, + + "temperature#gpu_edge": { + "hwmon-path-abs": "/sys/devices/pci0000:00/0000:00:01.1/0000:10:00.0/0000:11:00.0/0000:12:00.0/hwmon", + "input-filename": "temp1_input", + "interval": 5, + "critical-threshold": 100, + "format": "GPU {temperatureC}°C", + "format-critical": "GPU {temperatureC}°C ", + "tooltip-format": "GPU edge: {temperatureC}°C" + }, + + "temperature#gpu_hotspot": { + "hwmon-path-abs": "/sys/devices/pci0000:00/0000:00:01.1/0000:10:00.0/0000:11:00.0/0000:12:00.0/hwmon", + "input-filename": "temp2_input", + "interval": 5, + "critical-threshold": 110, + "format": " GPU: {temperatureC}°C", + "format-critical": " GPU: {temperatureC}°C ", + "tooltip-format": "GPU junction: {temperatureC}°C" + }, + + "temperature#gpu_mem": { + "hwmon-path-abs": "/sys/devices/pci0000:00/0000:00:01.1/0000:10:00.0/0000:11:00.0/0000:12:00.0/hwmon", + "input-filename": "temp3_input", + "interval": 5, + "critical-threshold": 100, + "format": " {temperatureC}°C", + "format-critical": " {temperatureC}°C ", + "tooltip-format": "GPU memory: {temperatureC}°C" + }, + + "temperature#nvme": { + "hwmon-path-abs": "/sys/devices/pci0000:00/0000:00:02.2/0000:23:00.0/nvme/nvme0/hwmon", + "input-filename": "temp1_input", + "interval": 10, + "critical-threshold": 85, + "format": " {temperatureC}°C", + "format-critical": " {temperatureC}°C ", + "tooltip-format": "NVMe Composite: {temperatureC}°C" + }, + "custom/swaync": { "format": " {}", "exec-if": "which swaync-client >/dev/null 2>&1 && pgrep -x swaync >/dev/null 2>&1", diff --git a/.config/waybar/style.css b/.config/waybar/style.css index 9d6cd2f..8cb1f1e 100644 --- a/.config/waybar/style.css +++ b/.config/waybar/style.css @@ -1,27 +1,65 @@ -/* Rosé Pine (main) palette -base: #191724 surface: #1f1d2e overlay: #26233a text: #e0def4 -muted: #6e6a86 subtle: #908caa -love: #eb6f92 gold: #f6c177 rose: #ea9a97 pine: #31748f foam: #9ccfd8 iris: #c4a7e7 -highlight-low: #21202e highlight-med: #403d52 highlight-high: #524f67 -*/ +@define-color base #191724; +@define-color surface #1f1d2e; +@define-color overlay #26233a; +@define-color text #e0def4; + +@define-color muted #6e6a86; +@define-color subtle #908caa; + +@define-color love #eb6f92; +@define-color gold #f6c177; +@define-color rose #ea9a97; +@define-color pine #31748f; +@define-color foam #9ccfd8; +@define-color iris #c4a7e7; + +@define-color hl_low #21202e; +@define-color hl_med #403d52; +@define-color hl_high #524f67; /* Bar */ window#waybar { - background: #191724; /* base */ - color: #e0def4; /* text */ - border-right: 1px solid #21202e; /* highlight-low */ + background: @base; + color: @text; + border-right: 1px solid @hl_low; } /* Typography */ * { font-family: - JetBrainsMono Nerd Font, - monospace; + "InconsolataGo Nerd Font Mono", "InconsolataGo Nerd Font", monospace; font-size: 11px; } -/* Common module padding for a narrow vertical bar */ -#workspaces, +/* Workspaces */ +#workspaces { + margin: 1px; + padding: 2px 4px; + background: transparent; + font-size: 10px; +} +#workspaces button { + background: @surface; + color: @text; + border: 1px solid @hl_low; + border-radius: 6px; + margin: 2px; + padding: 3px 6px; +} +#workspaces button:hover { + background: @overlay; +} +#workspaces button.active { + background: @hl_med; + border-color: @hl_high; + color: @text; +} +#workspaces button.urgent { + background: @love; + color: @base; +} + +/* Shared pill look (applied per-module for parser robustness) */ #window, #cpu, #memory, @@ -31,178 +69,282 @@ window#waybar { #wireplumber, #clock, #idle_inhibitor, -#gamemode { - padding: 6px 8px; +#gamemode, +#battery, +#power-profiles-daemon, +#bluetooth, +#group-temps, +#tray, +#custom-swaync, +#custom-hyprsunset { + background: @surface; + color: @text; + border: 1px solid @hl_low; + border-radius: 8px; + padding: 3px 6px; + margin: 2px 4px; } -/* Window title (top) */ +/* Hovers */ +#window:hover { + background: @overlay; +} +#cpu:hover { + background: @overlay; +} +#memory:hover { + background: @overlay; +} +#disk:hover { + background: @overlay; +} +#network:hover { + background: @overlay; +} +#privacy:hover { + background: @overlay; +} +#wireplumber:hover { + background: @overlay; +} +#clock:hover { + background: @overlay; +} +#idle_inhibitor:hover { + background: @overlay; +} +#gamemode:hover { + background: @overlay; +} +#battery:hover { + background: @overlay; +} +#power-profiles-daemon:hover { + background: @overlay; +} +#bluetooth:hover { + background: @overlay; +} +#group-temps:hover { + background: @overlay; +} +#tray:hover { + background: @overlay; +} +#custom-swaync:hover { + background: @overlay; +} +#custom-hyprsunset:hover { + background: @overlay; +} + +/* Window title */ #window { - background: #1f1d2e; /* surface */ - color: #e0def4; /* text */ - border-radius: 8px; - margin: 4px 6px 6px 6px; + border-left: 3px solid @iris; } -/* Workspaces */ -#workspaces { - padding: 2px 2px; -} -#workspaces button { - padding: 3px; /* was 6px */ - margin: 1px 1px; /* was 3px 2px */ - border-radius: 6px; - font-size: 10px; /* was 11px */ -} - -/* Optional: smaller global font just for workspaces */ -#workspaces { - font-size: 10px; -} -#workspaces button:hover { - background: #21202e; /* highlight-low */ - color: #e0def4; /* text */ -} -#workspaces button.active { - background: #403d52; /* highlight-med */ - border-color: #524f67; /* highlight-high */ - color: #e0def4; /* text */ -} -#workspaces button.urgent { - background: #eb6f92; /* love */ - color: #191724; /* base for contrast */ -} - -/* Center stack (cpu/ram/ssds/network) */ -#cpu, -#memory, -#disk, -#network { - background: #1f1d2e; /* surface */ - color: #e0def4; /* text */ - margin: 3px 6px; - border-radius: 8px; - border: 1px solid #21202e; /* highlight-low */ -} - -/* Accent hints for metrics */ +/* Accents for metrics */ #cpu { - border-left: 3px solid #31748f; -} /* pine */ + border-left: 3px solid @pine; +} #memory { - border-left: 3px solid #c4a7e7; -} /* iris */ + border-left: 3px solid @iris; +} #disk { - border-left: 3px solid #9ccfd8; -} /* foam */ + border-left: 3px solid @foam; +} #network { - border-left: 3px solid #f6c177; -} /* gold */ - -/* Bottom stack */ -#privacy, -#wireplumber, -#clock, -#idle_inhibitor, -#gamemode { - background: #1f1d2e; /* surface */ - color: #e0def4; /* text */ - margin: 3px 6px; - border-radius: 8px; - border: 1px solid #21202e; /* highlight-low */ + border-left: 3px solid @gold; } -/* Microphone button (wireplumber#microphone) */ +/* WirePlumber / audio */ +#wireplumber { + border-left: 3px solid @gold; +} +#wireplumber.muted { + color: @muted; + border-left-color: @hl_high; +} #wireplumber.microphone { - background: #1f1d2e; /* surface */ - color: #e0def4; /* text */ - margin: 3px 6px; - border-radius: 8px; - border: 1px solid #21202e; /* highlight-low */ - border-left: 3px solid #f6c177; /* gold */ + border-left-color: @gold; } #wireplumber.microphone.muted { - border-left-color: #524f67; /* highlight-high when muted */ - color: #6e6a86; /* muted */ + border-left-color: @hl_high; + color: @muted; } -#wireplumber.microphone:hover { - background: #26233a; -} /* overlay */ -/* Privacy states (camera/mic/screencast) */ +/* Privacy states */ #privacy.screencast { - border-left: 3px solid #ea9a97; -} /* rose */ + border-left: 3px solid @rose; +} #privacy.microphone { - border-left: 3px solid #f6c177; -} /* gold */ + border-left: 3px solid @gold; +} #privacy.camera { - border-left: 3px solid #c4a7e7; -} /* iris */ + border-left: 3px solid @iris; +} /* Idle inhibitor */ #idle_inhibitor.activated { - border-left: 3px solid #9ccfd8; -} /* foam */ + border-left: 3px solid @foam; +} #idle_inhibitor.deactivated { - border-left: 3px solid #524f67; -} /* highlight-high */ -#idle_inhibitor:hover { - background: #26233a; -} /* overlay */ + border-left: 3px solid @hl_high; +} /* Gamemode */ #gamemode { - border-left: 3px solid #f6c177; -} -#gamemode:hover { - background: #26233a; -} - -/* Speaker (PipeWire via wireplumber) */ -#wireplumber.muted { - color: #6e6a86; /* muted */ - border-color: #21202e; + border-left: 3px solid @gold; } /* Clock */ #clock { - border-left: 3px solid #9ccfd8; /* foam */ + border-left: 3px solid @foam; } -/* Subtle separators */ -.modules-center > *:not(:last-child), -.modules-right > *:not(:last-child) { - border-bottom: 1px solid #21202e; /* highlight-low */ +/* Battery */ +#battery { + border-left: 3px solid @foam; +} +#battery.warning { + border-left-color: @gold; +} +#battery.critical { + border-left-color: @love; + color: @love; } -/* SwayNC widget */ +/* Power profiles */ +#power-profiles-daemon { + border-left: 3px solid @gold; +} +#power-profiles-daemon.performance { + border-left-color: @love; +} +#power-profiles-daemon.balanced { + border-left-color: @foam; +} +#power-profiles-daemon.power-saver { + border-left-color: @pine; +} + +/* Bluetooth */ +#bluetooth { + border-left: 3px solid @iris; +} +#bluetooth.off, +#bluetooth.disabled { + color: @muted; + border-left-color: @hl_high; +} + +/* Notifications */ #custom-swaync { - background: #1f1d2e; /* surface */ - color: #e0def4; /* text */ - margin: 3px 6px; - border-radius: 8px; - border: 1px solid #21202e; /* highlight-low */ - padding: 6px 8px; - border-left: 3px solid #c4a7e7; /* iris */ + border-left: 3px solid @iris; } #custom-swaync.dnd { - /* if swaync emits a 'dnd' class */ - border-left-color: #f6c177; /* gold */ -} -#custom-swaync:hover { - background: #26233a; /* overlay */ + border-left-color: @gold; } -/* Hyprsunset widget */ +/* Night shift */ #custom-hyprsunset { - background: #1f1d2e; /* surface */ - color: #e0def4; /* text */ - margin: 3px 6px; + border-left: 3px solid @rose; +} + +/* Temps group: outer pill + compact rows */ +#group-temps { + border-left: 3px solid @rose; +} +#group-temps > * { + background: transparent; + border: 0; + margin: 0; + padding: 0; +} +#custom-temps-wrap { + padding: 4px 6px; + border-radius: 6px; +} +#group-temps #temperature { + background: transparent; + color: @text; + margin: 2px 0; + padding: 4px 6px; + border-radius: 6px; +} +#group-temps #temperature:hover { + background: @overlay; +} +#temperature.cpu { + border-left: 3px solid @pine; +} +#temperature.gpu_edge { + border-left: 3px solid @iris; +} +#temperature.gpu_hotspot { + border-left: 3px solid @rose; +} +#temperature.gpu2_edge { + border-left: 3px solid @foam; +} +#temperature.nvme { + border-left: 3px solid @gold; +} +#temperature.critical { + background: @hl_med; + color: @text; +} + +/* Tray */ +#tray { + border-left: 3px solid @iris; +} +#tray > .passive { + opacity: 0.7; +} +#tray > .needs-attention { + border-left: 3px solid @love; +} + +/* Tooltips */ +tooltip, +window#waybar tooltip { + background: @surface; + color: @text; + border: 1px solid @hl_low; border-radius: 8px; - border: 1px solid #21202e; /* highlight-low */ padding: 6px 8px; - border-left: 3px solid #ea9a97; /* rose */ } -#custom-hyprsunset:hover { - background: #26233a; /* overlay */ + +/* Popup menus */ +menu, +.menu, +popover, +.popover { + background: @surface; + color: @text; + border: 1px solid @hl_low; + border-radius: 8px; + padding: 6px 8px; +} +menuitem, +.menuitem { + background: transparent; + color: @text; + border-radius: 6px; + padding: 6px 8px; +} +menuitem:hover, +.menuitem:hover { + background: @overlay; +} +menuitem:disabled, +.menuitem:disabled { + color: @muted; +} +menu separator, +.menu separator { + background: @hl_low; + min-height: 1px; + margin: 6px 0; } diff --git a/.config/waybar/style_bk.css b/.config/waybar/style_bk.css new file mode 100644 index 0000000..1451894 --- /dev/null +++ b/.config/waybar/style_bk.css @@ -0,0 +1,435 @@ +/* Rosé Pine (main) palette +base: #191724 surface: #1f1d2e overlay: #26233a text: #e0def4 +muted: #6e6a86 subtle: #908caa +love: #eb6f92 gold: #f6c177 rose: #ea9a97 pine: #31748f foam: #9ccfd8 iris: #c4a7e7 +highlight-low: #21202e highlight-med: #403d52 highlight-high: #524f67 +*/ + +/* Bar */ +window#waybar { + background: #191724; /* base */ + color: #e0def4; /* text */ + border-right: 1px solid #21202e; /* highlight-low */ +} + +/* Typography */ +* { + font-family: + JetBrainsMono Nerd Font, + monospace; + font-size: 11px; +} + +/* Common module padding for a narrow vertical bar */ +#workspaces, +#window, +#cpu, +#memory, +#disk, +#network, +#privacy, +#wireplumber, +#clock, +#idle_inhibitor, +#gamemode { + padding: 6px 8px; +} + +/* Window title (top) */ +#window { + background: #1f1d2e; /* surface */ + color: #e0def4; /* text */ + border-radius: 8px; + margin: 4px 6px 6px 6px; +} + +/* Workspaces */ +#workspaces { + padding: 2px 2px; +} +#workspaces button { + padding: 3px; /* was 6px */ + margin: 1px 1px; /* was 3px 2px */ + border-radius: 6px; + font-size: 10px; /* was 11px */ +} + +/* Optional: smaller global font just for workspaces */ +#workspaces { + font-size: 10px; +} +#workspaces button:hover { + background: #21202e; /* highlight-low */ + color: #e0def4; /* text */ +} +#workspaces button.active { + background: #403d52; /* highlight-med */ + border-color: #524f67; /* highlight-high */ + color: #e0def4; /* text */ +} +#workspaces button.urgent { + background: #eb6f92; /* love */ + color: #191724; /* base for contrast */ +} + +/* Center stack (cpu/ram/ssds/network) */ +#cpu, +#memory, +#disk, +#network { + background: #1f1d2e; /* surface */ + color: #e0def4; /* text */ + margin: 3px 6px; + border-radius: 8px; + border: 1px solid #21202e; /* highlight-low */ +} + +/* Accent hints for metrics */ +#cpu { + border-left: 3px solid #31748f; +} /* pine */ +#memory { + border-left: 3px solid #c4a7e7; +} /* iris */ +#disk { + border-left: 3px solid #9ccfd8; +} /* foam */ +#network { + border-left: 3px solid #f6c177; +} /* gold */ + +/* Bottom stack */ +#privacy, +#wireplumber, +#clock, +#idle_inhibitor, +#gamemode { + background: #1f1d2e; /* surface */ + color: #e0def4; /* text */ + margin: 3px 6px; + border-radius: 8px; + border: 1px solid #21202e; /* highlight-low */ +} + +/* Microphone button (wireplumber#microphone) */ +#wireplumber.microphone { + background: #1f1d2e; /* surface */ + color: #e0def4; /* text */ + margin: 3px 6px; + border-radius: 8px; + border: 1px solid #21202e; /* highlight-low */ + border-left: 3px solid #f6c177; /* gold */ +} +#wireplumber.microphone.muted { + border-left-color: #524f67; /* highlight-high when muted */ + color: #6e6a86; /* muted */ +} +#wireplumber.microphone:hover { + background: #26233a; +} /* overlay */ + +/* Privacy states (camera/mic/screencast) */ +#privacy.screencast { + border-left: 3px solid #ea9a97; +} /* rose */ +#privacy.microphone { + border-left: 3px solid #f6c177; +} /* gold */ +#privacy.camera { + border-left: 3px solid #c4a7e7; +} /* iris */ + +/* Idle inhibitor */ +#idle_inhibitor.activated { + border-left: 3px solid #9ccfd8; +} /* foam */ +#idle_inhibitor.deactivated { + border-left: 3px solid #524f67; +} /* highlight-high */ +#idle_inhibitor:hover { + background: #26233a; +} /* overlay */ + +/* Gamemode */ +#gamemode { + border-left: 3px solid #f6c177; +} +#gamemode:hover { + background: #26233a; +} + +/* Speaker (PipeWire via wireplumber) */ +#wireplumber.muted { + color: #6e6a86; /* muted */ + border-color: #21202e; +} + +/* Clock */ +#clock { + border-left: 3px solid #9ccfd8; /* foam */ +} + +/* Subtle separators */ +.modules-center > *:not(:last-child), +.modules-right > *:not(:last-child) { + border-bottom: 1px solid #21202e; /* highlight-low */ +} + +/* SwayNC widget */ +#custom-swaync { + background: #1f1d2e; /* surface */ + color: #e0def4; /* text */ + margin: 3px 6px; + border-radius: 8px; + border: 1px solid #21202e; /* highlight-low */ + padding: 6px 8px; + border-left: 3px solid #c4a7e7; /* iris */ +} +#custom-swaync.dnd { + /* if swaync emits a 'dnd' class */ + border-left-color: #f6c177; /* gold */ +} +#custom-swaync:hover { + background: #26233a; /* overlay */ +} + +/* Hyprsunset widget */ +#custom-hyprsunset { + background: #1f1d2e; /* surface */ + color: #e0def4; /* text */ + margin: 3px 6px; + border-radius: 8px; + border: 1px solid #21202e; /* highlight-low */ + padding: 6px 8px; + border-left: 3px solid #ea9a97; /* rose */ +} +#custom-hyprsunset:hover { + background: #26233a; /* overlay */ +} + +/* Unified pill styling for new modules (Rose Pine) */ +#group-temps, +#battery, +#power-profiles-daemon, +#bluetooth, +#group-temps #temperature, +#custom-temps-wrap { + background: #1f1d2e; /* surface */ + color: #e0def4; /* text */ + margin: 3px 6px; + border-radius: 8px; + border: 1px solid #21202e; /* highlight-low */ + padding: 6px 8px; +} + +/* Tighter padding for the group’s revealed children so they fit the narrow bar */ +#group-temps #temperature, +#custom-temps-wrap { + padding: 4px 6px; + border-radius: 6px; +} + +/* Hover feedback matching other tiles */ +#group-temps:hover, +#battery:hover, +#power-profiles-daemon:hover, +#bluetooth:hover, +#group-temps #temperature:hover, +#custom-temps-wrap:hover { + background: #26233a; /* overlay */ +} + +/* Accent edges for the temperature instances */ +#temperature.cpu { + border-left: 3px solid #31748f; +} /* pine */ +#temperature.gpu_edge { + border-left: 3px solid #c4a7e7; +} /* iris */ +#temperature.gpu_hotspot { + border-left: 3px solid #ea9a97; +} /* rose */ +#temperature.gpu2_edge { + border-left: 3px solid #9ccfd8; +} /* foam */ +#temperature.nvme { + border-left: 3px solid #f6c177; +} /* gold */ + +/* Low/critical battery accents */ +#battery { + border-left: 3px solid #9ccfd8; +} /* foam */ +#battery.warning { + border-left-color: #f6c177; +} /* gold */ +#battery.critical { + border-left-color: #eb6f92; + color: #eb6f92; +} /* love */ + +/* Power profile accents */ +#power-profiles-daemon { + border-left: 3px solid #f6c177; +} /* gold */ +#power-profiles-daemon.performance { + border-left-color: #eb6f92; +} /* love */ +#power-profiles-daemon.balanced { + border-left-color: #9ccfd8; +} /* foam */ +#power-profiles-daemon.power-saver { + border-left-color: #31748f; +} /* pine */ + +/* Bluetooth state accents */ +#bluetooth { + border-left: 3px solid #c4a7e7; +} /* iris */ +#bluetooth.off, +#bluetooth.disabled { + color: #6e6a86; + border-left-color: #524f67; +} /* muted / highlight-high */ + +/* Temps group: make the outer pill look like other tiles */ +#group-temps { + background: #1f1d2e; /* surface */ + color: #e0def4; /* text */ + margin: 3px 6px; + border-radius: 8px; + border: 1px solid #21202e; /* highlight-low */ + padding: 6px 8px; /* match other pills */ + border-left: 3px solid #ea9a97; /* rose */ +} + +/* Reset inner containers so only the outer pill draws the card */ +#group-temps > * { + background: transparent; + border: 0; + margin: 0; + padding: 0; +} + +/* Leader glyph spacing */ +#custom-temps-wrap { + padding: 2px 0 6px 0; /* compact leader inside the pill */ +} + +/* Children: compact rows inside the pill, not separate cards */ +#group-temps #temperature { + background: transparent; /* let the outer pill show through */ + color: #e0def4; + margin: 2px 0; + border-radius: 6px; + padding: 4px 6px; +} + +/* Hover feedback like other tiles */ +#group-temps #temperature:hover, +#group-temps:hover { + background: #26233a; /* overlay */ +} + +/* Accent edges per instance */ +#temperature.cpu { + border-left: 3px solid #31748f; +} /* pine */ +#temperature.gpu_edge { + border-left: 3px solid #c4a7e7; +} /* iris */ +#temperature.gpu_hotspot { + border-left: 3px solid #ea9a97; +} /* rose */ +#temperature.gpu2_edge { + border-left: 3px solid #9ccfd8; +} /* foam */ +#temperature.nvme { + border-left: 3px solid #f6c177; +} /* gold */ + +/* Critical tint consistent with warnings */ +#temperature.critical { + background: #403d52; /* highlight-med */ + color: #e0def4; +} + +/* Tray container (pill) */ +#tray { + background: #1f1d2e; /* surface */ + color: #e0def4; /* text */ + margin: 3px 6px; + border-radius: 8px; + border: 1px solid #21202e; /* highlight-low */ + padding: 6px 8px; + border-left: 3px solid #c4a7e7; /* iris */ +} + +/* Tray icon states */ +#tray > .passive { + opacity: 0.7; /* muted */ +} +#tray > .needs-attention { + border-left: 3px solid #eb6f92; /* love */ + animation: tray-attn 1s ease-in-out infinite alternate; +} +@keyframes tray-attn { + from { + opacity: 0.75; + } + to { + opacity: 1; + } +} + +/* Hover like other tiles */ +#tray:hover { + background: #26233a; /* overlay */ +} + +/* Tooltips for tray items (Waybar uses GTK tooltips) */ +tooltip, /* GTK selector */ +window#waybar tooltip { + background: #1f1d2e; /* surface */ + color: #e0def4; /* text */ + border: 1px solid #21202e; /* highlight-low */ + border-radius: 8px; + padding: 6px 8px; +} + +/* Popup menus opened from tray icons (GTK) */ +menu, +.menu, +popover, +.popover { + background: #1f1d2e; /* surface */ + color: #e0def4; /* text */ + border: 1px solid #21202e; /* highlight-low */ + border-radius: 8px; + padding: 6px 8px; +} + +/* Menu items */ +menuitem, +.menuitem { + background: transparent; + color: #e0def4; + border-radius: 6px; + padding: 6px 8px; +} +menuitem:hover, +.menuitem:hover { + background: #26233a; /* overlay */ +} +menuitem:disabled, +.menuitem:disabled { + color: #6e6a86; /* muted */ +} + +/* Menu separators */ +menu separator, +.menu separator { + background: #21202e; /* highlight-low */ + min-height: 1px; + margin: 6px 0; +}