dotfiles/wal/templates/fds-mini-sidebar.rasi

* {{
    /* The color configuration */
    /* Useful for quick editing in case for compiled templates */
    background: {background};
    foreground: {foreground};
    color0: {color0};
    color1: {color1};
    color2: {color2};
    color3: {color3};
    color4: {color4};
    color5: {color5};
    color6: {color6};
    color7: {color7};
    color8: {color8};
    color9: {color9};
    color10: {color10};
    color11: {color11};
    color12: {color12};
    color13: {color13};
    color14: {color14};
    color15: {color15};

    /* General theme settings */
    highlight: bold italic;
    scrollbar: true;

    /* Font settings */
    text-color: @foreground;
    background-color: @background;
    font: "Font Awesome 5 Free,Font Awesome 5 Free Solid:style=Solid 14";
    font: "Iosevka 14";

}}

window {{
    background-color: transparent;

    height: 65%;
    width: 35%;
    position: southwest;
    location: southwest;
    text-color: @foreground;
}}

mainbox {{
    background-color: @background;
    border: 2;
    border-color: @color6;
    children: [ inputbar, listview, mode-switcher ];
    padding: 0.5em;
}}

inputbar,
listview {{
    background: @background;
    margin: 0 0 0.5em 0;
}}

inputbar {{
    orientation: vertical;
    children: [ prompt, entry ];
}}

prompt {{
    text-style: underline;
    width: 100%;
}}

entry {{
    background-color: @color0;
    margin: 0 1em 0 0;
}}

element {{
    background-color: @color0;
    padding: 5;
}}

element selected.normal {{
    background-color: @color6;
    text-color: @background;
}}

scrollbar {{
    background-color: @color0;
    border-radius: 30%;
    handle-color: @color6;
    handle-width: 15px;
    height: 100%;
    text-color: @background;
    width: 10px;
}}

listview {{
    cyclic: true;
    spacing: 0.6em;
}}

element, button {{
    border-radius: 30%;
}}

button,
case-indicator,
entry,
inputbar {{
    padding: 5;
}}

sidebar {{
    padding: 5;
    margin: 5;
}}

button {{
    margin: 0.25em;
}}

button.selected {{
    background-color: @color6;
    text-color: @background;
}}