new wallpapers fitting for the rosé pine style and gave spotify a theme
This commit is contained in:
@@ -2,7 +2,8 @@ splash = true
|
|||||||
splash_offset = 2.0
|
splash_offset = 2.0
|
||||||
ipc = true
|
ipc = true
|
||||||
|
|
||||||
preload = /home/mpuchstein/Pictures/wallpaper/1920x1080/widescreen/138 - 1jb5suO.jpg
|
preload = /home/mpuchstein/Pictures/wallpaper/1920x1080/rosepinesuccubus10.png
|
||||||
wallpaper = DP-1, /home/mpuchstein/Pictures/wallpaper/1920x1080/widescreen/138 - 1jb5suO.jpg
|
preload = /home/mpuchstein/Pictures/wallpaper/1920x1080/rosepinesuccubus3.png
|
||||||
preload = /home/mpuchstein/Pictures/wallpaper/1920x1080/widescreen/97 - YDJuRTa.jpg
|
preload = /home/mpuchstein/Pictures/wallpaper/1920x1080/rosepineskull.png
|
||||||
wallpaper = DP-2, /home/mpuchstein/Pictures/wallpaper/1920x1080/widescreen/97 - YDJuRTa.jpg
|
wallpaper = DP-1, /home/mpuchstein/Pictures/wallpaper/1920x1080/rosepinesuccubus10.png
|
||||||
|
wallpaper = DP-2, /home/mpuchstein/Pictures/wallpaper/1920x1080/rosepinesuccubus3.png
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
[Setting]
|
[Setting]
|
||||||
spotify_path = $HOME/.local/share/spotify-launcher/install/usr/share/spotify/
|
spotify_path = $HOME/.local/share/spotify-launcher/install/usr/share/spotify/
|
||||||
current_theme = marketplace
|
current_theme = Ziro
|
||||||
color_scheme =
|
color_scheme = rose-pine
|
||||||
inject_theme_js = 1
|
inject_theme_js = 1
|
||||||
replace_colors = 1
|
replace_colors = 1
|
||||||
always_enable_devtools = 0
|
always_enable_devtools = 0
|
||||||
@@ -19,7 +19,7 @@ expose_apis = 1
|
|||||||
|
|
||||||
[AdditionalOptions]
|
[AdditionalOptions]
|
||||||
custom_apps = marketplace
|
custom_apps = marketplace
|
||||||
sidebar_config = 1
|
sidebar_config = 0
|
||||||
home_config = 1
|
home_config = 1
|
||||||
experimental_features = 1
|
experimental_features = 1
|
||||||
extensions =
|
extensions =
|
||||||
@@ -28,5 +28,5 @@ extensions =
|
|||||||
|
|
||||||
; DO NOT CHANGE!
|
; DO NOT CHANGE!
|
||||||
[Backup]
|
[Backup]
|
||||||
version = 1.2.56.502.ga68d2d4f
|
version = 1.2.63.394.g126b0d89
|
||||||
with = 2.39.5
|
with = 2.41.0
|
||||||
|
|||||||
@@ -1,228 +1,256 @@
|
|||||||
@define-color cc-bg #32302f;
|
@define-color rp-base #191724;
|
||||||
@define-color noti-border-color #32302f;
|
@define-color rp-surface #1f1d2e;
|
||||||
@define-color noti-bg #3c3836;
|
@define-color rp-overlay #26233a;
|
||||||
@define-color noti-bg-darker #3c3836;
|
@define-color rp-hl-low #21202e;
|
||||||
@define-color noti-bg-hover rgb(27, 27, 43);
|
@define-color rp-hl-med #403d52;
|
||||||
@define-color noti-bg-focus rgba(27, 27, 27, 0.6);
|
@define-color rp-hl-high #524f67;
|
||||||
@define-color text-color #f9f5d7;
|
|
||||||
@define-color text-color-disabled #bdae93;
|
|
||||||
@define-color bg-selected #fabd2f;
|
|
||||||
|
|
||||||
* {
|
@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-family: JetBrainsMono NFP;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 14px
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.control-center .notification-row:focus,
|
.control-center .notification-row:focus,
|
||||||
.control-center .notification-row:hover {
|
.control-center .notification-row:hover {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
background: @noti-bg-darker
|
background: @noti-bg-darker;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notification-row {
|
.notification-row {
|
||||||
outline: none;
|
outline: none;
|
||||||
margin: 20px;
|
margin: 20px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notification {
|
.notification {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notification-content {
|
.notification-content {
|
||||||
background: @cc-bg;
|
background: @cc-bg;
|
||||||
padding: 7px;
|
padding: 7px;
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
border: 2px solid #85796f;
|
border: 2px solid @noti-border-color;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.close-button {
|
.close-button {
|
||||||
background: #d79921;
|
background: @rp-gold;
|
||||||
color: @cc-bg;
|
color: @cc-bg;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.close-button:hover {
|
.close-button:hover {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
background: #fabd2f;
|
background: @rp-rose;
|
||||||
transition: all .15s ease-in-out;
|
color: @cc-bg;
|
||||||
border: none
|
transition: all .15s ease-in-out;
|
||||||
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notification-action {
|
.notification-action {
|
||||||
color: #ebdbb2;
|
color: @text-color;
|
||||||
border: 2px solid #85796f;
|
border: 2px solid @noti-border-color;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
background: #32302F;
|
background: @rp-base;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notification-default-action:hover,
|
.notification-default-action:hover,
|
||||||
.notification-action:hover {
|
.notification-action:hover {
|
||||||
color: #ebdbb2;
|
color: @text-color;
|
||||||
background: #32302F;
|
background: @noti-bg-hover;
|
||||||
}
|
}
|
||||||
|
|
||||||
.summary {
|
.summary {
|
||||||
padding-top: 7px;
|
padding-top: 7px;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
color: #ebdbb2;
|
color: @text-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.time {
|
.time {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #d79921;
|
color: @rp-gold;
|
||||||
margin-right: 24px
|
margin-right: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.body {
|
.body {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #ebdbb2;
|
color: @text-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.control-center {
|
.control-center {
|
||||||
background: @cc-bg;
|
background: @cc-bg;
|
||||||
border: 2px solid #85796f;
|
border: 2px solid @noti-border-color;
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.control-center-list {
|
.control-center-list {
|
||||||
background: transparent
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.control-center-list-placeholder {
|
.control-center-list-placeholder {
|
||||||
opacity: .5
|
opacity: .5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.floating-notifications {
|
.floating-notifications {
|
||||||
background: transparent
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.blank-window {
|
.blank-window {
|
||||||
background: alpha(black, 0.1)
|
background: alpha(@rp-base, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget-title {
|
.widget-title {
|
||||||
color: #f9f5d7;
|
color: @text-color;
|
||||||
background: @noti-bg-darker;
|
background: @noti-bg-darker;
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
margin: 10px 10px 5px 10px;
|
margin: 10px 10px 5px 10px;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget-title>button {
|
.widget-title > button {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: @text-color;
|
color: @text-color;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
background: @noti-bg;
|
background: @noti-bg;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget-title>button:hover {
|
.widget-title > button:hover {
|
||||||
background: #d79921;
|
background: @rp-gold;
|
||||||
color: @cc-bg;
|
color: @cc-bg;
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget-dnd {
|
.widget-dnd {
|
||||||
background: @noti-bg-darker;
|
background: @noti-bg-darker;
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
margin: 5px 10px 10px 10px;
|
margin: 5px 10px 10px 10px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
font-size: large;
|
font-size: large;
|
||||||
color: #f2e5bc;
|
color: @text-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget-dnd>switch {
|
.widget-dnd > switch {
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
background: #665c54;
|
background: @rp-muted;
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget-dnd>switch:checked {
|
.widget-dnd > switch:checked {
|
||||||
background: #d79921;
|
background: @rp-gold;
|
||||||
border: 1px solid #d79921;
|
border: 1px solid @rp-gold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget-dnd>switch slider {
|
.widget-dnd > switch slider {
|
||||||
background: @cc-bg;
|
background: @cc-bg;
|
||||||
border-radius: 5px
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget-dnd>switch:checked slider {
|
.widget-dnd > switch:checked slider {
|
||||||
background: @cc-bg;
|
background: @cc-bg;
|
||||||
border-radius: 5px
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget-label {
|
.widget-label {
|
||||||
margin: 10px 10px 5px 10px;
|
margin: 10px 10px 5px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget-label>label {
|
.widget-label > label {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: @text-color;
|
color: @text-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget-mpris {
|
.widget-mpris {
|
||||||
color: @text-color;
|
color: @text-color;
|
||||||
background: @noti-bg-darker;
|
background: @noti-bg-darker;
|
||||||
padding: 5px 10px 0px 0px;
|
padding: 5px 10px 0px 0px;
|
||||||
margin: 5px 10px 5px 10px;
|
margin: 5px 10px 5px 10px;
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget-mpris > box > button {
|
.widget-mpris > box > button {
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget-mpris-player {
|
.widget-mpris-player {
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
margin: 10px
|
margin: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget-mpris-title {
|
.widget-mpris-title {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 1.25rem
|
font-size: 1.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget-mpris-subtitle {
|
.widget-mpris-subtitle {
|
||||||
font-size: 1.1rem
|
font-size: 1.1rem;
|
||||||
|
color: @text-color-disabled;
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget-buttons-grid {
|
.widget-buttons-grid {
|
||||||
font-size: x-large;
|
font-size: x-large;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
margin: 5px 10px 10px 10px;
|
margin: 5px 10px 10px 10px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
background: @noti-bg-darker;
|
background: @noti-bg-darker;
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget-buttons-grid>flowbox>flowboxchild>button {
|
.widget-buttons-grid > flowbox > flowboxchild > button {
|
||||||
margin: 3px;
|
margin: 3px;
|
||||||
background: @cc-bg;
|
background: @cc-bg;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
color: @text-color
|
color: @text-color;
|
||||||
|
border: 1px solid @noti-border-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget-buttons-grid>flowbox>flowboxchild>button:hover {
|
.widget-buttons-grid > flowbox > flowboxchild > button:hover {
|
||||||
background: #d79921;
|
background: @rp-gold;
|
||||||
color: @cc-bg;
|
color: @cc-bg;
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget-menubar>box>.menu-button-bar>button {
|
.widget-menubar > box > .menu-button-bar > button {
|
||||||
border: none;
|
border: none;
|
||||||
background: transparent
|
background: transparent;
|
||||||
|
color: @text-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topbar-buttons>button {
|
.topbar-buttons > button {
|
||||||
border: none;
|
border: none;
|
||||||
background: transparent
|
background: transparent;
|
||||||
|
color: @text-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -18,7 +18,9 @@
|
|||||||
"cpu",
|
"cpu",
|
||||||
"memory",
|
"memory",
|
||||||
"disk#root",
|
"disk#root",
|
||||||
"network"
|
"network",
|
||||||
|
"temperature#cpu",
|
||||||
|
"temperature#gpu_hotspot"
|
||||||
],
|
],
|
||||||
|
|
||||||
"modules-right": [
|
"modules-right": [
|
||||||
@@ -28,7 +30,10 @@
|
|||||||
"privacy",
|
"privacy",
|
||||||
"wireplumber#source",
|
"wireplumber#source",
|
||||||
"wireplumber#sink",
|
"wireplumber#sink",
|
||||||
"tray"
|
"tray",
|
||||||
|
"bluetooth",
|
||||||
|
"power-profiles-daemon",
|
||||||
|
"battery"
|
||||||
],
|
],
|
||||||
|
|
||||||
"hyprland/window": {
|
"hyprland/window": {
|
||||||
@@ -74,8 +79,8 @@
|
|||||||
"interval": 3,
|
"interval": 3,
|
||||||
"format-wifi": " {essid}%",
|
"format-wifi": " {essid}%",
|
||||||
"format-ethernet": " {ifname}",
|
"format-ethernet": " {ifname}",
|
||||||
"tooltip-format-wifi": "{signalStrength}\n {bandwidthUpBytes}\n {bandwidthDownBytes}"
|
"tooltip-format-wifi": "{signalStrength}\n {bandwidthUpBytes}\n {bandwidthDownBytes}",
|
||||||
"tooltip-format-ethernet": " {bandwidthUpBytes}\n {bandwidthDownBytes}"
|
"tooltip-format-ethernet": " {bandwidthUpBytes}\n {bandwidthDownBytes}",
|
||||||
"format-disconnected": ""
|
"format-disconnected": ""
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -145,7 +150,113 @@
|
|||||||
"on-scroll-down": "shift_down"
|
"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": {
|
"custom/swaync": {
|
||||||
"format": " {}",
|
"format": " {}",
|
||||||
"exec-if": "which swaync-client >/dev/null 2>&1 && pgrep -x swaync >/dev/null 2>&1",
|
"exec-if": "which swaync-client >/dev/null 2>&1 && pgrep -x swaync >/dev/null 2>&1",
|
||||||
|
|||||||
@@ -1,27 +1,65 @@
|
|||||||
/* Rosé Pine (main) palette
|
@define-color base #191724;
|
||||||
base: #191724 surface: #1f1d2e overlay: #26233a text: #e0def4
|
@define-color surface #1f1d2e;
|
||||||
muted: #6e6a86 subtle: #908caa
|
@define-color overlay #26233a;
|
||||||
love: #eb6f92 gold: #f6c177 rose: #ea9a97 pine: #31748f foam: #9ccfd8 iris: #c4a7e7
|
@define-color text #e0def4;
|
||||||
highlight-low: #21202e highlight-med: #403d52 highlight-high: #524f67
|
|
||||||
*/
|
@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 */
|
/* Bar */
|
||||||
window#waybar {
|
window#waybar {
|
||||||
background: #191724; /* base */
|
background: @base;
|
||||||
color: #e0def4; /* text */
|
color: @text;
|
||||||
border-right: 1px solid #21202e; /* highlight-low */
|
border-right: 1px solid @hl_low;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Typography */
|
/* Typography */
|
||||||
* {
|
* {
|
||||||
font-family:
|
font-family:
|
||||||
JetBrainsMono Nerd Font,
|
"InconsolataGo Nerd Font Mono", "InconsolataGo Nerd Font", monospace;
|
||||||
monospace;
|
|
||||||
font-size: 11px;
|
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,
|
#window,
|
||||||
#cpu,
|
#cpu,
|
||||||
#memory,
|
#memory,
|
||||||
@@ -31,178 +69,282 @@ window#waybar {
|
|||||||
#wireplumber,
|
#wireplumber,
|
||||||
#clock,
|
#clock,
|
||||||
#idle_inhibitor,
|
#idle_inhibitor,
|
||||||
#gamemode {
|
#gamemode,
|
||||||
padding: 6px 8px;
|
#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 {
|
#window {
|
||||||
background: #1f1d2e; /* surface */
|
border-left: 3px solid @iris;
|
||||||
color: #e0def4; /* text */
|
|
||||||
border-radius: 8px;
|
|
||||||
margin: 4px 6px 6px 6px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Workspaces */
|
/* Accents for metrics */
|
||||||
#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 {
|
#cpu {
|
||||||
border-left: 3px solid #31748f;
|
border-left: 3px solid @pine;
|
||||||
} /* pine */
|
}
|
||||||
#memory {
|
#memory {
|
||||||
border-left: 3px solid #c4a7e7;
|
border-left: 3px solid @iris;
|
||||||
} /* iris */
|
}
|
||||||
#disk {
|
#disk {
|
||||||
border-left: 3px solid #9ccfd8;
|
border-left: 3px solid @foam;
|
||||||
} /* foam */
|
}
|
||||||
#network {
|
#network {
|
||||||
border-left: 3px solid #f6c177;
|
border-left: 3px solid @gold;
|
||||||
} /* 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 / audio */
|
||||||
|
#wireplumber {
|
||||||
|
border-left: 3px solid @gold;
|
||||||
|
}
|
||||||
|
#wireplumber.muted {
|
||||||
|
color: @muted;
|
||||||
|
border-left-color: @hl_high;
|
||||||
|
}
|
||||||
#wireplumber.microphone {
|
#wireplumber.microphone {
|
||||||
background: #1f1d2e; /* surface */
|
border-left-color: @gold;
|
||||||
color: #e0def4; /* text */
|
|
||||||
margin: 3px 6px;
|
|
||||||
border-radius: 8px;
|
|
||||||
border: 1px solid #21202e; /* highlight-low */
|
|
||||||
border-left: 3px solid #f6c177; /* gold */
|
|
||||||
}
|
}
|
||||||
#wireplumber.microphone.muted {
|
#wireplumber.microphone.muted {
|
||||||
border-left-color: #524f67; /* highlight-high when muted */
|
border-left-color: @hl_high;
|
||||||
color: #6e6a86; /* muted */
|
color: @muted;
|
||||||
}
|
}
|
||||||
#wireplumber.microphone:hover {
|
|
||||||
background: #26233a;
|
|
||||||
} /* overlay */
|
|
||||||
|
|
||||||
/* Privacy states (camera/mic/screencast) */
|
/* Privacy states */
|
||||||
#privacy.screencast {
|
#privacy.screencast {
|
||||||
border-left: 3px solid #ea9a97;
|
border-left: 3px solid @rose;
|
||||||
} /* rose */
|
}
|
||||||
#privacy.microphone {
|
#privacy.microphone {
|
||||||
border-left: 3px solid #f6c177;
|
border-left: 3px solid @gold;
|
||||||
} /* gold */
|
}
|
||||||
#privacy.camera {
|
#privacy.camera {
|
||||||
border-left: 3px solid #c4a7e7;
|
border-left: 3px solid @iris;
|
||||||
} /* iris */
|
}
|
||||||
|
|
||||||
/* Idle inhibitor */
|
/* Idle inhibitor */
|
||||||
#idle_inhibitor.activated {
|
#idle_inhibitor.activated {
|
||||||
border-left: 3px solid #9ccfd8;
|
border-left: 3px solid @foam;
|
||||||
} /* foam */
|
}
|
||||||
#idle_inhibitor.deactivated {
|
#idle_inhibitor.deactivated {
|
||||||
border-left: 3px solid #524f67;
|
border-left: 3px solid @hl_high;
|
||||||
} /* highlight-high */
|
}
|
||||||
#idle_inhibitor:hover {
|
|
||||||
background: #26233a;
|
|
||||||
} /* overlay */
|
|
||||||
|
|
||||||
/* Gamemode */
|
/* Gamemode */
|
||||||
#gamemode {
|
#gamemode {
|
||||||
border-left: 3px solid #f6c177;
|
border-left: 3px solid @gold;
|
||||||
}
|
|
||||||
#gamemode:hover {
|
|
||||||
background: #26233a;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Speaker (PipeWire via wireplumber) */
|
|
||||||
#wireplumber.muted {
|
|
||||||
color: #6e6a86; /* muted */
|
|
||||||
border-color: #21202e;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Clock */
|
/* Clock */
|
||||||
#clock {
|
#clock {
|
||||||
border-left: 3px solid #9ccfd8; /* foam */
|
border-left: 3px solid @foam;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Subtle separators */
|
/* Battery */
|
||||||
.modules-center > *:not(:last-child),
|
#battery {
|
||||||
.modules-right > *:not(:last-child) {
|
border-left: 3px solid @foam;
|
||||||
border-bottom: 1px solid #21202e; /* highlight-low */
|
}
|
||||||
|
#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 {
|
#custom-swaync {
|
||||||
background: #1f1d2e; /* surface */
|
border-left: 3px solid @iris;
|
||||||
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 {
|
#custom-swaync.dnd {
|
||||||
/* if swaync emits a 'dnd' class */
|
border-left-color: @gold;
|
||||||
border-left-color: #f6c177; /* gold */
|
|
||||||
}
|
|
||||||
#custom-swaync:hover {
|
|
||||||
background: #26233a; /* overlay */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Hyprsunset widget */
|
/* Night shift */
|
||||||
#custom-hyprsunset {
|
#custom-hyprsunset {
|
||||||
background: #1f1d2e; /* surface */
|
border-left: 3px solid @rose;
|
||||||
color: #e0def4; /* text */
|
}
|
||||||
margin: 3px 6px;
|
|
||||||
|
/* 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-radius: 8px;
|
||||||
border: 1px solid #21202e; /* highlight-low */
|
|
||||||
padding: 6px 8px;
|
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;
|
||||||
}
|
}
|
||||||
|
|||||||
435
.config/waybar/style_bk.css
Normal file
435
.config/waybar/style_bk.css
Normal file
@@ -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;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user