:root {
    --menu-fg: #fff;
    --menuhl-bg: #417399;
    --shade1-bg: #62ace6;
    --shade2-bg: #f7a859;
    --shade3-bg: #5799cc;

    --extra-birthday-bg: #ffcbdb;
}

[data-color-scheme="dark"] {
    --menuhl-bg: #213948;
    --shade1-bg: #2b4c60;
    --shade2-bg: #365f80;
    --shade3-bg: #213948;
    --extra-birthday-bg: #7e5160;
}
#menu {
    margin-left: 10px;
}
#menu-join a {
    color: #ffff88 !important;
}
/* Light background */
#menu > li div.menuitem > a {
    color: #eee;
}
body.simple header,
#header,
#overlay-title {
    background-color: #000;
    color: #eee;
}
body.simple #header {
    padding-bottom: 0;
    padding-top: 0;
}
div.nodeinfo div.extra-birthday {
    background-color: var(--extra-birthday-bg);
}
#choche-notice {
    background-color: #800;
    bottom: 0;
    color: white;
    cursor: pointer;
    font-size: 120%;
    opacity: 0.70;
    padding: 10px 0;
    position: fixed;
    width: 100%;
    z-index: 10;
}
#choche-notice div {
    text-align: center;
}
#choche-notice i.fa-times {
    position: absolute;
    bottom: 10px;
    right: 20px;
}
#choche-notice img {
    position: absolute;
    bottom: 0;
    left: 20px;
}
body.m #header #logo,
body.m #header #menuwrap {
    background-color: #000;
}
body.m #noti-wrap a {
    color: #ccc;
}
@media only screen and (max-width:800px) {
    #choche-notice {
        font-size: 100%;
    }
}