|
@@ -1,3 +1,6 @@
|
|
|
|
|
+@define-color foreground #e0def4;
|
|
|
|
|
+@define-color background #191724;
|
|
|
|
|
+
|
|
|
* {
|
|
* {
|
|
|
border: none;
|
|
border: none;
|
|
|
border-radius: 0;
|
|
border-radius: 0;
|
|
@@ -6,89 +9,60 @@
|
|
|
min-height: 0;
|
|
min-height: 0;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-/* Window Styles */
|
|
|
|
|
window#waybar {
|
|
window#waybar {
|
|
|
- background: rgba(0, 0, 0, 0.8);
|
|
|
|
|
- border-bottom: 1px solid #282828;
|
|
|
|
|
|
|
+ background: rgba(25, 23, 36, 0.8);
|
|
|
|
|
+ border-bottom: 1px solid #26233a;
|
|
|
border-radius: 10px;
|
|
border-radius: 10px;
|
|
|
- color: #f4d9e1;
|
|
|
|
|
|
|
+ color: @foreground;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
tooltip {
|
|
tooltip {
|
|
|
- background: #010409;
|
|
|
|
|
|
|
+ background: @background;
|
|
|
border-radius: 10px;
|
|
border-radius: 10px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-/* Workspace Styles */
|
|
|
|
|
-
|
|
|
|
|
#workspaces button {
|
|
#workspaces button {
|
|
|
- color: #fff;
|
|
|
|
|
|
|
+ color: @foreground;
|
|
|
border-radius: 10px;
|
|
border-radius: 10px;
|
|
|
padding: 5px;
|
|
padding: 5px;
|
|
|
margin: 4px 4px;
|
|
margin: 4px 4px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
#workspaces button.urgent {
|
|
#workspaces button.urgent {
|
|
|
- background: #010409;
|
|
|
|
|
- color: #FF7F7F;
|
|
|
|
|
|
|
+ background: @background;
|
|
|
|
|
+ color: #eb6f92;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
#workspaces button:hover,
|
|
#workspaces button:hover,
|
|
|
#workspaces button.focused {
|
|
#workspaces button.focused {
|
|
|
- background: #f4d9e1;
|
|
|
|
|
- color: #282828;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-/* Common Module Styles */
|
|
|
|
|
-#cpu,
|
|
|
|
|
-#memory,
|
|
|
|
|
-#window,
|
|
|
|
|
-#clock,
|
|
|
|
|
-#battery,
|
|
|
|
|
-#pulseaudio,
|
|
|
|
|
-#network,
|
|
|
|
|
-#bluetooth,
|
|
|
|
|
-#temperature,
|
|
|
|
|
-#workspaces,
|
|
|
|
|
-#tray,
|
|
|
|
|
-#custom-vpn,
|
|
|
|
|
-#custom-notification,
|
|
|
|
|
-#backlight {
|
|
|
|
|
- padding: 0px 5;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-#cpu {
|
|
|
|
|
- padding-right: 0;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-/* Individual Module Styles */
|
|
|
|
|
-#window {
|
|
|
|
|
- margin: 0 60px;
|
|
|
|
|
|
|
+ background: #c4a7e7;
|
|
|
|
|
+ color: @background;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
#cpu,
|
|
#cpu,
|
|
|
#memory,
|
|
#memory,
|
|
|
-#clock,
|
|
|
|
|
#network,
|
|
#network,
|
|
|
#bluetooth,
|
|
#bluetooth,
|
|
|
#pulseaudio,
|
|
#pulseaudio,
|
|
|
-#pulseaudio.microphone,
|
|
|
|
|
-#battery {
|
|
|
|
|
- color: #fff;
|
|
|
|
|
|
|
+#battery,
|
|
|
|
|
+#clock,
|
|
|
|
|
+#custom-playerctl,
|
|
|
|
|
+#custom-playerlabel,
|
|
|
|
|
+#custom-screenrecording-indicator,
|
|
|
|
|
+#custom-randwall {
|
|
|
|
|
+ color: @foreground;
|
|
|
|
|
+ padding: 0px 8px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
#temperature.critical {
|
|
#temperature.critical {
|
|
|
- color: #eba0ac;
|
|
|
|
|
|
|
+ color: #eb6f92;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-/* Custom Module Styles */
|
|
|
|
|
#custom-playerctl,
|
|
#custom-playerctl,
|
|
|
#custom-playerlabel {
|
|
#custom-playerlabel {
|
|
|
- background: #282828;
|
|
|
|
|
|
|
+ background: #26233a;
|
|
|
border-radius: 16px;
|
|
border-radius: 16px;
|
|
|
- font-style: normal;
|
|
|
|
|
- font-weight: normal;
|
|
|
|
|
- margin: 5px 0;
|
|
|
|
|
|
|
+ margin: 5px 8px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
#custom-playerctl {
|
|
#custom-playerctl {
|
|
@@ -101,68 +75,36 @@ tooltip {
|
|
|
padding: 0 15px 0 10px;
|
|
padding: 0 15px 0 10px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-#custom-notification {
|
|
|
|
|
- border-radius: 0;
|
|
|
|
|
- font-weight: bold;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-#custom-randwall {
|
|
|
|
|
- margin-right: 10px;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-#custom-vpn.connected {
|
|
|
|
|
- color: #a6e3a1;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-#custom-vpn.disconnected {
|
|
|
|
|
- color: #f4d9e1;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-#custom-wf-recorder {
|
|
|
|
|
- padding: 0 10px;
|
|
|
|
|
- margin: 0 4px;
|
|
|
|
|
|
|
+#custom-screenrecording-indicator {
|
|
|
border-radius: 4px;
|
|
border-radius: 4px;
|
|
|
transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-#custom-wf-recorder.idle {
|
|
|
|
|
- background-color: #2c2c2c;
|
|
|
|
|
- color: #ccc;
|
|
|
|
|
|
|
+#custom-screenrecording-indicator.idle {
|
|
|
|
|
+ background-color: @background;
|
|
|
|
|
+ color: @foreground;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-#custom-wf-recorder.recording {
|
|
|
|
|
- background-color: #cc3436;
|
|
|
|
|
- color: white;
|
|
|
|
|
|
|
+#custom-screenrecording-indicator.active {
|
|
|
|
|
+ color: #cc3436;
|
|
|
animation: blink 1s infinite;
|
|
animation: blink 1s infinite;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@keyframes blink {
|
|
@keyframes blink {
|
|
|
- 0% {
|
|
|
|
|
- opacity: 1;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- 50% {
|
|
|
|
|
- opacity: 0.7;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- 100% {
|
|
|
|
|
- opacity: 1;
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ 0% { opacity: 1; }
|
|
|
|
|
+ 50% { opacity: 0.7; }
|
|
|
|
|
+ 100% { opacity: 1; }
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-#custom-microphone {
|
|
|
|
|
- padding: 0 10px;
|
|
|
|
|
- margin: 0 5px;
|
|
|
|
|
|
|
+#custom-notification {
|
|
|
|
|
+ margin-right: 12px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-#custom-microphone.headset {
|
|
|
|
|
- color: #a6e3a1;
|
|
|
|
|
|
|
+#custom-randwall {
|
|
|
|
|
+ color: #f6c177;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-#custom-microphone.internal {
|
|
|
|
|
- color: #f9e2af;
|
|
|
|
|
|
|
+#custom-expand-icon {
|
|
|
|
|
+ color: #9ccfd8;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-#custom-microphone.unknown {
|
|
|
|
|
- color: #f38ba8;
|
|
|
|
|
-}
|
|
|