mischbeck/dotfiles
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

adds wallust for automatic color change according to wallpaper

Browse Source
This commit is contained in:
Michael Beck 2025-05-20 12:12:57 +02:00
parent be9cd7a850
commit 150a5bb0a3
8 changed files with 243 additions and 169 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
.config/alacritty/alacritty.toml
View File

@ -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
View 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
View 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
View 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
View 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
View 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;

249
.config/waybar/style.css
View File

@ -1,74 +1,77 @@
/* Import wallust colors */
@import url("colors-wallust.css");
* {
font-family: "Fira Sans Semibold", "Font Awesome 6 Free", FontAwesome, Roboto, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 900;
margin: 0;
padding: 0;
transition-property: background-color;
transition-duration: 0.5s;
font-family: "Fira Sans Semibold", "Font Awesome 6 Free", FontAwesome, Roboto,
Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 900;
margin: 0;
padding: 0;
transition-property: background-color;
transition-duration: 0.5s;
}
/* Reset all styles */
* {
border: none;
border-radius: 3px;
min-height: 0;
margin: 0em 0.2em 0em 0.2em;
border: none;
border-radius: 3px;
min-height: 0;
margin: 0em 0.2em 0em 0.2em;
}
/* The whole bar */
#waybar {
background-color: transparent;
color: rgba(255, 255, 255, 1);
transition-property: background-color;
transition-duration: 0.5s;
border-radius: 0px;
margin: 0px 0px;
background-color: var(--background);
color: var(--foreground);
transition-property: background-color;
transition-duration: 0.5s;
border-radius: 0px;
margin: 0px 0px;
}
window#waybar.hidden {
opacity: 0.2;
opacity: 0.2;
}
#workspaces button {
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);
transition: all 0.3s ease-in-out;
font-size: 13px; /* Slightly smaller font size */
padding: 3px 2px; /* Adjusted padding to reduce height */
margin: 3px 2px; /* Reduced margin slightly */
border-radius: 6px;
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 */
border-radius: 14px;
padding: 3px 6px; /* Adjusted padding to reduce height */
}
#window {
background-color: rgba(17,24,39,0.5);
font-size: 11px; /* Slightly smaller font size */
font-weight: 800;
color: @foreground;
border-radius: 14px;
padding: 1px 2px; /* Reduced padding */
margin: 2px;
background-color: rgba(17, 24, 39, 0.1);
font-size: 11px; /* Slightly smaller font size */
font-weight: 800;
color: var(--foreground);
border-radius: 14px;
padding: 1px 2px; /* Reduced padding */
margin: 2px;
}
#clock,
@ -100,225 +103,223 @@ window#waybar.hidden {
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.default {
background-color: rgba(17,24,39,0.5);
border-radius: 14px;
padding: 5px; /* Adjusted padding */
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);
border-radius: 14px;
padding: 4px;
background-color: rgba(17, 24, 39, 0.5);
border-radius: 14px;
padding: 4px;
}
#custom-spotify {
background-color: rgba(17,24,39,0.5);
border-radius: 14px;
padding: 3px 12px;
background-color: rgba(17, 24, 39, 0.5);
border-radius: 14px;
padding: 3px 12px;
}
#tray {
background-color: rgba(17,24,39,0.5);
border-radius: 14px;
padding: 4px; /* Adjusted padding */
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);
padding: 4px;
color: #fb958b;
background-color: rgba(17, 24, 39, 0.5);
padding: 4px;
}
#memory {
color: #ebcb8b;
background-color: rgba(17,24,39,0.5);
padding: 4px;
color: #ebcb8b;
background-color: rgba(17, 24, 39, 0.5);
padding: 4px;
}
#custom-power {
background-color: rgba(17,24,39,0.5);
border-radius: 14px;
padding: 4px;
background-color: rgba(17, 24, 39, 0.5);
border-radius: 14px;
padding: 4px;
}
#custom-storage {
background-color: rgba(17,24,39,0.5);
border-radius: 14px;
padding: 4px;
background-color: rgba(17, 24, 39, 0.5);
border-radius: 14px;
padding: 4px;
}
#custom-launcher {
background-color: rgba(27, 36, 43, 0.5);
color: rgba(106, 146, 215, 0.5);
border-radius: 7.5px;
padding: 3px 6px; /* Adjusted padding */
background-color: rgba(27, 36, 43, 0.5);
color: rgba(106, 146, 215, 0.5);
border-radius: 7.5px;
padding: 3px 6px; /* Adjusted padding */
}
#custom-weather.severe {
color: rgba(235, 147, 125, 0.5);
color: rgba(235, 147, 125, 0.5);
}
#custom-weather.sunnyDay {
color: rgba(194, 202, 118, 0.5);
color: rgba(194, 202, 118, 0.5);
}
#custom-weather.clearNight {
color: rgba(202, 211, 245, 0.5);
color: rgba(202, 211, 245, 0.5);
}
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight {
color: rgba(194, 221, 218, 0.5);
color: rgba(194, 221, 218, 0.5);
}
#custom-weather.rainyDay,
#custom-weather.rainyNight {
color: rgba(90, 172, 165, 0.5);
color: rgba(90, 172, 165, 0.5);
}
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight {
color: rgba(214, 231, 229, 0.5);
color: rgba(214, 231, 229, 0.5);
}
#custom-weather.default {
color: rgba(219, 217, 216, 0.5);
color: rgba(219, 217, 216, 0.5);
}
/* If workspaces is the leftmost module, omit left margin */
.modules-left > widget:first-child > #workspaces {
margin-left: 0;
margin-left: 0;
}
/* If workspaces is the rightmost module, omit right margin */
.modules-right > widget:last-child > #workspaces {
margin-right: 0;
margin-right: 0;
}
#pulseaudio {
color: rgba(125, 155, 186, 0.5);
color: rgba(125, 155, 186, 0.5);
}
#backlight {
color: rgba(143, 188, 187, 0.5);
color: rgba(143, 188, 187, 0.5);
}
#clock {
color: rgba(200, 210, 224, 0.5);
color: rgba(200, 210, 224, 0.5);
}
#battery {
color: rgba(192, 202, 245, 0.5);
color: rgba(192, 202, 245, 0.5);
}
#battery.charging,
#battery.full,
#battery.plugged {
color: rgba(38, 166, 91, 0.5);
color: rgba(38, 166, 91, 0.5);
}
@keyframes blink {
to {
background-color: rgba(30, 34, 42, 0.5);
color: rgba(171, 178, 191, 0.5);
}
to {
background-color: rgba(30, 34, 42, 0.5);
color: rgba(171, 178, 191, 0.5);
}
}
#battery.critical:not(.charging) {
color: rgba(245, 60, 60, 0.5);
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
color: rgba(245, 60, 60, 0.5);
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
label:focus {
background-color: rgba(0, 0, 0, 0.5);
background-color: rgba(0, 0, 0, 0.5);
}
#disk {
background-color: rgba(150, 75, 0, 0.5);
background-color: rgba(150, 75, 0, 0.5);
}
#bluetooth {
color: rgba(112, 125, 157, 0.5);
color: rgba(112, 125, 157, 0.5);
}
#bluetooth.disconnected {
color: rgba(245, 60, 60, 0.5);
color: rgba(245, 60, 60, 0.5);
}
#network {
color: rgba(180, 142, 173, 0.5);
color: rgba(180, 142, 173, 0.5);
}
#network.disconnected {
color: rgba(245, 60, 60, 0.5);
color: rgba(245, 60, 60, 0.5);
}
#custom-media {
background-color: rgba(102, 204, 153, 0.5);
color: #2a5c45;
min-width: 100px;
background-color: rgba(102, 204, 153, 0.5);
color: #2a5c45;
min-width: 100px;
}
#custom-media.custom-spotify {
background-color: rgba(102, 204, 153, 0.5);
background-color: rgba(102, 204, 153, 0.5);
}
#custom-media.custom-vlc {
background-color: rgba(255, 160, 0, 0.5);
background-color: rgba(255, 160, 0, 0.5);
}
#temperature {
background-color: rgba(240, 147, 43, 0.5)
background-color: rgba(240, 147, 43, 0.5);
}
#temperature.critical {
background-color: rgba(253, 77, 75, 0.5);
background-color: rgba(253, 77, 75, 0.5);
}
#tray > .passive {
-gtk-icon-effect: dim;
-gtk-icon-effect: dim;
}
#tray > .needs-attention {
-gtk-icon-effect: highlight;
background-color: rgba(253, 77, 75, 0.5);
-gtk-icon-effect: highlight;
background-color: rgba(253, 77, 75, 0.5);
}
#idle_inhibitor {
background-color: rgba(45, 52, 54, 0.5);
background-color: rgba(45, 52, 54, 0.5);
}
#idle_inhibitor.activated {
background-color: rgba(236, 240, 241, 0.5); /* bleibt gleich */
color: rgba(45, 52, 54, 1);
background-color: rgba(236, 240, 241, 0.5); /* bleibt gleich */
color: rgba(45, 52, 54, 1);
}
#language {
background: rgba(0, 176, 147, 0.5);
color: rgba(116, 8, 100, 0.5);
padding: 0 0px;
margin: 0 5px;
min-width: 16px;
background: rgba(0, 176, 147, 0.5);
color: rgba(116, 8, 100, 0.5);
padding: 0 0px;
margin: 0 5px;
min-width: 16px;
}
#keyboard-state {
background: rgba(151, 225, 173, 0.5);
color: rgba(0, 0, 0, 0.5);
padding: 0 0px;
margin: 0 5px;
min-width: 16px;
background: rgba(151, 225, 173, 0.5);
color: rgba(0, 0, 0, 0.5);
padding: 0 0px;
margin: 0 5px;
min-width: 16px;
}
#keyboard-state > label {
padding: 0 0px;
padding: 0 0px;
}
#keyboard-state > label.locked {
background: rgba(0, 0, 0, 0.2);
background: rgba(0, 0, 0, 0.2);
}

11
.config/waypaper/config.ini
View File

@ -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