adds wallust for automatic color change according to wallpaper

.config/alacritty/alacritty.toml

@@ -6,7 +6,7 @@ WINIT_X11_SCALE_FACTOR = "1"
 dynamic_padding = true
 decorations = "full"
 title = "Alacritty"
-opacity = 0.5
+opacity = 0.3
 decorations_theme_variant = "Dark"
 
 [window.dimensions]
@@ -21,45 +21,6 @@ general = "Alacritty"
 history = 10000
 multiplier = 4
 
-[colors]
-draw_bold_text_with_bright_colors = true
-
-# Upstream: github.com/bluz71/vim-moonfly-colors
-# github.com/alacritty/alacritty-theme
-
-[colors.bright]
-black = "#949494"
-blue = "#74b2ff"
-cyan = "#85dc85"
-green = "#36c692"
-magenta = "#ae81ff"
-red = "#ff5189"
-white = "#e4e4e4"
-yellow = "#c6c684"
-
-[colors.cursor]
-cursor = "#8e8e8e"
-text = "#080808"
-
-[colors.normal]
-black = "#323437"
-blue = "#80a0ff"
-cyan = "#79dac8"
-green = "#8cc85f"
-magenta = "#cf87e8"
-red = "#ff5454"
-white = "#c6c6c6"
-yellow = "#e3c78a"
-
-[colors.primary]
-background = "#080808"
-bright_foreground = "#eeeeee"
-foreground = "#bdbdbd"
-
-[colors.selection]
-background = "#b2ceee"
-text = "#080808"
-
 [font]
 size = 11
 
@@ -174,3 +135,5 @@ action = "ResetFontSize"
 [general]
 live_config_reload = true
 working_directory = "None"
+import = ["colors.toml"]
+

.config/alacritty/colors.toml

@@ -0,0 +1,32 @@
+[colors.bright]
+black   = "#8E969B"
+red     = "#58120D"
+green   = "#744E72"
+yellow  = "#517185"
+blue    = "#DD2A4A"
+magenta = "#DEACB3"
+cyan    = "#A9BFCE"
+white   = "#CCD7DE"
+
+[colors.cursor]
+cursor = "#8e8e8e"
+text = "#080808"
+
+[colors.normal]
+black   = "#424345"
+red     = "#58120D"
+green   = "#744E72"
+yellow  = "#517185"
+blue    = "#DD2A4A"
+magenta = "#DEACB3"
+cyan    = "#A9BFCE"
+white   = "#CCD7DE"
+
+[colors.primary]
+background = "#1B1D1E"
+bright_foreground = "#eeeeee"
+foreground = "#E1E9EE"
+
+[colors.selection]
+background = "#b2ceee"
+text = "#080808"

.config/wallust/templates/alacritty.toml

@@ -0,0 +1,32 @@
+[colors.bright]
+black   = "{{color8}}"
+red     = "{{color9}}"
+green   = "{{color10}}"
+yellow  = "{{color11}}"
+blue    = "{{color12}}"
+magenta = "{{color13}}"
+cyan    = "{{color14}}"
+white   = "{{color15}}"
+
+[colors.cursor]
+cursor = "#8e8e8e"
+text = "#080808"
+
+[colors.normal]
+black   = "{{color0}}"
+red     = "{{color1}}"
+green   = "{{color2}}"
+yellow  = "{{color3}}"
+blue    = "{{color4}}"
+magenta = "{{color5}}"
+cyan    = "{{color6}}"
+white   = "{{color7}}"
+
+[colors.primary]
+background = "{{background}}"
+bright_foreground = "#eeeeee"
+foreground = "{{foreground}}"
+
+[colors.selection]
+background = "#b2ceee"
+text = "#080808"

.config/wallust/templates/waybar.css

@@ -0,0 +1,19 @@
+@define-color cursor {{cursor}};
+@define-color background {{background}};
+@define-color foreground {{foreground}};
+@define-color color0  {{color0 }};
+@define-color color1  {{color1 }};
+@define-color color2  {{color2 }};
+@define-color color3  {{color3 }};
+@define-color color4  {{color4 }};
+@define-color color5  {{color5 }};
+@define-color color6  {{color6 }};
+@define-color color7  {{color7 }};
+@define-color color8  {{color8 }};
+@define-color color9  {{color9 }};
+@define-color color10 {{color10}};
+@define-color color11 {{color11}};
+@define-color color12 {{color12}};
+@define-color color13 {{color13}};
+@define-color color14 {{color14}};
+@define-color color15 {{color15}};

.config/wallust/wallust.toml

@@ -0,0 +1,7 @@
+backend = "fastresize"
+color_space = "lch"
+palette = "dark"
+
+[templates]
+waybar = { template = 'waybar.css', target = '~/.config/waybar/colors-wallust.css' }
+alacritty = { template = 'alacritty.toml', target = '~/.config/alacritty/colors.toml' }

.config/waybar/colors-wallust.css

@@ -0,0 +1,19 @@
+@define-color cursor #AA9BB0;
+@define-color background #1B1D1E;
+@define-color foreground #E1E9EE;
+@define-color color0  #424345;
+@define-color color1  #58120D;
+@define-color color2  #744E72;
+@define-color color3  #517185;
+@define-color color4  #DD2A4A;
+@define-color color5  #DEACB3;
+@define-color color6  #A9BFCE;
+@define-color color7  #CCD7DE;
+@define-color color8  #8E969B;
+@define-color color9  #58120D;
+@define-color color10 #744E72;
+@define-color color11 #517185;
+@define-color color12 #DD2A4A;
+@define-color color13 #DEACB3;
+@define-color color14 #A9BFCE;
+@define-color color15 #CCD7DE;

.config/waybar/style.css

@@ -1,6 +1,9 @@
+/* Import wallust colors */
+@import url("colors-wallust.css");
 
 * {
-    font-family: "Fira Sans Semibold", "Font Awesome 6 Free", FontAwesome, Roboto, Helvetica, Arial, sans-serif;
+  font-family: "Fira Sans Semibold", "Font Awesome 6 Free", FontAwesome, Roboto,
+    Helvetica, Arial, sans-serif;
   font-size: 12px;
   font-weight: 900;
   margin: 0;
@@ -19,8 +22,8 @@
 
 /* The whole bar */
 #waybar {
-    background-color: transparent;
+  background-color: var(--background);
-    color: rgba(255, 255, 255, 1);
+  color: var(--foreground);
   transition-property: background-color;
   transition-duration: 0.5s;
   border-radius: 0px;
@@ -35,37 +38,37 @@ window#waybar.hidden {
   padding: 3px 2px; /* Adjusted padding to reduce height */
   margin: 3px 2px; /* Reduced margin slightly */
   border-radius: 6px;
-    color: @foreground;
+  color: var(--foreground);
-    background-color: rgba(17, 24, 39, 0.5);
+  background-color: var(--color0);
   transition: all 0.3s ease-in-out;
   font-size: 13px; /* Slightly smaller font size */
 }
 
 #workspaces button.active {
-    color: @foreground;
+  color: var(--foreground);
-    background: rgba(2, 89, 57, 0.5);
+  background: var(--color2);
 }
 
 #workspaces button:hover {
-    background: rgba(51, 51, 51, 0.5);
+  background: var(--color1);
 }
 
 #workspaces button.urgent {
-    background-color: rgba(235, 77, 75, 0.5);
+  background-color: var(--color9);
 }
 
 #workspaces {
-    background-color: rgba(17,24,39,0.5);
+  background-color: rgba(17, 24, 39, 0.5);
 
   border-radius: 14px;
   padding: 3px 6px; /* Adjusted padding to reduce height */
 }
 
 #window {
-    background-color: rgba(17,24,39,0.5);
+  background-color: rgba(17, 24, 39, 0.1);
   font-size: 11px; /* Slightly smaller font size */
   font-weight: 800;
-    color: @foreground;
+  color: var(--foreground);
   border-radius: 14px;
   padding: 1px 2px; /* Reduced padding */
   margin: 2px;
@@ -100,49 +103,49 @@ window#waybar.hidden {
 #custom-weather.showyIcyDay,
 #custom-weather.snowyIcyNight,
 #custom-weather.default {
-    background-color: rgba(17,24,39,0.5);
+  background-color: rgba(17, 24, 39, 0.5);
   border-radius: 14px;
   padding: 5px; /* Adjusted padding */
 }
 
 #custom-screenshot_t {
-    background-color: rgba(17,24,39,0.5);
+  background-color: rgba(17, 24, 39, 0.5);
   border-radius: 14px;
   padding: 4px;
 }
 
 #custom-spotify {
-    background-color: rgba(17,24,39,0.5);
+  background-color: rgba(17, 24, 39, 0.5);
   border-radius: 14px;
   padding: 3px 12px;
 }
 
 #tray {
-    background-color: rgba(17,24,39,0.5);
+  background-color: rgba(17, 24, 39, 0.5);
   border-radius: 14px;
   padding: 4px; /* Adjusted padding */
 }
 
 #cpu {
   color: #fb958b;
-    background-color: rgba(17,24,39,0.5);
+  background-color: rgba(17, 24, 39, 0.5);
   padding: 4px;
 }
 
 #memory {
   color: #ebcb8b;
-    background-color: rgba(17,24,39,0.5);
+  background-color: rgba(17, 24, 39, 0.5);
   padding: 4px;
 }
 
 #custom-power {
-    background-color: rgba(17,24,39,0.5);
+  background-color: rgba(17, 24, 39, 0.5);
   border-radius: 14px;
   padding: 4px;
 }
 
 #custom-storage {
-    background-color: rgba(17,24,39,0.5);
+  background-color: rgba(17, 24, 39, 0.5);
   border-radius: 14px;
   padding: 4px;
 }
@@ -257,7 +260,6 @@ label:focus {
   color: rgba(245, 60, 60, 0.5);
 }
 
-
 #custom-media {
   background-color: rgba(102, 204, 153, 0.5);
   color: #2a5c45;
@@ -273,7 +275,7 @@ label:focus {
 }
 
 #temperature {
-    background-color: rgba(240, 147, 43, 0.5)
+  background-color: rgba(240, 147, 43, 0.5);
 }
 
 #temperature.critical {
@@ -314,7 +316,6 @@ label:focus {
   min-width: 16px;
 }
 
-
 #keyboard-state > label {
   padding: 0 0px;
 }

.config/waypaper/config.ini

@@ -1,10 +1,10 @@
 [Settings]
 language = en
-folder = /usr/share/wallpapers/
+folder = /usr/share/wallpapers
 monitors = All
-wallpaper = /usr/share/wallpapers/Wallpaper-Bank/wallpapers/Game-GTA.png
+wallpaper = /usr/share/wallpapers/wallpaper/lofoten2.jpg
 show_path_in_tooltip = True
-backend = swaybg
+backend = swww
 fill = fill
 sort = name
 color = #ffffff
@@ -12,9 +12,9 @@ subfolders = True
 all_subfolders = False
 show_hidden = False
 show_gifs_only = False
-post_command = swaybg -o \* -i $wallpaper -m fill
+post_command = wallust run '$wallpaper'
 number_of_columns = 3
-swww_transition_type = any
+swww_transition_type = none
 swww_transition_step = 90
 swww_transition_angle = 0
 swww_transition_duration = 2
@@ -22,4 +22,5 @@ swww_transition_fps = 60
 mpvpaper_sound = False
 mpvpaper_options = 
 use_xdg_state = False
+zen_mode = False