body {
    --main-background:   #1a1b1e;
    --main-color:        #e0e0e0;
    --sidebar-background:#111214;

    --expander-background:       #2a2b2f;
    --expander-background-hover: #35363b;
    --expander-border:           #444;

    --button-background:       #8dc49a;
    --button-background-hover: #067a21;
    --button-border:           #111214;
    --button-color:            #0d1e10;

    --danger-button-background:       #AA5B70;
    --danger-button-background-hover: #69001c;
    --danger-button-border:           #111214;
    --danger-button-color:            #ffffff;

    --green: #57f287;
    --red:   #ed4245;
    --gray:  #8a8a8a;

    font-family: "Berkeley Mono", "Iosevka", "Fira Code", ui-monospace, monospace;
    font-size: 14px;
}

.connect-dialog {
    background: #1a1b1e;
    border: 1px solid #333;
    border-radius: 6px;
}

#composer input {
    color: var(--main-color)
}