diff options
Diffstat (limited to 'dot-config')
| -rw-r--r-- | dot-config/wofi/config | 50 | ||||
| -rw-r--r-- | dot-config/wofi/style.css | 129 |
2 files changed, 179 insertions, 0 deletions
diff --git a/dot-config/wofi/config b/dot-config/wofi/config new file mode 100644 index 0000000..d003908 --- /dev/null +++ b/dot-config/wofi/config @@ -0,0 +1,50 @@ +# +# WOFI +# + +# Manual (config): man 5 wofi +# Manual (keys): man wofi-keys + +# Options +mode=drun +# term=footclient +# matching=fuzzy +# sort_order=alphabetical +gtk_dark=true +no_actions=true +# parse_search=true +# halign=end +# content_halign=end +image_size=48 +allow_images=true +insensitive=true +# always_parse_args=true +dynamic_lines=true +line_wrap=word +# hide_search=true +single_click=true +# use_search_box=false + +# Keys +key_up=Ctrl-p,Up +key_down=Ctrl-n,Down +key_left=Ctrl-b,Left +key_right=Ctrl-f,Right +key_forward=Alt-n +key_backward=Alt-p + +key_pgup=Ctrl-u,Alt-v +key_pgdn=Ctrl-d,Ctrl-v + +key_exit=Escape,Ctrl-g +key_submit=Return,Ctrl-m +key_expand=Tab +key_hide_search=Ctrl-s + +# Frame +prompt= +location=top +lines=10 +width=500 +height=200 +yoffset=380
\ No newline at end of file diff --git a/dot-config/wofi/style.css b/dot-config/wofi/style.css new file mode 100644 index 0000000..7b35c6e --- /dev/null +++ b/dot-config/wofi/style.css @@ -0,0 +1,129 @@ +/* TODO: hover colors */ +/* Debug GTK elements with: GTK_DEBUD=interactive wofi -n */ +@define-color fg #fff; +@define-color bg #313244; +@define-color mg #1e1e2e; +@define-color hl #b4befe; + +* { + font-family: "Hack", monospace; + font-size: 1.04em; + padding: 0; + margin: 0; + border-radius: 0; + border: none; + box-shadow: none; + outline: unset; +} + +#input { + color: @fg; + background: #0e0e1e; + /* box-shadow: inset 0px 2px 10px @bg; */ + font-size: 2em; + padding: 18px 0; + border-radius: 10px 10px 0 0; +} +#input:focused { + background: black; + /* color: black; */ +} +/* Input icon */ +#input image { + padding: 0 22px; + -gtk-icon-transform: scale(1); +} + +/* Input delete/clear button */ +#input *:nth-child(4) { + /* -gtk-icon-transform: scale(0.8); */ +} + +/* scroll background */ +#scroll scrollbar * { + background: @mg; + padding: 1px; +} +/* scroll slider button */ +#scroll scrollbar * * * { + background: @hl; + padding: 2px; +} + +#text { + color: @fg; +} + +#img { + /* -gtk-icon-transform: scale(0.5); */ + padding: 5px +} + +#text:selected { + color: @fg; +} + +#entry { + opacity: 0.5; +} +#entry image { margin-right: 5px; } +#entry:selected { + opacity: 1; + background: none; + background: @mg; + outline: unset; + /* border-left: 5px solid @fg; */ + /* box-shadow: inset 0px -2px 5px @mg, 0px -2px 2px @hl, inset 4px 0px 20px @mg; */ + /* box-shadow: inset 0px 4px 5px @mg,inset 0px -4px 5px @mg, inset 4px 0px 20px @mg; */ + /* box-shadow: inset 4px 0px 20px @mg; */ +} + +/* row padding */ +#entry box { + padding: 2px; +} + +#entry expander #expander-box { + background: @bg; +} +#entry expander arrow { + margin-left: 10px; +} +#expander-box #entry image { + padding: 0 5px 0 26px; + opacity: 0; +} + +expander list { + font-size: 80%; + background: @bg; +} + +expander list #entry { + background: black; + /* box-shadow: inset 0px 4px 5px @mg,inset 0px -4px 5px @mg, inset 4px 0px 20px @mg; */ +} + +#expander-box #entry:hover, +#expander-box #entry:hover #text { + background: @hl; + color: black; +} + +/* Expander title */ +#entry:selected > expander { + background:#1e1e2e; + /* box-shadow: inset 4px 0px 20px @mg; */ +} +#entry > expander > list { + background:#1e1e1e; +} + +#window, #inner-box, #outer-box { + border-radius: 10px 10px 0 0; +} + +#outer-box { + background-color: @bg; + border: 2px solid @hl; +} |