adds wallust for automatic color change according to wallpaper
This commit is contained in:
		| @@ -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"] | ||||
|  | ||||
|   | ||||
							
								
								
									
										32
									
								
								.config/alacritty/colors.toml
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										32
									
								
								.config/alacritty/colors.toml
									
									
									
									
									
										Normal file
									
								
							| @@ -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" | ||||
							
								
								
									
										32
									
								
								.config/wallust/templates/alacritty.toml
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										32
									
								
								.config/wallust/templates/alacritty.toml
									
									
									
									
									
										Normal file
									
								
							| @@ -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" | ||||
							
								
								
									
										19
									
								
								.config/wallust/templates/waybar.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										19
									
								
								.config/wallust/templates/waybar.css
									
									
									
									
									
										Normal file
									
								
							| @@ -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}}; | ||||
							
								
								
									
										7
									
								
								.config/wallust/wallust.toml
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										7
									
								
								.config/wallust/wallust.toml
									
									
									
									
									
										Normal file
									
								
							| @@ -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' } | ||||
							
								
								
									
										19
									
								
								.config/waybar/colors-wallust.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										19
									
								
								.config/waybar/colors-wallust.css
									
									
									
									
									
										Normal file
									
								
							| @@ -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; | ||||
| @@ -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; | ||||
|     color: rgba(255, 255, 255, 1); | ||||
|   background-color: var(--background); | ||||
|   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; | ||||
|     background-color: rgba(17, 24, 39, 0.5); | ||||
|   color: var(--foreground); | ||||
|   background-color: var(--color0); | ||||
|   transition: all 0.3s ease-in-out; | ||||
|   font-size: 13px; /* Slightly smaller font size */ | ||||
| } | ||||
|  | ||||
| #workspaces button.active { | ||||
|     color: @foreground; | ||||
|     background: rgba(2, 89, 57, 0.5); | ||||
|   color: var(--foreground); | ||||
|   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; | ||||
| } | ||||
|   | ||||
| @@ -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 | ||||
|  | ||||
|   | ||||
		Reference in New Issue
	
	Block a user