暗色头歌 by Myitian

/* ==UserStyle==
@name         暗色头歌
@version      20240613.10.48
@namespace    net.myitian.style.darkEducoder
@description  头歌黑暗模式
@author       Myitian
@license      CC-BY-NC-SA-4.0
==/UserStyle== */
@-moz-document domain("educoder.net") {

    /* Global+Index */
    :root,
    body {
        background-color: #000;
    }

    body .bg-white {
        background-color: #222;
    }

    body,
    .markdown-body {
        color: #ddd;
    }

    body .c-black {
        color: #fff;
    }

    body .c-grey-333 {
        color: #ccc;
    }

    body .c-grey-666 {
        color: #bbb;
    }

    [class*="css"].ant-dropdown .ant-dropdown-menu,
    [class*="css"].ant-dropdown-menu-submenu .ant-dropdown-menu,
    [class*="subnavDetail_"],
    [class*="subnav__"] [class*="nav__"] li:hover {
        background-color: #111;
    }

    [class*="bg_"] .ant-menu .ant-menu-item {
        background-color: #111;
    }

    [class*="action_"] {
        background-color: #222;
    }

    [class*="css"].ant-menu-light.ant-menu-horizontal>.ant-menu-item-selected,
    [class*="css"].ant-menu-light>.ant-menu.ant-menu-horizontal>.ant-menu-item-selected,
    [class*="css"].ant-menu-light.ant-menu-horizontal>.ant-menu-submenu-selected,
    [class*="css"].ant-menu-light>.ant-menu.ant-menu-horizontal>.ant-menu-submenu-selected {
        background-color: #222;
    }

    [class*="css"].ant-menu-light,
    [class*="css"].ant-menu-light>.ant-menu {
        color: rgba(255, 255, 255, 0.88);
    }

    [class*="css"].ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item,
    [class*="css"].ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item,
    [class*="css"].ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title,
    [class*="css"].ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu-title {
        color: rgba(255, 255, 255, 0.88);
    }

    [class*="mainSiteBanner_"] [class*="subnavDetail_"] h1,
    [class*="subnav__"] [class*="nav__"] li:hover a {
        color: #ccc;
    }

    [class*="sideBar_"] {
        background-color: #333;
        box-shadow: #ccc 0px 0px 8px 0px;
    }

    [class*="sideBar_"] [style] {
        background-color: #333 !important;
        box-shadow: #ccc 0px 0px 8px 0px !important;
    }

    [class*="header_"] [class*="menu_"] li [class*="dropDown_"] {
        background-color: #000;
        box-shadow: 0 10px 16px 0 #333;
    }

    .ant-tooltip[class*="css"] .ant-tooltip-inner {
        background-color: rgba(32, 32, 32, 0.85);
    }

    [class*="mainSiteContent_"] [class*="ContentWarp_"] div[class*="_"] h2,
    [class*="mainSiteContent_"] [class*="ContentWarp_"] div[class*="_"] div[class*="_"] aside>div h4,
    [class*="mainSiteContent_"] [class*="ContentWarp_"] div[class*="_"] [class*="tabs_"] li,
    [class*="mainSiteContent_"] [class*="ContentWarp_"] div[class*="_"] [class*="tabContent_"] [class*="left_"] h3 {
        color: #a1b6cb;
    }

    [class*="mainSiteContent_"] [class*="ContentWarp_"] div[class*="_"] [class*="clausesWarp_"]>aside:hover {
        background-color: transparent;
        box-shadow: 6px 0 30px 0 rgba(255, 255, 255, 0.3);
    }

    [class*="mainSiteContent_"] [class*="ContentWarp_"] div[class*="_"] h5,
    [class*="mainSiteContent_"] [class*="ContentWarp_"] div[class*="_"] [class*="tabContent_"] [class*="left_"] p span {
        color: #a4a7c1;
    }

    #videoIndexId img {
        filter: invert(70%);
    }

    aside[class*="ContentWarp_"]:nth-child(even) {
        background-color: #111 !important;
    }
}

@-moz-document url-prefix("https://www.educoder.net/search") {

    /* Search */
    [class*="navs-container_"],
    [class*="navs-container_"] [class*="navs_"],
    [class*="search-panel_"] a {
        background-color: #222;
        color: #999;
    }

    [class*="navs_"] a {
        color: rgba(255, 255, 255, .65);
    }

    [class*="search-panel_"] [class*="title_"] {
        color: #ccc;
    }
}

@-moz-document url-prefix("https://www.educoder.net/users") {
    [class*="content_"] {
        background-color: #000;
    }

    [class*="css-"].ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:hover {
        background-color: rgba(255, 255, 255, 0.1)
    }

    [class*="affixContainer_"],
    [class*="list_"] [class*="wrap_"],
    [class*="menuWrap_"] [class*="nav_"] a:hover,
    [class*="menuWrap_"] [class*="nav_"] [class*="active_"] {
        background-color: #222;
    }

    [class*="row_"] [class*="tagsWrap_"] [class*="bar_"] [class*="tag_"] [class*="active_"] {
        background-color: #333 !important;
    }

    button[class~="ant-btn-default"]:not(:disabled)[class*="btn_"] {
        background: #333;
    }

    [class*="cursorPointer_"] {
        color: #777;
    }

    [style*="color: rgb(106, 114, 131);"]:not(:hover) {
        color: #ccc !important;
    }

    [class*="menuWrap_"] [class*="nav_"] a,
    [class*="tabs_"] [class*="tabsWrap_"] [class*="tab_"]>div {
        color: #ccc;
    }

    [class*="active_"],
    [class*="color0152d9_"] {
        color: #eee !important;
    }

    [class*="orderTextWrap_"],
    [class*="menuWrap_"] [class*="crumbs_"] b,
    [class*="menuWrap_"] [class*="number_"] div b,
    [class*="menuWrap_"] [class*="info_"] [class*="name_"],
    [class*="menuWrap_"] [class*="nav_"] a:hover,
    [class*="menuWrap_"] [class*="nav_"] [class*="active_"],
    [class*="list_"] [class*="wrap_"] [class*="top_"] [class*="name_"],
    [class*="list_"] [class*="wrap_"] [class*="top_"] [class*="text_"] {
        color: #eee;
    }

    [class*="tabs_"] [class*="tabsWrap_"] [class*="tab_"] [class*="active_"]::after,
    [class*="menuWrap_"] [class*="nav_"] [class*="active_"]::after {
        background-color: #eee;
    }

    [class*="row_"] [class*="tagsWrap_"] [class*="bar_"] [class*="tag_"] [class*="active_"],
    [class*="row_"] [class*="tagsWrap_"] [class*="bar_"] [class*="tag_"]>span:hover {
        color: #6cf !important;
    }

    button[class~="ant-btn-default"]:not(:disabled)[class*="btn_"],
    [class*="affixContainer_"][class*="text_"],
    [class*="affixContainer_"][class*="qrcode_"] [class*="tips_"],
    [class*="affixContainer_"][class*="qrcode_"] [class*="close_"] {
        color: #6cf;
    }
}

@-moz-document url-prefix("https://www.educoder.net/classrooms") {

    /* Classroom */
    #educoder section[class*="bg_"] {
        background-color: #000;
    }

    aside[class*="bg_"] {
        background-color: transparent;
    }

    aside[class*="bg_"]:not(:has([class*="tabMenuContainer_"])),
    #educoder [class*="leftMenu_"],
    [class*="searchSortControllerContainer_"],
    [class*="listItem_"],
    [class*="listContainer_"] {
        background-color: #222;
    }

    #educoder [class*="leftMenu_"] li:hover>div {
        background-color: #333;
    }

    [class*="containerTitle_"],
    [class*="listContainer_"] [class*="info_"] [class*="title_"] [class*="left_"]>span>a,
    #educoder [class*="leftMenu_"] [class*="menuText_"],
    [class*="name_"] {
        color: #ccc;
    }

    .skt-loading:empty {
        background-image: linear-gradient(45deg, hsla(0, 0%, 20%, 0), #111 50%, hsla(0, 0%, 20%, 0) 80%), radial-gradient(circle 10px at 10px 10px, #222 100%, transparent 0), linear-gradient(#222 12px, transparent 0), linear-gradient(#222 12px, transparent 0), linear-gradient(#222 12px, transparent 0), linear-gradient(#222 12px, transparent 0), linear-gradient(#222 12px, transparent 0), linear-gradient(#222 12px, transparent 0), linear-gradient(#222 12px, transparent 0), linear-gradient(#222 12px, transparent 0), linear-gradient(#111 100px, transparent 0);
    }
}

@-moz-document url-prefix("https://www.educoder.net/tasks") {

    /* Task */
    [class*="tab-nav_"][class*="tab-fixed_"] {
        background-color: #000;
    }

    .tasks-body .left-panel {
        background-color: #111;
    }

    .task-header {
        background-color: #222;
    }

    [class*="tab-nav_"] a {
        color: #ccc;
    }
}