Dark theme on moodle2.e-wsb.pl
目前为
/* ==UserStyle==
@name WSB Extranet + Moodle Dark Theme
@author griffi-gh
@version 7.4.3
@license MIT
@namespace griffi-gh-wsb
@description Dark theme on moodle2.e-wsb.pl
==/UserStyle== */
@-moz-document domain("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;
}
}
}
}
@-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 {
background: none !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,
div.portlet-boundary_Microservice_:not(.portlet-barebone) div.portlet-content-container {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;
}
.dodajdomoichskrotow-portlet button {
color: white !important;
}
.alert-info {
background: #444 !important;
border: 1px solid #555 !important;
color: white !important;
}
#footer, .breadcrumb {
background: #333 !important;
}
#footer, #server-name {
color: white !important;
}
.beta.nav-item {
border: none !important;
border-left: #505050 1px solid !important;
border-right: #555 1px solid !important;
background: #444 !important;
/* HACK */
padding-bottom: 2px;
}
#top-bar {
border-bottom-color: #555 !important;
/* MAKE TOP BAR STICKY */
/* position: sticky;
inset: 0;
bottom: unset;
z-index: 999; */
}
/* payments screen */
.portlet-teba-microservice.platnosciiwplaty-portlet table,
.portlet-teba-microservice.platnosciiwplaty-portlet #konta_bankowe_div,
.portlet-teba-microservice.platnosciiwplaty-portlet #tabelki {
background: none !important;
}
.portlet-teba-microservice.platnosciiwplaty-portlet #suma tr:nth-child(2n) td,
.portlet-teba-microservice.platnosciiwplaty-portlet #konta_tabelka tr:nth-child(2n) td,
.portlet-teba-microservice.platnosciiwplaty-portlet #borderki tr:nth-child(2n) td{
background-color: #1115 !important;
}
.portlet-teba-microservice.platnosciiwplaty-portlet th.theader,
.portlet-teba-microservice.platnosciiwplaty-portlet #borderki th {
background: #444 !important;
box-shadow: 0px 6px 8px -4px #3332 !important;
}
/* zglos blad */
.ddm-label {
color: white !important;
}
.lfr-ddm__default-page-header-title {
color: #0088f2 !important;
}
}
}
}
@-moz-document domain("login.wsb.pl") {
@layer {
@media screen {
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;
}
}
}
}
@-moz-document domain("okd.wsb.pl") {
@layer {
@media screen {
body {
background: #222 !important;
color: #eee !important;
}
/* too lazy to actually style the table :3 */
/* so just make them light again in order to ensure readability */
table {
background: white !important;
color: black !important;
}
.page-footer {
background: #333 !important;
}
.question:nth-child(2n+1) {
background: #333 !important;
}
.level1, .level2, .level1 *, .level2 *, #glowne_zalozenia {
color: #ddd !important;
}
}
}
}
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址