adds wallust for automatic color change according to wallpaper
This commit is contained in:
parent
be9cd7a850
commit
150a5bb0a3
@ -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
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user