body.dark {
        background-color: #1e1e2e;

        header {
                background-color: #11111b;
                color: #cdd6f4;
        }.bodyMain {
                color: #cdd6f4;
        }

        a:not(.coffeeLink) {
                color: #c6a0f6;
        } 

        .projectContainer a {
                background: #b4befe;
                background: linear-gradient(-45deg,rgba(180, 190, 254, 1) 0%, rgba(148, 226, 213, 1) 100%);
                color: #4c4f69;
        }

        .projectContainer a:hover {
                background: #94e2d5;
                background: linear-gradient(-45deg,rgba(140, 155, 250, 1) 25%, rgba(148, 226, 213, 1) 100%);
        }

        .projectContainer.sideProject a {
                background: #f5c2e7;
                background: linear-gradient(-45deg,rgba(245, 194, 231, 1) 0%, rgba(245, 224, 220, 1) 100%);
                color: #4c4f69;
        }

        .projectContainer.sideProject a:hover {
                background: #f5e0dc;
                background: linear-gradient(-45deg,rgba(245, 152, 218, 1) 30%, rgba(245, 224, 220, 1) 100%);
        }

        .projectScreenshot {
                border-color: #cba6f7;
                background-color: #cba6f7;
        }

        .projectScreenshot.downloadable {
                border-color: #fab387;
                background-color: #fab387;
        }

        .codeBox,tt {
                background-color: #45475a;
                color: #cdd6f4;
        }

        .codeBox:hover {
                background-color: #313244;
        }

        .codeBox:active {
                background-color: #181825;
        }

        .green {
                color: #a6e3a1;
        }

        .infoBoxNote {
                background-color: #94e2d5;
                border-color: #81c8be;
                color: #313244;
        }

        .infoBoxTip {
                background-color: #a6e3a1;
                border-color: #a6d189;
                color: #313244;
        }

        .infoBoxCaution {
                background-color: #f38ba8;
                border-color: #e78284;
                color: #313244;
        }

        .coffeeLink {
                color: #fedd00;
        }

        .block {
                sup {
                        color: #f4b8e4;
                }
        }

        .highlighted {
                background-color: #7287fd;
        }

        #back_to_top, #dark_light_foot {
                color: #cdd6f6;
                background-color: #292c3c;
        }

        #to_screenshots_button {
                background: #A6E3A1;
                background: linear-gradient(45deg, rgba(166, 227, 161, 1) 30%, rgba(250, 179, 135, 1) 100%);
                color: #4c4f69;
        }

        #navigator {
                background-color: #181825;
                color: #cdd6f4;

                a:not(.coffeeLink) {
                        color: #f5c2e7 !important;
                }
        }
}