Now White.

src/.config/foot/foot.ini

@@ -70,48 +70,24 @@ font=monospace:size=12
 # alternate-scroll-mode=yes
 
 [colors]
-# alpha=1.0
+foreground=4c4f69 # Text
-background=282a36
+background=eff1f5 # Base
-foreground=f8f8f2
+regular0=5c5f77   # Subtext 1
-
+regular1=d20f39   # red
-## Normal/regular colors (color palette 0-7)
+regular2=40a02b   # green
-regular0=21222c  # black
+regular3=df8e1d   # yellow
-regular1=ff5555  # red
+regular4=1e66f5   # blue
-regular2=50fa7b  # green
+regular5=ea76cb   # pink
-regular3=f1fa8c  # yellow
+regular6=179299   # teal
-regular4=bd93f9  # blue
+regular7=acb0be   # Surface 2
-regular5=ff79c6  # magenta
+bright0=6c6f85    # Subtext 0
-regular6=8be9fd  # cyan
+bright1=d20f39    # red
-regular7=f8f8f2  # white
+bright2=40a02b    # green
-
+bright3=df8e1d    # yellow
-## Bright colors (color palette 8-15)
+bright4=1e66f5    # blue
-bright0=6272a4   # bright black
+bright5=ea76cb    # pink
-bright1=ff6e6e   # bright red
+bright6=179299    # teal
-bright2=69ff94   # bright green
+bright7=bcc0cc    # Surface 1
-bright3=ffffa5   # bright yellow
-bright4=d6acff   # bright blue
-bright5=ff92df   # bright magenta
-bright6=a4ffff   # bright cyan
-bright7=ffffff   # bright white
-
-## dimmed colors (see foot.ini(5) man page)
-# dim0=<not set>
-# ...
-# dim7=<not-set>
-
-## The remaining 256-color palette
-# 16 = <256-color palette #16>
-# ...
-# 255 = <256-color palette #255>
-
-## Misc colors
-selection-foreground=ffffff
-selection-background=44475a
-# jump-labels=<regular0> <regular3>          # black-on-yellow
-# scrollback-indicator=<regular0> <bright4>  # black-on-bright-blue
-# search-box-no-match=<regular0> <regular1>  # black-on-red
-# search-box-match=<regular0> <regular3>     # black-on-yellow
-urls=8be9fd
 
 [csd]
 # preferred=server

src/.config/hypr/hyprland.conf

@@ -39,12 +39,13 @@ input {
 }
 
 general {
-    gaps_in = 0
+    gaps_in = 5
-    gaps_out = 0
+    gaps_out = 5
-    border_size = 3
+    border_size = 2
-
 
     layout = dwindle
+    col.active_border = $pink
+    col.inactive_border = $surface0
 }
 
 decoration {
@@ -53,6 +54,9 @@ decoration {
     drop_shadow = yes
     shadow_range = 4
     shadow_render_power = 3
+    col.shadow=$surface0
+    col.shadow_inactive=$surface0
+
 }
 
 animations {

src/.config/hypr/theme.conf

@@ -1,40 +1,78 @@
-# dracula/hyprland
-general {
-    col.active_border = rgb(44475a) rgb(bd93f9) 90deg
-    col.inactive_border = rgba(44475aaa)
-    col.nogroup_border = rgba(282a36dd)
-    col.nogroup_border_active = rgb(bd93f9) rgb(44475a) 90deg
-    no_border_on_floating = false
-    border_size = 2
 
-    # non-gradient alternative
+$rosewater = rgb(dc8a78)
-    #col.active_border = rgb(bd93f9)
+$rosewaterAlpha = dc8a78
-    #col.inactive_border = rgba(44475aaa)
-    #col.group_border = rgba(282a36dd)
-    #col.group_border_active = rgb(bd93f9)
 
-    # darker alternative
+$flamingo = rgb(dd7878)
-    #col.active_border = rgb(44475a) # or rgb(6272a4)
+$flamingoAlpha = dd7878
-    #col.inactive_border = rgb(282a36)
-    #col.group_border = rgb(282a36)
-    #col.group_border_active = rgb(44475a) # or rgb(6272a4)
 
-}
+$pink = rgb(ea76cb)
-decoration {
+$pinkAlpha = ea76cb
-    col.shadow = rgba(1E202966)
 
-    # suggested shadow setting
+$mauve = rgb(8839ef)
-    #drop_shadow = yes
+$mauveAlpha = 8839ef
-    #shadow_range = 60
-    #shadow_offset = 1 2
-    #shadow_render_power = 3
-    #shadow_scale = 0.97
-}
 
-group {
+$red = rgb(d20f39) 
-    groupbar {
+$redAlpha = d20f39
-        col.active = rgb(bd93f9) rgb(44475a) 90deg
+
-        col.inactive = rgba(282a36dd)
+$maroon = rgb(e64553)
-    }
+$maroonAlpha = e64553
-}
+
-windowrulev2 = bordercolor rgb(ff5555),xwayland:1 # check if window is xwayland
+$peach = rgb(fe640b)
+$peachAlpha = fe640b
+
+$yellow = rgb(df8e1d)
+$yellowAlpha = df8e1d
+
+$green = rgb(40a02b)
+$greenAlpha = 40a02b
+
+$teal = rgb(179299)
+$tealAlpha = 179299
+
+$sky = rgb(04a5e5)
+$skyAlpha = 04a5e5
+
+$sapphire = rgb(209fb5)
+$sapphireAlpha = 209fb5
+
+$blue = rgb(1e66f5)
+$blueAlpha = 1e66f5
+
+$lavender = rgb(7287fd)
+$lavenderAlpha = 7287fd
+
+$text = rgb(4c4f69)
+$textAlpha = 4c4f69
+
+$subtext1 = rgb(5c5f77)
+$subtext1Alpha = 5c5f77
+
+$subtext0 = rgb(6c6f85)
+$subtext0Alpha = 6c6f85
+
+$overlay2 = rgb(7c7f93)
+$overlay2Alpha = 7c7f93
+
+$overlay1 = rgb(8c8fa1)
+$overlay1Alpha = 8c8fa1
+
+$overlay0 = rgb(9ca0b0)
+$overlay0Alpha = 9ca0b0
+
+$surface2 = rgb(acb0be)
+$surface2Alpha = acb0be
+
+$surface1 = rgb(bcc0cc)
+$surface1Alpha = bcc0cc
+
+$surface0 = rgb(ccd0da)
+$surface0Alpha = ccd0da
+
+$base = rgb(eff1f5)
+$baseAlpha = eff1f5
+
+$mantle = rgb(e6e9ef)
+$mantleAlpha = e6e9ef
+
+$crust = rgb(dce0e8)
+$crustAlpha = dce0e8

src/.config/mako/config

@@ -1,12 +1,9 @@
-background-color=#282a36
+# Colors
-text-color=#44475a
-border-color=#282a36
 
-[urgency=low]
+background-color=#eff1f5
-border-color=#282a36
+text-color=#4c4f69
-
+border-color=#1e66f5
-[urgency=normal]
+progress-color=over #ccd0da
-border-color=#f1fa8c
 
 [urgency=high]
-border-color=#ff5555
+border-color=#fe640b

src/.config/rofi/config.rasi

@@ -4,6 +4,13 @@ configuration{
     show-icons: true;
     terminal: "alacritty";
     drun-display-format: "{icon} {name}";
+    location: 0;
+    disable-history: false;
+    hide-scrollbar: true;
+    display-drun: "   Apps ";
+    display-run: "   Run ";
+    display-window: " 﩯  Window";
+    display-Network: " 󰤨  Network";
+    sidebar-mode: true;
 }
-
 @theme "theme"

src/.config/rofi/theme.rasi

@@ -1,133 +1,111 @@
-/*Dracula theme based on the Purple official rofi theme*/
-
-configuration {
-    show-icons:      true;
-    display-drun:    "";
-    disable-history: false;
-}
-
 * {
-    font: "Jetbrains Mono 12";
+    bg-col:  #eff1f5;
-    foreground: #f8f8f2;
+    bg-col-light: #eff1f5;
-    background-color: #282a36;
+    border-col: #eff1f5;
-    active-background: #6272a4;
+    selected-col: #eff1f5;
-    urgent-background: #ff5555;
+    blue: #1e66f5;
-    urgent-foreground: #282a36;
+    fg-col: #4c4f69;
-    selected-background: @active-background;
+    fg-col2: #d20f39;
-    selected-urgent-background: @urgent-background;
+    grey: #9ca0b0;
-    selected-active-background: @active-background;
+
-    separatorcolor: @active-background;
+    width: 600;
-    bordercolor: @active-background;
+    font: "JetBrainsMono Nerd Font 14";
 }
 
-#window {
+element-text, element-icon , mode-switcher {
-    background-color: @background-color;
-    border:           3;
-    border-radius:    6;
-    border-color:     @bordercolor;
-    padding:          15;
-}
-#mainbox {
-    border:  0;
-    padding: 0;
-}
-#message {
-    border:       0px;
-    border-color: @separatorcolor;
-    padding:      1px;
-}
-#textbox {
-    text-color: @foreground;
-}
-#listview {
-    fixed-height: 0;
-    border:       0px;
-    border-color: @bordercolor;
-    spacing:      2px ;
-    scrollbar:    false;
-    padding:      2px 0px 0px ;
-}
-#element {
-    border:  0;
-    padding: 3px ;
-}
-#element.normal.normal {
-    background-color: @background-color;
-    text-color:       @foreground;
-}
-#element.normal.urgent {
-    background-color: @urgent-background;
-    text-color:       @urgent-foreground;
-}
-#element.normal.active {
-    background-color: @active-background;
-    text-color:       @foreground;
-}
-#element.selected.normal {
-    background-color: @selected-background;
-    text-color:       @foreground;
-}
-#element.selected.urgent {
-    background-color: @selected-urgent-background;
-    text-color:       @foreground;
-}
-#element.selected.active {
-    background-color: @selected-active-background;
-    text-color:       @foreground;
-}
-#element.alternate.normal {
-    background-color: @background-color;
-    text-color:       @foreground;
-}
-#element.alternate.urgent {
-    background-color: @urgent-background;
-    text-color:       @foreground;
-}
-#element.alternate.active {
-    background-color: @active-background;
-    text-color:       @foreground;
-}
-#scrollbar {
-    width:        2px ;
-    border:       0;
-    handle-width: 8px ;
-    padding:      0;
-}
-#sidebar {
-    border:       2px dash 0px 0px ;
-    border-color: @separatorcolor;
-}
-#button.selected {
-    background-color: @selected-background;
-    text-color:       @foreground;
-}
-#inputbar {
-    spacing:    0;
-    text-color: @foreground;
-    padding:    1px ;
-}
-#case-indicator {
-    spacing:    0;
-    text-color: @foreground;
-}
-#entry {
-    spacing:    0;
-    text-color: @foreground;
-}
-#prompt {
-    spacing:    0;
-    text-color: @foreground;
-}
-#inputbar {
-    children:   [ prompt,textbox-prompt-colon,entry,case-indicator ];
-}
-#textbox-prompt-colon {
-    expand:     false;
-    str:        ">";
-    margin:     0px 0.3em 0em 0em ;
-    text-color: @foreground;
-}
-element-text, element-icon {
     background-color: inherit;
-    text-color: inherit;
+    text-color:       inherit;
+}
+
+window {
+    height: 360px;
+    border: 3px;
+    border-color: @border-col;
+    background-color: @bg-col;
+}
+
+mainbox {
+    background-color: @bg-col;
+}
+
+inputbar {
+    children: [prompt,entry];
+    background-color: @bg-col;
+    border-radius: 5px;
+    padding: 2px;
+}
+
+prompt {
+    background-color: @blue;
+    padding: 6px;
+    text-color: @bg-col;
+    border-radius: 3px;
+    margin: 20px 0px 0px 20px;
+}
+
+textbox-prompt-colon {
+    expand: false;
+    str: ":";
+}
+
+entry {
+    padding: 6px;
+    margin: 20px 0px 0px 10px;
+    text-color: @fg-col;
+    background-color: @bg-col;
+}
+
+listview {
+    border: 0px 0px 0px;
+    padding: 6px 0px 0px;
+    margin: 10px 0px 0px 20px;
+    columns: 2;
+    lines: 5;
+    background-color: @bg-col;
+}
+
+element {
+    padding: 5px;
+    background-color: @bg-col;
+    text-color: @fg-col  ;
+}
+
+element-icon {
+    size: 25px;
+}
+
+element selected {
+    background-color:  @selected-col ;
+    text-color: @fg-col2  ;
+}
+
+mode-switcher {
+    spacing: 0;
+  }
+
+button {
+    padding: 10px;
+    background-color: @bg-col-light;
+    text-color: @grey;
+    vertical-align: 0.5; 
+    horizontal-align: 0.5;
+}
+
+button selected {
+  background-color: @bg-col;
+  text-color: @blue;
+}
+
+message {
+    background-color: @bg-col-light;
+    margin: 2px;
+    padding: 2px;
+    border-radius: 5px;
+}
+
+textbox {
+    padding: 6px;
+    margin: 20px 0px 0px 20px;
+    text-color: @blue;
+    background-color: @bg-col-light;
 }

src/.config/waybar/style.css

@@ -1,42 +1,98 @@
-@import url("./theme.css");
+@import "theme.css";
+
 * {
-    border: none;
+    font-family: FantasqueSansMono Nerd Font;
-    border-radius: 0;
+    font-size: 17px;
-    font-family: Iosevka;
-    font-size: 11pt;
     min-height: 0;
 }
-window#waybar {
+
-    opacity: 0.9;
+#waybar {
-    background: @background-darker;
+    background: @surface1;
-    color: @foreground;
+    color: @text;
-    border-bottom: 2px solid @background;
+    margin: 1px 1px;
-}
-#workspaces button {
-    padding: 0 10px;
-    background: @background;
-    color: @foreground;
-}
-#workspaces button:hover {
-    box-shadow: inherit;
-    text-shadow: inherit;
-    background-image: linear-gradient(0deg, @selection, @background-darker);
-}
-#workspaces button.active {
-    background-image: linear-gradient(0deg, @purple, @selection);
-}
-#taskbar button.active {
-    background-image: linear-gradient(0deg, @selection, @background-darker);
 }
 
-#battery, #mpris, #pulseaudio, #tray {
+#workspaces {
-	padding: 0 10px;
+    border-radius: 1rem;
-	background: @background;
+    margin: 5px;
+    background-color: @surface0;
+    margin-left: 1rem;
 }
-#mpris {
+
-	font-size: 9pt;
+#workspaces button {
+    color: @lavender;
+    border-radius: 1rem;
+    padding: 0.4rem;
 }
+
+#workspaces button.active {
+    color: @sky;
+    border-radius: 1rem;
+}
+
+#workspaces button:hover {
+    color: @sapphire;
+    border-radius: 1rem;
+}
+
+#custom-music,
+#backlight,
+#tray,
+#clock,
+#battery,
+#pulseaudio,
+#custom-lock,
+#custom-power {
+    background-color: @surface0;
+    padding: 0.5rem 1rem;
+    margin: 5px 0;
+}
+
 #clock {
-    padding: 0 4px;
+    color: @blue;
-    background: @background;
+    border-radius: 0px 1rem 1rem 0px;
+    margin-right: 1rem;
+}
+
+#battery {
+    color: @green;
+}
+
+#battery.charging {
+    color: @green;
+}
+
+#battery.warning:not(.charging) {
+    color: @red;
+}
+
+#backlight {
+    color: @yellow;
+}
+
+#backlight,
+#battery {
+    border-radius: 0;
+}
+
+#pulseaudio {
+    color: @maroon;
+    border-radius: 1rem 0px 0px 1rem;
+    margin-left: 1rem;
+}
+
+#custom-music {
+    color: @mauve;
+    border-radius: 1rem;
+}
+
+#custom-lock {
+    border-radius: 1rem 0px 0px 1rem;
+    color: @lavender;
+}
+
+#custom-power {
+    margin-right: 1rem;
+    border-radius: 0px 1rem 1rem 0px;
+    color: @red;
 }

src/.config/waybar/theme.css

@@ -1,12 +1,26 @@
-@define-color background-darker rgba(30, 31, 41, 230);
+@define-color rosewater #dc8a78;
-@define-color background #282a36;
+@define-color flamingo #dd7878;
-@define-color selection #44475a;
+@define-color pink #ea76cb;
-@define-color foreground #f8f8f2;
+@define-color mauve #8839ef;
-@define-color comment #6272a4;
+@define-color red #d20f39;
-@define-color cyan #8be9fd;
+@define-color maroon #e64553;
-@define-color green #50fa7b;
+@define-color peach #fe640b;
-@define-color orange #ffb86c;
+@define-color yellow #df8e1d;
-@define-color pink #ff79c6;
+@define-color green #40a02b;
-@define-color purple #bd93f9;
+@define-color teal #179299;
-@define-color red #ff5555;
+@define-color sky #04a5e5;
-@define-color yellow #f1fa8c;
+@define-color sapphire #209fb5;
+@define-color blue #1e66f5;
+@define-color lavender #7287fd;
+@define-color text #4c4f69;
+@define-color subtext1 #5c5f77;
+@define-color subtext0 #6c6f85;
+@define-color overlay2 #7c7f93;
+@define-color overlay1 #8c8fa1;
+@define-color overlay0 #9ca0b0;
+@define-color surface2 #acb0be;
+@define-color surface1 #bcc0cc;
+@define-color surface0 #ccd0da;
+@define-color base #eff1f5;
+@define-color mantle #e6e9ef;
+@define-color crust #dce0e8;