added support for the system theme

skel/skel/.config/waybar/style-dark.css

+/*
+раскомментируйте необходимый блок
+*/
+
+/*Цвета темы GTK*/
+/*
+@define-color bg @headerbar_bg_color;
+@define-color selected_bg @view_bg_color;
+@define-color text @headerbar_fg_color;
+@define-color selected_text @accent_color;
+@define-color border @dark_2;
+@define-color error @error_bg_color;
+@define-color success @warning_bg_color;
+@define-color accent @accent_bg_color;
+@define-color unfocused @destructive_color;
+*/
+
+/*Цвета темы Ximper*/
+
+@define-color bg #0B0E1D;
+@define-color selected_bg #101322;
+@define-color text #D8E2EA;
+@define-color selected_text #a6a7ac;
+@define-color border #7E01FF;
+@define-color error #bd2828;
+@define-color success #e89b0b;
+@define-color accent #081BFE;
+@define-color unfocused #f85656;
+
+
+/* Пользовательские цвета
+@define-color bg ;
+@define-color selected_bg ;
+@define-color text ;
+@define-color selected_text ;
+@define-color border ;
+@define-color error ;
+@define-color success ;
+@define-color accent ;
+@define-color unfocused ;
+*/
+
+* {
+	min-height: 0;
+	font-size: 14px;
+	font-weight: 500;
+}
+
+window#waybar {
+	border: 1px solid @border;
+	transition-property: background-color;
+	transition-duration: 0.5s;
+	background-color: @bg;
+	border-radius: 15px;
+}
+
+window#waybar.hidden {
+    opacity: 0.2;
+}
+
+
+#clock,
+#pulseaudio,
+#image,
+#custom-power,
+#tray,
+#network,
+#bluetooth,
+#battery,
+#language,
+#custom-media,
+#taskbar,
+#custom-clipboard,
+#power-profiles-daemon,
+#backlight,
+#idle_inhibitor,
+#workspaces {
+	min-height: 0;
+	border-radius: 12px;
+	margin: 2px 4px;
+	color: @text;
+}
+
+#workspaces button {
+	color: @text;
+	border-radius: 25px;
+}
+
+#workspaces button:hover {
+	color: @selected_text;
+	background: @selected_bg;
+	box-shadow: inherit;
+	text-shadow: inherit;
+}
+
+#workspaces button.active {
+	color: @accent;
+}
+
+#workspaces button.urgent {
+	color: @success;
+}
+
+#pulseaudio.volume.muted {
+	color: @unfocused;
+}
+
+#pulseaudio.microphone.source-muted {
+	color: @unfocused;
+}
+
+#custom-power {
+	color: @error;
+	padding-right: 5px;
+	font-size: 16px;
+}
+
+#image {
+	border: none;
+	background-color: @bg
+}
+
+tooltip {
+	border-radius: 8px;
+	border: 1px solid @border;
+	background: @selected_bg;
+	color: @text
+}
+
+tooltip label {
+	color: @text
+}

skel/skel/.config/waybar/style.css

+/*
+раскомментируйте необходимый блок
+*/
+
+/*Цвета темы GTK*/
+/*
+@define-color bg @light_3;
+@define-color selected_bg @view_bg_color;
+@define-color text @headerbar_fg_color;
+@define-color selected_text @accent_color;
+@define-color border @dark_2;
+@define-color error @error_bg_color;
+@define-color success @warning_bg_color;
+@define-color accent @accent_bg_color;
+@define-color unfocused @destructive_color;
+*/
+
+/*Цвета темы Ximper*/
+
+@define-color bg #c2c2c2;
+@define-color selected_bg #a3a3a3;
+@define-color text #020305;
+@define-color selected_text #2f2e2e;
+@define-color border #7E01FF;
+@define-color error #ff0000;
+@define-color success #f2a008;
+@define-color accent #081BFE;
+@define-color unfocused #e52323;
+
+
+/* Пользовательские цвета
+@define-color bg ;
+@define-color selected_bg ;
+@define-color text ;
+@define-color selected_text ;
+@define-color border ;
+@define-color error ;
+@define-color success ;
+@define-color accent ;
+@define-color unfocused ;
+*/
+
 * {
 	min-height: 0;
 	font-size: 14px;
@@ -5,11 +47,10 @@
 }
 
 window#waybar {
-	border: 1px solid;
-	border-color: #5D12F3;
+	border: 2px solid @border;
 	transition-property: background-color;
 	transition-duration: 0.5s;
-	background-color: #0B0E1D;
+	background-color: @bg;
 	border-radius: 15px;
 }
 
@@ -17,6 +58,7 @@ window#waybar.hidden {
     opacity: 0.2;
 }
 
+
 #clock,
 #pulseaudio,
 #image,
@@ -36,64 +78,56 @@ window#waybar.hidden {
 	min-height: 0;
 	border-radius: 12px;
 	margin: 2px 4px;
-	color: #ffffff;
+	color: @text;
 }
 
 #workspaces button {
-	color: #ffffff;
+	color: @text;
 	border-radius: 25px;
 }
 
 #workspaces button:hover {
-	color: #cdd6f4;
-	background: #091C30;
+	color: @selected_text;
+	background: @selected_bg;
 	box-shadow: inherit;
 	text-shadow: inherit;
 }
 
 #workspaces button.active {
-	color: #081BFE;
+	color: @accent;
 }
 
 #workspaces button.urgent {
-	color: #BE07E6;
+	color: @success;
 }
 
 #pulseaudio.volume.muted {
-	color: #808181;
+	color: @unfocused;
 }
 
 #pulseaudio.microphone.source-muted {
-	color: #808181;
+	color: @unfocused;
 }
 
 #custom-power {
-	color: #f33535;
+	color: @error;
 	padding-right: 5px;
 	font-size: 16px;
 }
 
-#taskbar button {
-	border: 1px solid #5D12F3;
-}
-
-#taskbar button.active {
-	border-color: #081BFE;
-	background: #091C30;
-}
-
-#taskbar button:hover {
-	background: #091C30;
-}
-
 #image {
 	border: none;
-	background-color: #0B0E1D
+	background-color: @bg
 }
 
 
 tooltip {
 	border-radius: 8px;
-	border: 1px solid #5D12F3;
-	background: #101322;
+	border: 1px solid @border;
+	background: @selected_bg;
+	color: @text
+}
+
+tooltip label {
+	color: @text
 }