diff --git a/.config/alacritty/alacritty.toml b/.config/alacritty/alacritty.toml index e385d59..f851628 100644 --- a/.config/alacritty/alacritty.toml +++ b/.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"] + diff --git a/.config/alacritty/colors.toml b/.config/alacritty/colors.toml new file mode 100644 index 0000000..dd94d89 --- /dev/null +++ b/.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" \ No newline at end of file diff --git a/.config/wallust/templates/alacritty.toml b/.config/wallust/templates/alacritty.toml new file mode 100644 index 0000000..e811838 --- /dev/null +++ b/.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" \ No newline at end of file diff --git a/.config/wallust/templates/waybar.css b/.config/wallust/templates/waybar.css new file mode 100644 index 0000000..57ec870 --- /dev/null +++ b/.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}}; diff --git a/.config/wallust/wallust.toml b/.config/wallust/wallust.toml new file mode 100644 index 0000000..5c798df --- /dev/null +++ b/.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' } \ No newline at end of file diff --git a/.config/waybar/colors-wallust.css b/.config/waybar/colors-wallust.css new file mode 100644 index 0000000..7759b48 --- /dev/null +++ b/.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; diff --git a/.config/waybar/style.css b/.config/waybar/style.css index eee8459..9a6ded2 100644 --- a/.config/waybar/style.css +++ b/.config/waybar/style.css @@ -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); } diff --git a/.config/waypaper/config.ini b/.config/waypaper/config.ini index 14246c4..eac8432 100644 --- a/.config/waypaper/config.ini +++ b/.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