feat(wofi): add support for dark mode

This commit is contained in:
Bruno Carlin 2025-02-11 15:23:05 +01:00
parent 4857f6cab1
commit fcd530530e
WARNING! Although there is a key with this ID in the database it does not verify this commit! This commit is SUSPICIOUS.
GPG key ID: 8E254EA0FFEB9B6D
6 changed files with 113 additions and 0 deletions

View file

@ -0,0 +1,6 @@
#!/usr/bin/env bash
cat \
"$HOME/.config/wofi/colors-dark.css" \
"$HOME/.config/wofi/base.css" \
> "$HOME/.config/wofi/style.css"

View file

@ -0,0 +1,6 @@
#!/usr/bin/env bash
cat \
"$HOME/.config/wofi/colors-light.css" \
"$HOME/.config/wofi/base.css" \
> "$HOME/.config/wofi/style.css"

View file

@ -0,0 +1,42 @@
#window {
background-color: @window-background;
}
#outer-box {
margin: 10px;
background-color: @background;
}
#entry{
background-color: @background;
}
#entry:selected {
background-color: @background-selected;
}
#expander-box {
margin-left: 4em;
}
expander {
color: @foreground;
}
:not(expander) > * > .entry {
margin-left: 1.1em;
}
image {
margin-right: 1em;
}
#text {
color: @foreground;
}
#input {
color: @foreground;
background-color: @background;
border: 0;
}

View file

@ -0,0 +1,6 @@
@define-color window-background rgba(255, 255, 255, 0.1);
@define-color background #002b36;
@define-color background-selected #073642;
@define-color foreground #839496;

View file

@ -0,0 +1,5 @@
@define-color window-background rgba(255, 255, 255, 0.1);
@define-color background #fdf6e3;
@define-color background-selected #eee8d5;
@define-color foreground #657b83;

View file

@ -0,0 +1,48 @@
@define-color window-background rgba(255, 255, 255, 0.1);
@define-color background #002b36;
@define-color background-selected #073642;
@define-color foreground #839496;
#window {
background-color: @window-background;
}
#outer-box {
margin: 10px;
background-color: @background;
}
#entry{
background-color: @background;
}
#entry:selected {
background-color: @background-selected;
}
#expander-box {
margin-left: 4em;
}
expander {
color: @foreground;
}
:not(expander) > * > .entry {
margin-left: 1.1em;
}
image {
margin-right: 1em;
}
#text {
color: @foreground;
}
#input {
color: @foreground;
background-color: @background;
border: 0;
}