EXPERIMENTAL! (SOME MOODLE PAGES STILL LOOK BROKEN)
Dark theme on moodle2.e-wsb.pl, portal.wsb.pl and login.wsb.pl
WSB Extranet + Moodle Dark theme by griffi-gh
Details
Authorgriffi-gh
LicenseMIT
Categorymoodle2.e-wsb.pl, portal.wsb.pl, login.wsb.pl, okd.wsb.pl
Created
Updated
Size32 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==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 {
...