EXPERIMENTAL! (SOME MOODLE PAGES STILL LOOK BROKEN)
Dark theme on moodle2.e-wsb.pl, portal.wsb.pl and login.wsb.pl
Authorgriffi-gh
LicenseMIT
Categorymoodle2.e-wsb.pl, portal.wsb.pl, login.wsb.pl, okd.wsb.pl
Created
Updated
Size32 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
EXPERIMENTAL! (SOME MOODLE PAGES STILL LOOK BROKEN)
Dark theme on moodle2.e-wsb.pl, portal.wsb.pl and login.wsb.pl
/* ==UserStyle==
@name WSB Extranet + Moodle Dark Theme
@author griffi-gh
@version 7.7.0
@license MIT
@namespace griffi-gh-wsb
==/UserStyle== */
/* TODO PORT TO MOODLE 4 */
@-moz-document domain("DISABLE-moodle2.e-wsb.pl") {
@layer {
@media screen {
/* dark theme */
html,
body:not(#page-login-index),
body:not(#page-login-index) #page,
#content-background {
background: #111 !important;
background-color: #111 !important;
background-image: none !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;
}
.dropdown-menu {
/* white looks bad :> */
border-color: #666 !important;
}
.site-menubar-footer a,
.course-summaryitem,
.btn:not(.btn-primary):not(.bg-transparent):not(.qnbutton),
.card, .card-body,
.dropdown-toggle {
background: #333 !important;
}
/* cursed dropdown item code :3 */
.dropdown-item:is(:hover, :is(:focus,:is(.active,:active))):not(:hover:is(:focus,:is(.active,:active))) {
background: #333 !important;
background-color: #333 !important;
}
.dropdown-item:hover:is(:focus,:is(.active,:active)) {
background: #444 !important;
background-color: #444 !important;
}
.dropdown-item:hover:focus:is(.active,:active) {
background: #555 !important;
background-color: #555 !important;
}
/* you can open your eyes now */
.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 #555 !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;
}
/* calendar/generic popovers */
.popover {
background-color: #222 !important;
color: white !important;
}
.popover-header {
background-color: #333 !important;
}
/* kinda a hack... */
.popover-body {
color: #bbb !important;
}
.alert-success, .alert-success > * {
color: black !important;
}
.block-myoverview .wdm-course-summary, .block-myoverview div[data-region="paged-content-page"] ul.list-group li.list-group-item {
border-bottom-color: #555 !important;
}
.bg-light {
/* Lol, "light". fuck you i'll make it gray instead. */
background: #444 !important;
}
/* dropdowns, custom ones */
.custom-select {
border: 1px solid #555 !important;
/* image is the arrow*/
background: #333 url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'4\' height=\'5\' viewBox=\'0 0 4 5\'%3e%3cpath fill=\'%23eeeeee\' d=\'M2 0L0 2h4zm0 5L0 3h4z\'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat !important;
color: white !important;
/* a bit of creative liberty: make them as tall as non-custom select boxes.
if this breaks shit it's my fault, but it makes em look a bit nicer */
height: 34px !important;
}
/* fix test pages */
#yui_3_17_2_1_1706691212854_80,
#yui_3_17_2_1_1706691212854_79 {
background: #333 !important;
}
#yui_3_17_2_1_1706691212854_78 {
background: #444 !important;
}
.othernav {
background: #333 !important;
}
/* the "fancy timer" */
#quiztimer {
background: #444 !important;
}
.qnbutton.notyetanswered {
background: #222 !important;
}
/* Floating digital timer */
#quiz-timer {
background: #444 !important;
}
/* .qnbutton.answersaved .thispageholder {
background: #004 !important;
} */
/* fix profile page */
.page-profile .card-block {
background: #333 !important;
}
.page-profile .profile-social * {
color: white !important;
}
.card-footer {
background: #444 !important;
}
.card-footer, .panel {
background: #333 !important;
}
/* fix test v2 */
.que .content {
background: none !important;
}
.que .qtext {
background: #444 !important;
}
.que.essay .qtype_essay_response.readonly {
background-color: #444 !important;
}
/* I fucking hope this is the final test fix needed */
#page-mod-quiz-attempt .content .formulation {
background: none !important; /* just hide it, whatever. don't give a fuck */
}
}
}
}
@-moz-document domain("portal.wsb.pl") {
@layer {
@media screen {
html, body, #content-wrapper, #navi {
background: #222 !important;
color: white !important;
}
:is(body[onload="window.print();"], html:has(body[onload="window.print();"])) {
background: white !important;
color: black !important;
}
#content-background {
background: #222 !important;
background-color: #222 !important;
background-image: none !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;
}
.portlet-teba-microservice .portlet-content {
...