Welcome to little lamb

Code » qmdoc » release » tree

[release] / src / extra / css / dark.css

@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
    }
    header.toc section {
        background: #17679B;
    }
    header.toc section h1 {
        color: #ccc6c6;
    }
    header.toc section h2 {
        color: #56b5ee;
    }
    header.toc nav {
        background: #343131;
    }
    header.toc nav ul li a:hover {
        background: #4e4a4a;
    }
    header.toc nav ul li a {
        color: #b3b3b3;
    }
    main header.toc ul.toc.page > li > a {
        color: #55a5d9;
    }
    main header.toc ul.toc.page ul.h1 > li > a {
        color: #a3a802;
    }
    main header.toc ul.toc.page ul.h2 > li > a,
    main header.toc ul.toc.page ul.h3 > li > a,
    main header.toc ul.toc.page ul.h4 > li > a,
    main header.toc ul.toc.page ul.h5 > li > a,
    main header.toc ul.toc.page ul.h6 > li > a {
        color: #979aae;
    }
    main, main section.content footer.page {
        background: #80732d;
    }
    main,
    main section.content ul.toc ul.h2 > li > a,
    main section.content ul.toc ul.h3 > li > a,
    main section.content ul.toc ul.h4 > li > a,
    main section.content ul.toc ul.h5 > li > a,
    main section.content ul.toc ul.h6 > li > a {
        color: #0f0b37;
    }
    main section.content a:hover {
        color: blue !important;
    }
    main section.content .highlighted {
        background: #d0d016;
    }
    main section.content pre {
        border: 1px solid #495457;
        background: #999463;
    }
    main section.content pre.lineno + pre > span {
        background: #086abf;
        color: #eee;
    }
    main section.content a {
        color: #211ca8;
    }
    main section.content a:visited {
        color: #420314;
    }
    main section.content kbd {
        border: 1px solid #888;
        background-image: linear-gradient(#999 0%,#aaa 10%,#777 10%,#888 30%,#bbb 85%,#aaa 85%,#444 100%);
    }
    main section.content span.button {
        border: 1px solid #555;
        background-image: linear-gradient(#bbb 0%,#bbb 1%,#b2b2b2 1%,#a7a7a7 50%,#999 50%,#8b8b8b 99%,#bbb 99%,#bbb 100%);
    }
    main section.content div.box > :first-child {
        color: #eee;
    }
    main section.content div.box.hint {
        background: #68bd7e;
    }
    main section.content div.box.hint > :first-child {
        background: #13821b;
    }
    main section.content div.box.info {
        background: #58b8ce;
    }
    main section.content div.box.info > :first-child {
        background: #086abf;
    }
    main section.content div.box.warn {
        background: #bd7e4f;
    }
    main section.content div.box.warn > :first-child {
        background: #973c3c;
    }
    main section.content div.box.note {
        background: #c4c4c4;
    }
    main section.content div.box.note > :first-child {
        background: #575656;
    }
    main section.content #navbuttons a {
        background: #9f9d1b;
        border: 1px solid #232323;
        color: inherit;
        box-shadow: inset 0 1px 2px -1px hsla(0,0%,100%,.5),inset 0 -2px 0 0 #232323;
    }
    main section.content footer.page {
        border-top: 2px solid #515151;
    }
    main section.content pre code {
        background: url(data:type/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAgCAYAAADT5RIaAAAAFklEQVQI12NgYGDgZWJgYGCgDkFtAAAWnAAsyj4TxgAAAABJRU5ErkJggg==) 0 0 repeat #a09329;
    }
}