fscotto/dotfiles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change Wayland style.css for adapting to Catppuccin themes

Browse Source
This commit is contained in:
Fabio Scotto di Santolo
2025-07-27 23:28:37 +02:00
parent a3d0c03903
commit a3e2345c31
1 changed files with 28 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
waybar/.config/waybar/style.css
View File

@@ -10,8 +10,8 @@
} }
@keyframes blink_red { @keyframes blink_red {
to { to {
background-color: rgb(242, 143, 173); background-color: @flamingo;
color: rgb(26, 24, 38); color: @mantle;
} }
} }
.warning, .critical, .urgent { .warning, .critical, .urgent {
@@ -28,70 +28,71 @@ window > box {
margin-left: 5px; margin-left: 5px;
margin-right: 5px; margin-right: 5px;
margin-top: 5px; margin-top: 5px;
background-color: rgb(30, 30, 46); background-color: @base;
} }
#workspaces { #workspaces {
padding-left: 0px; padding-left: 0px;
padding-right: 4px; padding-right: 4px;
} }
#workspaces button { #workspaces button {
color: @teal;
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
padding-left: 6px; padding-left: 6px;
padding-right: 6px; padding-right: 6px;
} }
#workspaces button.focused { #workspaces button.focused {
background-color: rgb(181, 232, 224); background-color: @teal;
color: rgb(26, 24, 38); color: @mantle;
} }
#workspaces button.urgent { #workspaces button.urgent {
color: rgb(26, 24, 38); color: @mantle;
} }
#workspaces button:hover { #workspaces button:hover {
background-color: rgb(248, 189, 150); background-color: @peach;
color: rgb(26, 24, 38); color: @mantle;
} }
tooltip { tooltip {
background: rgb(48, 45, 65); background: @surface0;
} }
tooltip label { tooltip label {
color: rgb(217, 224, 238); color: @text;
} }
#custom-launcher { #custom-launcher {
padding-left: 8px; padding-left: 8px;
padding-right: 6px; padding-right: 6px;
color: rgb(201, 203, 255); color: @mauve;
} }
#mode, #clock, #memory, #temperature, #cpu, #mpd, #idle_inhibitor, #temperature, #backlight, #pulseaudio, #network, #battery, #custom-powermenu, #bluetooth { #mode, #clock, #memory, #temperature, #cpu, #mpd, #idle_inhibitor, #temperature, #backlight, #pulseaudio, #network, #battery, #custom-powermenu, #bluetooth {
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
} }
#memory { #memory {
color: rgb(181, 232, 224); color: @teal;
} }
#cpu { #cpu {
color: rgb(245, 194, 231); color: @pink;
} }
#clock { #clock {
color: rgb(217, 224, 238); color: @text;
} }
#idle_inhibitor { #idle_inhibitor {
color: rgb(221, 182, 242); color: @mauve;
} }
#temperature { #temperature {
color: rgb(150, 205, 251); color: @sapphire;
} }
#backlight { #backlight {
color: rgb(248, 189, 150); color: @peach;
} }
#pulseaudio { #pulseaudio {
color: rgb(245, 224, 220); color: @rosewater;
} }
#network { #network {
color: #ABE9B3; color: @green;
} }
#network.disconnected { #network.disconnected {
color: rgb(255, 255, 255); color: @text;
} }
#battery { #battery {
color: @sky; color: @sky;
@@ -100,7 +101,7 @@ tooltip label {
color: @green; color: @green;
} }
#battery.full, #battery.discharging { #battery.full, #battery.discharging {
color: rgb(250, 227, 176); color: @yellow;
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {
color: @red; color: @red;
@@ -111,22 +112,25 @@ tooltip label {
animation-direction: alternate; animation-direction: alternate;
} }
#custom-powermenu { #custom-powermenu {
color: rgb(242, 143, 173); color: @red;
} }
#tray { #tray {
padding-right: 8px; padding-right: 8px;
padding-left: 10px; padding-left: 10px;
} }
#mpd.paused { #mpd.paused {
color: #414868; color: @blue;
font-style: italic; font-style: italic;
} }
#mpd.stopped { #mpd.stopped {
background: transparent; background: transparent;
} }
#mpd { #mpd {
color: #c0caf5; color: @sky;
} }
#bluetooth { #bluetooth {
color: @blue; color: @blue;
} }
#custom-launcher {
color: @text;
}