Now White.
This commit is contained in:
yourfriendoss
parent
f2d8c9c64a
commit
146079d126
|
|
@ -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=<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
|
||||
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
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
@ -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
|
||||
border-color=#fe640b
|
||||
|
|
@ -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"
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
@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;
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 709 KiB After Width: | Height: | Size: 583 KiB |
Loading…
Reference in a new issue