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
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 dynamic_padding = true
decorations = "full" decorations = "full"
title = "Alacritty" title = "Alacritty"
opacity = 0.5 opacity = 0.3
decorations_theme_variant = "Dark" decorations_theme_variant = "Dark"
[window.dimensions] [window.dimensions]
@@ -21,45 +21,6 @@ general = "Alacritty"
history = 10000 history = 10000
multiplier = 4 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] [font]
size = 11 size = 11
@@ -174,3 +135,5 @@ action = "ResetFontSize"
[general] [general]
live_config_reload = true live_config_reload = true
working_directory = "None" 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-family: "Fira Sans Semibold", "Font Awesome 6 Free", FontAwesome, Roboto,
font-size: 12px; Helvetica, Arial, sans-serif;
font-weight: 900; font-size: 12px;
margin: 0; font-weight: 900;
padding: 0; margin: 0;
transition-property: background-color; padding: 0;
transition-duration: 0.5s; transition-property: background-color;
transition-duration: 0.5s;
} }
/* Reset all styles */ /* Reset all styles */
* { * {
border: none; border: none;
border-radius: 3px; border-radius: 3px;
min-height: 0; min-height: 0;
margin: 0em 0.2em 0em 0.2em; margin: 0em 0.2em 0em 0.2em;
} }
/* The whole bar */ /* The whole bar */
#waybar { #waybar {
background-color: transparent; background-color: var(--background);
color: rgba(255, 255, 255, 1); color: var(--foreground);
transition-property: background-color; transition-property: background-color;
transition-duration: 0.5s; transition-duration: 0.5s;
border-radius: 0px; border-radius: 0px;
margin: 0px 0px; margin: 0px 0px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.2; opacity: 0.2;
} }
#workspaces button { #workspaces button {
padding: 3px 2px; /* Adjusted padding to reduce height */ padding: 3px 2px; /* Adjusted padding to reduce height */
margin: 3px 2px; /* Reduced margin slightly */ margin: 3px 2px; /* Reduced margin slightly */
border-radius: 6px; 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; transition: all 0.3s ease-in-out;
font-size: 13px; /* Slightly smaller font size */ font-size: 13px; /* Slightly smaller font size */
} }
#workspaces button.active { #workspaces button.active {
color: @foreground; color: var(--foreground);
background: rgba(2, 89, 57, 0.5); background: var(--color2);
} }
#workspaces button:hover { #workspaces button:hover {
background: rgba(51, 51, 51, 0.5); background: var(--color1);
} }
#workspaces button.urgent { #workspaces button.urgent {
background-color: rgba(235, 77, 75, 0.5); background-color: var(--color9);
} }
#workspaces { #workspaces {
background-color: rgba(17,24,39,0.5); background-color: rgba(17, 24, 39, 0.5);
border-radius: 14px; border-radius: 14px;
padding: 3px 6px; /* Adjusted padding to reduce height */ padding: 3px 6px; /* Adjusted padding to reduce height */
} }
#window { #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-size: 11px; /* Slightly smaller font size */
font-weight: 800; font-weight: 800;
color: @foreground; color: var(--foreground);
border-radius: 14px; border-radius: 14px;
padding: 1px 2px; /* Reduced padding */ padding: 1px 2px; /* Reduced padding */
margin: 2px; margin: 2px;
} }
#clock, #clock,
@@ -100,225 +103,223 @@ window#waybar.hidden {
#custom-weather.showyIcyDay, #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.default { #custom-weather.default {
background-color: rgba(17,24,39,0.5); background-color: rgba(17, 24, 39, 0.5);
border-radius: 14px; border-radius: 14px;
padding: 5px; /* Adjusted padding */ padding: 5px; /* Adjusted padding */
} }
#custom-screenshot_t { #custom-screenshot_t {
background-color: rgba(17,24,39,0.5); background-color: rgba(17, 24, 39, 0.5);
border-radius: 14px; border-radius: 14px;
padding: 4px; padding: 4px;
} }
#custom-spotify { #custom-spotify {
background-color: rgba(17,24,39,0.5); background-color: rgba(17, 24, 39, 0.5);
border-radius: 14px; border-radius: 14px;
padding: 3px 12px; padding: 3px 12px;
} }
#tray { #tray {
background-color: rgba(17,24,39,0.5); background-color: rgba(17, 24, 39, 0.5);
border-radius: 14px; border-radius: 14px;
padding: 4px; /* Adjusted padding */ padding: 4px; /* Adjusted padding */
} }
#cpu { #cpu {
color: #fb958b; color: #fb958b;
background-color: rgba(17,24,39,0.5); background-color: rgba(17, 24, 39, 0.5);
padding: 4px; padding: 4px;
} }
#memory { #memory {
color: #ebcb8b; color: #ebcb8b;
background-color: rgba(17,24,39,0.5); background-color: rgba(17, 24, 39, 0.5);
padding: 4px; padding: 4px;
} }
#custom-power { #custom-power {
background-color: rgba(17,24,39,0.5); background-color: rgba(17, 24, 39, 0.5);
border-radius: 14px; border-radius: 14px;
padding: 4px; padding: 4px;
} }
#custom-storage { #custom-storage {
background-color: rgba(17,24,39,0.5); background-color: rgba(17, 24, 39, 0.5);
border-radius: 14px; border-radius: 14px;
padding: 4px; padding: 4px;
} }
#custom-launcher { #custom-launcher {
background-color: rgba(27, 36, 43, 0.5); background-color: rgba(27, 36, 43, 0.5);
color: rgba(106, 146, 215, 0.5); color: rgba(106, 146, 215, 0.5);
border-radius: 7.5px; border-radius: 7.5px;
padding: 3px 6px; /* Adjusted padding */ padding: 3px 6px; /* Adjusted padding */
} }
#custom-weather.severe { #custom-weather.severe {
color: rgba(235, 147, 125, 0.5); color: rgba(235, 147, 125, 0.5);
} }
#custom-weather.sunnyDay { #custom-weather.sunnyDay {
color: rgba(194, 202, 118, 0.5); color: rgba(194, 202, 118, 0.5);
} }
#custom-weather.clearNight { #custom-weather.clearNight {
color: rgba(202, 211, 245, 0.5); color: rgba(202, 211, 245, 0.5);
} }
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight { #custom-weather.cloudyFoggyNight {
color: rgba(194, 221, 218, 0.5); color: rgba(194, 221, 218, 0.5);
} }
#custom-weather.rainyDay, #custom-weather.rainyDay,
#custom-weather.rainyNight { #custom-weather.rainyNight {
color: rgba(90, 172, 165, 0.5); color: rgba(90, 172, 165, 0.5);
} }
#custom-weather.showyIcyDay, #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight { #custom-weather.snowyIcyNight {
color: rgba(214, 231, 229, 0.5); color: rgba(214, 231, 229, 0.5);
} }
#custom-weather.default { #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 */ /* If workspaces is the leftmost module, omit left margin */
.modules-left > widget:first-child > #workspaces { .modules-left > widget:first-child > #workspaces {
margin-left: 0; margin-left: 0;
} }
/* If workspaces is the rightmost module, omit right margin */ /* If workspaces is the rightmost module, omit right margin */
.modules-right > widget:last-child > #workspaces { .modules-right > widget:last-child > #workspaces {
margin-right: 0; margin-right: 0;
} }
#pulseaudio { #pulseaudio {
color: rgba(125, 155, 186, 0.5); color: rgba(125, 155, 186, 0.5);
} }
#backlight { #backlight {
color: rgba(143, 188, 187, 0.5); color: rgba(143, 188, 187, 0.5);
} }
#clock { #clock {
color: rgba(200, 210, 224, 0.5); color: rgba(200, 210, 224, 0.5);
} }
#battery { #battery {
color: rgba(192, 202, 245, 0.5); color: rgba(192, 202, 245, 0.5);
} }
#battery.charging, #battery.charging,
#battery.full, #battery.full,
#battery.plugged { #battery.plugged {
color: rgba(38, 166, 91, 0.5); color: rgba(38, 166, 91, 0.5);
} }
@keyframes blink { @keyframes blink {
to { to {
background-color: rgba(30, 34, 42, 0.5); background-color: rgba(30, 34, 42, 0.5);
color: rgba(171, 178, 191, 0.5); color: rgba(171, 178, 191, 0.5);
} }
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {
color: rgba(245, 60, 60, 0.5); color: rgba(245, 60, 60, 0.5);
animation-name: blink; animation-name: blink;
animation-duration: 0.5s; animation-duration: 0.5s;
animation-timing-function: linear; animation-timing-function: linear;
animation-iteration-count: infinite; animation-iteration-count: infinite;
animation-direction: alternate; animation-direction: alternate;
} }
label:focus { label:focus {
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
} }
#disk { #disk {
background-color: rgba(150, 75, 0, 0.5); background-color: rgba(150, 75, 0, 0.5);
} }
#bluetooth { #bluetooth {
color: rgba(112, 125, 157, 0.5); color: rgba(112, 125, 157, 0.5);
} }
#bluetooth.disconnected { #bluetooth.disconnected {
color: rgba(245, 60, 60, 0.5); color: rgba(245, 60, 60, 0.5);
} }
#network { #network {
color: rgba(180, 142, 173, 0.5); color: rgba(180, 142, 173, 0.5);
} }
#network.disconnected { #network.disconnected {
color: rgba(245, 60, 60, 0.5); color: rgba(245, 60, 60, 0.5);
} }
#custom-media { #custom-media {
background-color: rgba(102, 204, 153, 0.5); background-color: rgba(102, 204, 153, 0.5);
color: #2a5c45; color: #2a5c45;
min-width: 100px; min-width: 100px;
} }
#custom-media.custom-spotify { #custom-media.custom-spotify {
background-color: rgba(102, 204, 153, 0.5); background-color: rgba(102, 204, 153, 0.5);
} }
#custom-media.custom-vlc { #custom-media.custom-vlc {
background-color: rgba(255, 160, 0, 0.5); background-color: rgba(255, 160, 0, 0.5);
} }
#temperature { #temperature {
background-color: rgba(240, 147, 43, 0.5) background-color: rgba(240, 147, 43, 0.5);
} }
#temperature.critical { #temperature.critical {
background-color: rgba(253, 77, 75, 0.5); background-color: rgba(253, 77, 75, 0.5);
} }
#tray > .passive { #tray > .passive {
-gtk-icon-effect: dim; -gtk-icon-effect: dim;
} }
#tray > .needs-attention { #tray > .needs-attention {
-gtk-icon-effect: highlight; -gtk-icon-effect: highlight;
background-color: rgba(253, 77, 75, 0.5); background-color: rgba(253, 77, 75, 0.5);
} }
#idle_inhibitor { #idle_inhibitor {
background-color: rgba(45, 52, 54, 0.5); background-color: rgba(45, 52, 54, 0.5);
} }
#idle_inhibitor.activated { #idle_inhibitor.activated {
background-color: rgba(236, 240, 241, 0.5); /* bleibt gleich */ background-color: rgba(236, 240, 241, 0.5); /* bleibt gleich */
color: rgba(45, 52, 54, 1); color: rgba(45, 52, 54, 1);
} }
#language { #language {
background: rgba(0, 176, 147, 0.5); background: rgba(0, 176, 147, 0.5);
color: rgba(116, 8, 100, 0.5); color: rgba(116, 8, 100, 0.5);
padding: 0 0px; padding: 0 0px;
margin: 0 5px; margin: 0 5px;
min-width: 16px; min-width: 16px;
} }
#keyboard-state { #keyboard-state {
background: rgba(151, 225, 173, 0.5); background: rgba(151, 225, 173, 0.5);
color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.5);
padding: 0 0px; padding: 0 0px;
margin: 0 5px; margin: 0 5px;
min-width: 16px; min-width: 16px;
} }
#keyboard-state > label { #keyboard-state > label {
padding: 0 0px; padding: 0 0px;
} }
#keyboard-state > label.locked { #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] [Settings]
language = en language = en
folder = /usr/share/wallpapers/ folder = /usr/share/wallpapers
monitors = All monitors = All
wallpaper = /usr/share/wallpapers/Wallpaper-Bank/wallpapers/Game-GTA.png wallpaper = /usr/share/wallpapers/wallpaper/lofoten2.jpg
show_path_in_tooltip = True show_path_in_tooltip = True
backend = swaybg backend = swww
fill = fill fill = fill
sort = name sort = name
color = #ffffff color = #ffffff
@@ -12,9 +12,9 @@ subfolders = True
all_subfolders = False all_subfolders = False
show_hidden = False show_hidden = False
show_gifs_only = False show_gifs_only = False
post_command = swaybg -o \* -i $wallpaper -m fill post_command = wallust run '$wallpaper'
number_of_columns = 3 number_of_columns = 3
swww_transition_type = any swww_transition_type = none
swww_transition_step = 90 swww_transition_step = 90
swww_transition_angle = 0 swww_transition_angle = 0
swww_transition_duration = 2 swww_transition_duration = 2
@@ -22,4 +22,5 @@ swww_transition_fps = 60
mpvpaper_sound = False mpvpaper_sound = False
mpvpaper_options = mpvpaper_options =
use_xdg_state = False use_xdg_state = False
zen_mode = False