diff --git a/src/.config/foot/foot.ini b/src/.config/foot/foot.ini index 0ac4777..03eda6f 100644 --- a/src/.config/foot/foot.ini +++ b/src/.config/foot/foot.ini @@ -70,48 +70,24 @@ font=monospace:size=12 # alternate-scroll-mode=yes [colors] -# alpha=1.0 -background=282a36 -foreground=f8f8f2 - -## Normal/regular colors (color palette 0-7) -regular0=21222c # black -regular1=ff5555 # red -regular2=50fa7b # green -regular3=f1fa8c # yellow -regular4=bd93f9 # blue -regular5=ff79c6 # magenta -regular6=8be9fd # cyan -regular7=f8f8f2 # white - -## Bright colors (color palette 8-15) -bright0=6272a4 # bright black -bright1=ff6e6e # bright red -bright2=69ff94 # bright green -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= -# ... -# dim7= - -## 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= # black-on-yellow -# scrollback-indicator= # black-on-bright-blue -# search-box-no-match= # black-on-red -# search-box-match= # black-on-yellow -urls=8be9fd +foreground=4c4f69 # Text +background=eff1f5 # Base +regular0=5c5f77 # Subtext 1 +regular1=d20f39 # red +regular2=40a02b # green +regular3=df8e1d # yellow +regular4=1e66f5 # blue +regular5=ea76cb # pink +regular6=179299 # teal +regular7=acb0be # Surface 2 +bright0=6c6f85 # Subtext 0 +bright1=d20f39 # red +bright2=40a02b # green +bright3=df8e1d # yellow +bright4=1e66f5 # blue +bright5=ea76cb # pink +bright6=179299 # teal +bright7=bcc0cc # Surface 1 [csd] # preferred=server diff --git a/src/.config/hypr/hyprland.conf b/src/.config/hypr/hyprland.conf index 2941ceb..3db1a0a 100644 --- a/src/.config/hypr/hyprland.conf +++ b/src/.config/hypr/hyprland.conf @@ -39,12 +39,13 @@ input { } general { - gaps_in = 0 - gaps_out = 0 - border_size = 3 - + gaps_in = 5 + gaps_out = 5 + 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 { diff --git a/src/.config/hypr/theme.conf b/src/.config/hypr/theme.conf index 27bfbad..f25996e 100644 --- a/src/.config/hypr/theme.conf +++ b/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 - #col.active_border = rgb(bd93f9) - #col.inactive_border = rgba(44475aaa) - #col.group_border = rgba(282a36dd) - #col.group_border_active = rgb(bd93f9) +$rosewater = rgb(dc8a78) +$rosewaterAlpha = dc8a78 - # darker alternative - #col.active_border = rgb(44475a) # or rgb(6272a4) - #col.inactive_border = rgb(282a36) - #col.group_border = rgb(282a36) - #col.group_border_active = rgb(44475a) # or rgb(6272a4) +$flamingo = rgb(dd7878) +$flamingoAlpha = dd7878 -} -decoration { - col.shadow = rgba(1E202966) +$pink = rgb(ea76cb) +$pinkAlpha = ea76cb - # suggested shadow setting - #drop_shadow = yes - #shadow_range = 60 - #shadow_offset = 1 2 - #shadow_render_power = 3 - #shadow_scale = 0.97 -} +$mauve = rgb(8839ef) +$mauveAlpha = 8839ef -group { - groupbar { - col.active = rgb(bd93f9) rgb(44475a) 90deg - col.inactive = rgba(282a36dd) - } -} -windowrulev2 = bordercolor rgb(ff5555),xwayland:1 # check if window is xwayland +$red = rgb(d20f39) +$redAlpha = d20f39 + +$maroon = rgb(e64553) +$maroonAlpha = e64553 + +$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 \ No newline at end of file diff --git a/src/.config/mako/config b/src/.config/mako/config index 4146842..fc4feb7 100644 --- a/src/.config/mako/config +++ b/src/.config/mako/config @@ -1,12 +1,9 @@ -background-color=#282a36 -text-color=#44475a -border-color=#282a36 +# Colors -[urgency=low] -border-color=#282a36 - -[urgency=normal] -border-color=#f1fa8c +background-color=#eff1f5 +text-color=#4c4f69 +border-color=#1e66f5 +progress-color=over #ccd0da [urgency=high] -border-color=#ff5555 \ No newline at end of file +border-color=#fe640b \ No newline at end of file diff --git a/src/.config/rofi/config.rasi b/src/.config/rofi/config.rasi index f15fe9f..3cc25f6 100644 --- a/src/.config/rofi/config.rasi +++ b/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" \ No newline at end of file diff --git a/src/.config/rofi/theme.rasi b/src/.config/rofi/theme.rasi index e6abf8e..d94f9c8 100644 --- a/src/.config/rofi/theme.rasi +++ b/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"; - foreground: #f8f8f2; - background-color: #282a36; - active-background: #6272a4; - urgent-background: #ff5555; - urgent-foreground: #282a36; - selected-background: @active-background; - selected-urgent-background: @urgent-background; - selected-active-background: @active-background; - separatorcolor: @active-background; - bordercolor: @active-background; + bg-col: #eff1f5; + bg-col-light: #eff1f5; + border-col: #eff1f5; + selected-col: #eff1f5; + blue: #1e66f5; + fg-col: #4c4f69; + fg-col2: #d20f39; + grey: #9ca0b0; + + width: 600; + font: "JetBrainsMono Nerd Font 14"; } -#window { - 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 { +element-text, element-icon , mode-switcher { 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; } \ No newline at end of file diff --git a/src/.config/waybar/style.css b/src/.config/waybar/style.css index a8af95c..241e649 100644 --- a/src/.config/waybar/style.css +++ b/src/.config/waybar/style.css @@ -1,42 +1,98 @@ -@import url("./theme.css"); +@import "theme.css"; + * { - border: none; - border-radius: 0; - font-family: Iosevka; - font-size: 11pt; + font-family: FantasqueSansMono Nerd Font; + font-size: 17px; min-height: 0; } -window#waybar { - opacity: 0.9; - background: @background-darker; - color: @foreground; - border-bottom: 2px solid @background; -} -#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); + +#waybar { + background: @surface1; + color: @text; + margin: 1px 1px; } -#battery, #mpris, #pulseaudio, #tray { - padding: 0 10px; - background: @background; +#workspaces { + border-radius: 1rem; + 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; - background: @background; + color: @blue; + 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; } diff --git a/src/.config/waybar/theme.css b/src/.config/waybar/theme.css index 7931a03..8473843 100644 --- a/src/.config/waybar/theme.css +++ b/src/.config/waybar/theme.css @@ -1,12 +1,26 @@ -@define-color background-darker rgba(30, 31, 41, 230); -@define-color background #282a36; -@define-color selection #44475a; -@define-color foreground #f8f8f2; -@define-color comment #6272a4; -@define-color cyan #8be9fd; -@define-color green #50fa7b; -@define-color orange #ffb86c; -@define-color pink #ff79c6; -@define-color purple #bd93f9; -@define-color red #ff5555; -@define-color yellow #f1fa8c; \ No newline at end of file +@define-color rosewater #dc8a78; +@define-color flamingo #dd7878; +@define-color pink #ea76cb; +@define-color mauve #8839ef; +@define-color red #d20f39; +@define-color maroon #e64553; +@define-color peach #fe640b; +@define-color yellow #df8e1d; +@define-color green #40a02b; +@define-color teal #179299; +@define-color sky #04a5e5; +@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; \ No newline at end of file diff --git a/src/wallpaper.png b/src/wallpaper.png index 789f02f..aeb2ee2 100644 Binary files a/src/wallpaper.png and b/src/wallpaper.png differ