Now White.

This commit is contained in:
yourfriendoss 2024-04-20 11:00:37 +03:00
parent f2d8c9c64a
commit 146079d126
9 changed files with 334 additions and 264 deletions

View file

@ -70,48 +70,24 @@ font=monospace:size=12
# alternate-scroll-mode=yes # alternate-scroll-mode=yes
[colors] [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] [csd]
# preferred=server # preferred=server

View file

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

View file

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

View file

@ -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] [urgency=high]
border-color=#ff5555 border-color=#fe640b

View file

@ -4,6 +4,13 @@ configuration{
show-icons: true; show-icons: true;
terminal: "alacritty"; terminal: "alacritty";
drun-display-format: "{icon} {name}"; 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" @theme "theme"

View file

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

View file

@ -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; 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 { #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;
} }

View file

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 709 KiB

After

Width:  |  Height:  |  Size: 583 KiB