@media (prefers-color-scheme: dark) {
    /*
    * bee-dark.css
    * ~~~~~~~~~~~~~~~~
    * Sphinx stylesheet -- dark theme for BeeGFS docs.
    */

    /* -- page layout ----------------------------------------------------------- */

    html {
        background-color: #121212;
    }

    body {
        background-color: #1e1e1e;
        color: #e0e0e0;
    }

    div.document {
        background-color: #1e1e1e;
    }

    div.body {
        background-color: #1e1e1e;
        color: #e0e0e0;
    }

    div.footer {
        color: #b0b0b0;
        background-color: #121212;
    }

    div.footer a {
        color: #90caf9;
    }

    div.related {
        background-color: #2e2e2e;
        color: #eeeeee;
    }

    div.related a {
        color: #ffe9adc5;
    }

    div.sphinxsidebar {
        background-color: #2d2d2d;
    }

    div.sphinxsidebar h3 {
        color: #fab800;
    }

    div.sphinxsidebar h3 a {
        color: #fab800;
    }

    div.sphinxsidebar h4 {
        color: #fab800;
    }

    div.sphinxsidebar p {
        color: #bdbdbd;
    }

    div.sphinxsidebar ul {
        color: #bdbdbd;
    }

    div.sphinxsidebar a {
        color: #ffe9adc5;
    }

    div.sphinxsidebar input {
        border: 1px solid #fab800;
        background-color: #ffe9adc5;
    }

    div.sphinxsidebar input[type="submit"] {
        border: 1px solid #fab800;
        background-color: #fab800;
    }

    div.sphinxsidebar .dropdown-content {
        background-color: #424242;
    }

    div.sphinxsidebar .dropdown-content a:hover {
        background-color: #fab800;
        color: black;
    }

    /* -- hyperlink styles ------------------------------------------------------ */

    a {
        color: #90caf9;
    }

    a:visited {
        color: #90caf9;
    }


    /* -- body styles ----------------------------------------------------------- */

    div.body h1,
    div.body h2,
    div.body h3,
    div.body h4,
    div.body h5,
    div.body h6 {
        background-color: #fab70042;
        color: white;
        border-bottom: 1px solid #444;
    }

    a.headerlink {
        color: #90caf9;
    }

    a.headerlink:hover {
        background-color: #90caf9;
        color: #121212;
    }

    div.note {
        background-color: #424242;
        border: 1px solid #555;
    }

    div.seealso {
        background-color: #424242;
        border: 1px solid #555;
    }

    nav.contents,
    aside.topic,
    div.topic {
        background-color: #424242;
    }

    div.warning {
        background-color: #e573734f;
        border: 1px solid #c62828;
    }

    p.admonition-title {
        display: inline;
    }

    p.admonition-title:after {
        content: ":";
    }

    pre {
        background-color: #2a2a2a;
        color: #c5cae9;
        border: 1px solid #444;
    }

    code {
        background-color: #2c2c2c;
    }

    th,
    dl.field-list>dt {
        background-color: #303030;
    }

    .warning code {
        background: #c62828;
    }

    .note code {
        background: #555;
    }

    div.viewcode-block:target {
        background-color: #5c6bc0;
        border-top: 1px solid #3949ab;
        border-bottom: 1px solid #3949ab;
    }

    div.code-block-caption {
        color: #bdbdbd;
        background-color: #424242;
    }

}