.lil-gui {
    --background-color: #282c34;
    --text-color: #abb2bf;
    --title-background-color: #21252b;
    /* Darker title background */
    --title-text-color: #abb2bf;
    --input-color: #21252b;
    --widget-color: #282c34;
    /* Matched to background */
    --hover-color: #4b5363;
    --focus-color: #528bff;
    --number-color: #98c379;
    --string-color: #e5c07b;
    --button-color: #3e4451;
    /* Brighter button color */

    /* Border colors */
    --widget-border: 1px solid #181a1f;

    .lil-gui>.children {
        /*border: none;*/
        border-left: 2px solid var(--focus-color) !important;
        margin-left: 0 !important;
        padding-left: var(--folder-indent) !important;
    }

    .lil-gui>.children .title {}

    /* Other properties */
    border-radius: 4px;
    background: var(--background-color);
    color: var(--text-color);
}

/* Controller rows */
.lil-gui .controller {
    background: var(--widget-color);
    border-bottom: 1px solid #181a1f;
}

/* Hover states */
.lil-gui .controller:hover {
    /*background: var(--hover-color);*/
}

/* Input fields */
.lil-gui input {
    background: var(--input-color);
    color: var(--text-color);
    border: var(--widget-border);
}

/* Buttons */
.lil-gui button {
    background: var(--button-color);
    color: var(--text-color);
    border: var(--widget-border);
}

.lil-gui button:hover {
    background: var(--hover-color);
}

/* Sliders */
.lil-gui .slider {
    background: var(--input-color) !important;
}

.lil-gui .slider .fill {
    background: var(--focus-color);
}

/* Dropdown */
.lil-gui select {
    background: var(--widget-color);
    color: var(--text-color);
    border: var(--widget-border);
}

/* Title bar */
.lil-gui .title {
    background: var(--title-background-color);
    color: var(--title-text-color);
}