body.light {
        background-color: #eff1f5;

        header {
                color: #4c4f69;
                background-color: #dce0e8;
        }

        .bodyMain {
                color: #4c4f69;
        }

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

        .projectContainer a {
                background: #babbf1;
                background: linear-gradient(-45deg,rgba(186, 187, 241, 1) 0%, rgba(129, 200, 190, 1) 100%);
                color: #4c4f69;
        }

        .projectContainer a:hover {
                background: #81c8be;
                background: linear-gradient(-45deg,rgba(153, 153, 240, 1) 25%, rgba(129, 200, 190, 1) 100%);
        }

        .projectContainer.sideProject a {
                background: #f4b8e4;
                background: linear-gradient(-45deg,rgba(244, 184, 228, 1) 0%, rgba(242, 213, 207, 1) 100%);
                color: #4c4f69;
        }

        .projectContainer.sideProject a:hover {
                background: #f2d5cf;
                background: linear-gradient(-45deg,rgba(242, 145, 218, 1) 30%, rgba(242, 213, 207, 1) 100%);
        }

        .projectScreenshot {
                border-color: #8839ef;
                background-color: #8839ef;
        }

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

        .codeBox,tt {
                background-color: #bcc0cc;
                color: #4c4f69;
        }

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

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

        .green {
                color: #40a02b;
        }

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

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

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

        .coffeeLink {
                color: #df8e1d;
        }

        .invertWhenLight {
                filter: invert(100%);
        }

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

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

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

        #light_dark_button, #dark_light_foot, #back_to_top, #burger_menu {
                img {
                        filter: invert(100%);
                }
        }

        #to_screenshots_button {
                background: #A6D189;
                background: linear-gradient(45deg, rgba(166, 209, 137, 1) 30%, rgba(239, 159, 118, 1) 100%);
                color: #4c4f69;
        }

        #navigator {
                background-color: #e6e9ef;
                color: #4c4f69;

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