:root {
    /* background */
    --1d2021: #1D3461;
    --282828: #162850;
    --3c3836: #1A2E58;
    --504945: #243970;

    /* font */
    --928374: #a8b8d8;
    --a89984: #c0cfe8;
    --bdae93: #dde6f5;
    --8ec07c: #7eb8a0;
    --ebdbb2: #eef2fa;

    /* code highlighter */
    --comment: #7eb8a0;
    --default: #dde6f5;
    --keyword: #F03648;
    --string:  #1E8A5E;

    /* color codes for instance list */
    --green: #1E8A5E;
    --yellow: #F03648;
    --red: #c0392b;
}

.autocomplete .entry:hover,
.instances th:hover
{
    background: #243970;
}