Dashie's Wofi theme ported to Sirula

config.toml

exclusive = true
lines = 1
icon_size = 40
anchor_left = false
anchor_right = false
anchor_top = false
anchor_bottom = false
frequent_first = true
margin_top = 0
margin_bottom = 0
margin_left = 0
margin_right = 0
width = 800
height = 600
command_prefix = ":"
term_command = "kitty -e {}"

style.css

/* Kattunge Sirula v0.1 // Aug 2022 */

@define-color background rgba(0, 0, 0, 0.65);
@define-color foreground rgb(220, 220, 220);
@define-color outline rgba(255, 255, 255, 0.15);
@define-color accent rgb(226, 204, 219);
@define-color highlight rgba(255, 255, 255, 0.1);

* {
    font-family: Inter Nerd Font;
    font-weight: 200;
}

#root-box, .background, #app-list, .overlay-indicator {
    background: transparent;
}

#root-box {
    background-color: @background;
    border-radius: 10px;
    padding:2em;
    border: 1px solid @outline;
}

#search {
    padding:1em .75em;
    margin:.25rem;
    font-size:1.5em;
    background-color: @background;
    border: 1px solid @outline;
    border-radius:0;
    box-shadow: inset 0 -.15rem @accent,0px 0px 10px 1px rgba(0,0,0,0.61);
    transition: background-color .30s ease-in-out;
}

#search:focus {
    background:@highlight;
}

.app-list {
    background:#ff9600;
    padding:2em;
}

.app-row {
    background:none;
    margin: .25rem;
    padding: 1em;
    font-weight:normal;
    box-shadow: inset 0rem 0px rgba(0, 0, 0, 0);
    transition: box-shadow .30s ease-in-out, background-color .30s ease-in-out;
}

.app-row:selected {
    background-color: @highlight;
    border: 1px solid @outline;
    box-shadow: inset .2rem 0px @accent;
}

scrollbar.vertical slider {
    background-color: alpha(white, 0.15);
}