/* Main */

html.dark {
    background-color: #1F1F1F;
    color: #FFFFF4;
}

html.dark a {
    color: #6694DE;
}

html.dark a:visited {
    color: #8D59B6;
}

html.dark h1 {
    color: #FFFFF4;
}

html.dark#transitions-enabled h1 {
    transition: color 0.5s, filter 0.5s;
}

html.dark h1:hover {
    filter: drop-shadow(0 0 0.10rem #FFFFF4);
    transition: filter 0.5s;
}

html.dark h2 {
    color: #FFFFF4;
}

html.dark h3 {
    color: #FFFFF4;
}

html.dark pre {
    background-color: #2B2D31;
    border-color: #41444A;
}

html.dark blockquote {
    background-color: #2B2D31;
    border-color: #41444A;
}

html.dark code {
    color: #D4D4CE;
}

html.dark li {
    color: #FFFFF4;
}

html.dark ::-webkit-scrollbar-thumb {
    background: #A0A1A3;
}

html.dark ::-webkit-scrollbar-thumb:hover {
    background: #87888A;
}

html.dark h2 a {
    color: #FFFFF4;
    text-decoration: none;
}

html.dark h2 a:visited {
    color: #FFFFF4;
}

html.dark#transitions-enabled h2 a {
    transition: color 0.5s, filter 0.5s;
}

html.dark h2 a:hover {
    filter: drop-shadow(0 0 0.10rem #FFFFF4);
    transition: filter 0.5s;
}

html.dark img#github-btn {
    content: url(../assets/github-mark-white.svg);
    transition: filter 0.5s;
}

html.dark.desktop img#github-btn:hover {
    filter: drop-shadow(0 0 0.10rem #F7F7F7);
    transition: filter 0.5s;
}

html.dark img#mastodon-btn {
    content: url(../assets/mastodon-white.svg);
    transition: filter 0.5s;
}

html.dark.desktop img#mastodon-btn:hover {
    filter: drop-shadow(0 0 0.10rem #F7F7F7);
    transition: filter 0.5s;
}

.dark img#mode-btn {
    content: url(../assets/light-bulb.svg);
    filter: grayscale(100%);
}

/* Horrible hack used to block transitions on load */
html.dark#transitions-enabled img#mode-btn {
    transition: filter 0.5s;
}

html.dark.desktop img#mode-btn:hover {
    filter: none;
    transition: filter 0.5s;
}

/* C highlighting */

html.dark .language-c .hljs-type {
    color: #569AD6;
}

html.dark .language-c .hljs-keyword {
    color: #C586B6;
}

html.dark .language-c .hljs-string {
    color: #CE9178;
}

html.dark .language-c .hljs-built_in {
    color: #D6D3A1;
}

html.dark .language-c .hljs-comment {
    color: #6A9955;
}

html.dark .language-c .hljs-title {
    color: #D6D3A1;
}

html.dark .language-c .hljs-number {
    color: #B4D2A0;
}

/* C++ highlighting */

html.dark .language-cpp .hljs-type {
    color: #569AD6;
}

html.dark .language-cpp .hljs-keyword {
    color: #C586B6;
}

html.dark .language-cpp .hljs-string {
    color: #CE9178;
}

html.dark .language-cpp .hljs-built_in {
    color: #D6D3A1;
}

html.dark .language-cpp .hljs-comment {
    color: #6A9955;
}

html.dark .language-cpp .hljs-title {
    color: #D6D3A1;
}

html.dark .language-cpp .hljs-title.class_ {
    color: #4DBE99;
}

html.dark .language-cpp .hljs-number {
    color: #B4D2A0;
}

/* JS highlighting */

html.dark .language-js .hljs-keyword {
    color: #569AD6;
}

html.dark .language-js .hljs-string {
    color: #CE9178;
}

html.dark .language-js .hljs-comment {
    color: #6A9955;
}

html.dark .language-js .hljs-title {
    color: #D6D3A1;
}

html.dark .language-js .hljs-property {
    color: #33B4FF;
}

html.dark .language-js .hljs-subst {
    color: #D4D4CE;
}

html.dark .language-js .hljs-variable.constant_ {
    color: #33B4FF;
}

html.dark .language-js .hljs-number {
    color: #B4D2A0;
}

/* ARM highlighting */

html.dark .language-arm .hljs-keyword {
    color: #569AD6;
}

html.dark .language-arm .hljs-comment {
    color: #6A9955;
}

html.dark .language-arm .hljs-built_in {
    color: #4DBE99;
}

html.dark .language-arm .hljs-number {
    color: #B4D2A0;
}

/* Java highlighting */

html.dark .language-java .hljs-type {
    color: #4DBE99;
}

html.dark .language-java .hljs-keyword {
    color: #569AD6;
}

html.dark .language-java .hljs-comment {
    color: #6A9955;
}

html.dark .language-java .hljs-string {
    color: #CE9178;
}

html.dark .language-java .hljs-title.function_ {
    color: #D6D3A1;
}

html.dark .language-java .hljs-title.class_ {
    color: #4DBE99;
}

html.dark .language-java .hljs-variable {
    color: #BA62C2;
}