☰

WSB Extranet + Moodle Dark Theme

Dark theme on moodle2.e-wsb.pl

目前为 2023-12-12 提交的版本。查看 最新版本。

/* ==UserStyle==
@name         WSB Extranet + Moodle Dark Theme
@author       griffi-gh
@version      5.2
@license      MIT
@namespace    griffi-gh-wsb
@description Dark theme on moodle2.e-wsb.pl
==/UserStyle== */

@-moz-document domain("moodle2.e-wsb.pl") {
    @layer {
        /* dark theme */
        html,
        body:not(#page-login-index),
        body:not(#page-login-index) #page {
            background: #111 !important; 
            color: white !important;
        }
        
        .bg-white {
            background: #111 !important;
        }
        
        #site-news-forum {
            background: #222 !important;
        }
        
        #frontpage-category-combo {
            background: #333 !important;
        }
        
        .modal-content {
            background: #444 !important;
        }
        
        .h1, .h2, .h3, .h4, .h5, .h6,
        h1, h2, h3, h4, h5, h6,
        .remui-changelog h1 {
            color: #ddd !important;
        }

        .dropdown-menu * {
            color: white !important;
        }

        .fa, [class^="fa-"],
        .media {
            color: white;
        }
        
        .table {
            color: white !important;
        }
        
        .preference-name {
            color: #bbb !important;
        }
        
        section,
        #page .section,
        #nav-drawer-container,
        .list-group-item,
        .dropdown-menu,
        .media-body,
        .collection tr td,
        .generaltable tr td,
        .collection tr th,
        .generaltable tr th,
        .courseheaderbar {
            background: #222 !important; color: white !important;
        }

        .site-menubar-footer a,
        .course-summaryitem,
        .btn:not(.btn-primary):not(.bg-transparent),
        .dropdown-item:is(:hover, :focus):not(:hover:focus),
        .card, .card-body {
            background: #333 !important;
        }

        .dropdown-item:hover:focus {
            background: #444 !important;
        }

        .progress {
            background: #555 !important;
        }

        .site-menubar-footer * {
            color: white !important;
        }

        .course-summaryitem,
        .event-list-item[data-region="event-list-item"],
        .btn-outline-secondary {
            border: 1px solid #444 !important;
        }

        .btn.btn-outline-success {
            border-color: #336633 !important;
        }

        .courseheaderbar a {
            color: #34c !important;
        }

        .courseheaderbar .nav-item a {
            background: unset !important;
        }

        /* ui tweaks */
        .course-summaryitem {
            border-radius: 5px !important;
        }

        .course-summaryitem:not(:last-child) {
            margin-bottom: 5px !important;
        }

        .course-summaryitem .coursename,
        .course-summaryitem .summary {
            margin-left: 5px !important;
        }

        /*     .btn.btn-outline-success:not(.btn-primary):not(.bg-transparent) {
            background: #113311 !important;
            color: #eee !important;
        } */
        
        /* fix yui dialogs*/
        
        .moodle-dialogue-hd, .moodle-dialogue {
            color: white !important;
        }
        
        .moodle-dialogue-content {
            background: #222 !important;
        }
        
        button[id^="yui_"], .btn, .yui3-button {
            color: white !important;
        }
        
        /* section heading */
        .section-heading {
            color: #aaa !important;
        }
        
        /* notifications popover */
        .popover-region-container {
            background: #333 !important;
        }
        
        .popover-region-footer-container {
            background: #444 !important;
        }
        
        .content-item-container.unread {
            background: rgba(255,255,255,0.1) !important;
        }
    }
}

@-moz-document domain("portal.wsb.pl") {
    @layer {
        html, body, #content-wrapper, #navi {
            background: #222 !important;
            color: white !important;
        }
        
        input[type="text"],
        input[type="date"],
        input[type="datetime"],
        input,
        textarea,
        input[type="password"],
        input[type="file"],
        input[type="submit"],
        input[type="button"],
        input[type="reset"],
        select,
        textarea,
        .textarea,
        button,
        .aui-field-input-text {
            color: white: !important;
            background-color: #444 !important;
        }
        
        .portlet-content, 
        .portlet-content-container, 
        .portlet-body, 
        .top-bar,
        .mwContent {
            background: #333 !important;
        }
        
/*         .mwContent * {
            background: unset !important;
            color: white !important;
        } */
        
        .top-bar * {
            background: unset !important;
        }
        
        .top-bar a {
            color: white !important;
            text-shadow: unset !important;
        }
        
        .top-bar #sitechanger select {
            color: white !important;
        }
        
        #copyright {
            color: white;
        }
        
        .breadcrumb :is(li, a) {
            color: white !important;
        }
        
        #experia img {
            filter: invert(100%);
        }
        
        /* pulpit calendar/news fixes */
        .wiadomosci_pulpit .pulpit-news,
        table.calendar th {
            background: none !important;
        }
        
        table.calendar_week td.row-cell, table.calendar_week td.hour-first, div.calendar_week-legend {
/*             background: transparent  url('data:image/gif;base64,R0lGODlhBQAHAHAAACwAAAAABQAHAIIbGxsVFRUODg4JCQkFBQUDAwMAAAAAAAADDQiq0S0QjjmJtSXrnQAAOw==') repeat-x top !important; */
            background: transparent !important;
        }
        
/*         .day-calendar-plan_zajec-container .plan-tyg-table-txt th {
            background: #444 !important;
        } */
        
        div.calendar-days-container {
            background: #222 !important;
        }
        
        /* my plan */
        .tab-chooser-container {
            background: #444 !important;
        }
        
        .tab-chooser, .calendar-navigator {
            background: #333 !important;
        }
        
        .plan-tyg-table-txt, .plan-tyg-table-txt tr,
        .calendar_month-month > table {
            background: none !important;
        }
        
        .calendar_month-month > table td.day-today {
            background: rgba(255, 255, 255, 0.1) !important;
        }
        
        /* my plan: tweaks */
        
        /* odwolane lub przeniesione */
        :is(.event-status-a, .event-status-b) > :not(:first-child) {
            text-decoration: line-through;
            background: rgba(255, 0, 0, 0.05) !important;
        }
        
        /* przeniesione lub przeniesione z innego terminu */
        :is(.event-status-f, .event-status-b) > :not(:first-child) {
            background: rgba(128, 128, 255, 0.1) !important;
        }
        
/*         .event-status-a > :first-child {
            background: rgba(255, 0, 0, 0.25) !important;
        } */
        
/*         .same-day-as-before.event-status-default > :first-child { */
        .same-day-as-before > :first-child {
            visibility: hidden;
        }
        
        /* gen.*/
        
        .label, .consent-label {
            color: #ccc !important;
        }
        
        
        /* dark icons and corners */
        #navi ul.navigationgroup {
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEeSURBVDhPY1RSUvrPQAXABKXJBjw8PF84ODjSKTKIk4vru7q6hum1a9dmUWQQKwtrxerVq26A2GQbxM3N0/3p08f1UC55BgkKCs7++vXL5Hv37j2GCpFukLCwyPL37983IxsCAiQZJCoqtvrt2zfl6IaAANEGCQsLL3r9+lUxNkNAgCiDhISE5r59+7YGlyEgQNAgERGRVe/evWvEZwgI4DVITExs45s3b0oIGQICOA0SFxff9erVq1xiDAEBrAYBDTkDjOJUYg0BAQyDgFF8E2hI8I0bNx5BhYgCKAYBA/bhv39/PUg1BATgBgkJCT/7+fOn/enTpx9AhUgCYIOAeecVIyOD9cWLFx+CRckATGrq6jeUlJTJdgkEMDAAAEFRdUqvDBUZAAAAAElFTkSuQmCC') !important;
        }
        
        .href.nastepny {
            background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAiBAMAAACZ/SWSAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAnUExURQCI8huV80pnfURERAp92DNdf0ZVYCpnlyFmnClehkZVYRiT80lnfke/SSIAAAAJcEhZcwAACxMAAAsTAQCanBgAAABFSURBVBjTY2BUNgYCBgZXCMWSDKYYiiFUM5mUJ4RimQymQFwGCJcBwmWAcJEpT2QlnsjaPUm1HeJ4lsVIHuM+bGxsbAwAJh8hYwADiiwAAAAASUVORK5CYII=') !important;
        }
        
        .results-grid {
            background: #333 !important;
        }

        .results-grid tr:nth-child(2n) {
            background: #444 !important;
        }
        
        .ui-widget-content {
            background: #222 !important;
            color: white !important;
            border: 1px solid #555 !important;
/*             border-radius: 4px !important; */
        }
        
        table.calendar_week td {
            background: #333 !important;    
        }
        
        .pulpit-news-container,
        .columns-1-2 #column-3 section.portlet .portlet-content-container {
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;    
        }
    }
}

@-moz-document domain("login.wsb.pl") {
    @layer {
        html, body {
            background: #222 !important;
            color: white !important;
        }

        #main {
            background: #333 !important;
        }

        h1 {
            color: white !important;
        }
        
        #login-page .form .row label {
            color: unset !important;
        }

        .copyright {
            color: #eee !important;
        }
        
        .copyright a {
            color: #bff !important;
        }
    }
}

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址