// Silicon Volt - Rofi theme (anish.govind.cc palette)
// Flat brutalist-glass: dark glass surfaces, volt-lime selection, 0 radius.

* {
    bg0: rgba( 14, 14, 14, 95 % );
    bg1: rgba( 28, 27, 27, 95 % );
    fg0: #e5e2e1;
    fg1: #ffffff;
    fg2: #adaaaa;
    volt: #CFFC00;
    volt-dim: rgba( 207, 252, 0, 10 % );
    coral: #FF7A59;
    border0: rgba( 255, 255, 255, 8 % );

    background-color: transparent;
    text-color: @fg0;
    font: "JetBrainsMono Nerd Font 12";

    margin: 0;
    padding: 0;
    spacing: 0;
}

window {
    location: north;
    width: 680;
    y-offset: 140;
    background-color: @bg0;
    border: 1;
    border-color: @border0;
}

mainbox {
    children: [ inputbar, message, listview ];
}

inputbar {
    background-color: @bg1;
    border: 0 0 1 0;
    border-color: @border0;
    padding: 14 18;
    spacing: 12;
    children: [ prompt, entry ];
}

prompt {
    text-color: @volt;
}

entry {
    text-color: @fg1;
    placeholder: "search apps, scripts, windows...";
    placeholder-color: @fg2;
    cursor: text;
    cursor-color: @volt;
}

message {
    background-color: @volt-dim;
    padding: 10 18;
    text-color: @fg2;
}

listview {
    lines: 12;
    fixed-height: false;
    padding: 6 0;
    scrollbar: true;
}

scrollbar {
    handle-width: 2;
    handle-color: @volt;
    padding: 6 2 6 0;
}

element {
    padding: 10 18;
    text-color: @fg0;
    border: 0 0 0 2;
    border-color: transparent;
}

element normal normal {
    background-color: transparent;
    text-color: @fg0;
}

element normal active {
    text-color: @volt;
}

element selected normal {
    background-color: @volt-dim;
    border-color: @volt;
    text-color: @fg1;
}

element selected active {
    background-color: @volt-dim;
    border-color: @volt;
    text-color: @volt;
}

element alternate normal {
    background-color: transparent;
}

element-text {
    text-color: inherit;
    vertical-align: 0.5;
}

element-icon {
    size: 0;
}

mode-switcher {
    padding: 8 12;
    border: 0 0 1 0;
    border-color: @border0;
    background-color: @bg1;
}

button {
    text-color: @fg2;
    padding: 6 14;
    border: 0 0 2 0;
    border-color: transparent;
}

button selected {
    text-color: @volt;
    border-color: @volt;
}