Dark mode for PANDA and other Services of the University of Paderborn
Dark Panda by moritz_hoelting
Mirrored from https://github.com/moritz-hoelting/dark-panda-upb/raw/main/dark_panda.user.css
Details
Authormoritz_hoelting
LicenseGPL-3.0
Categoryuni-paderborn.de
Created
Updated
Size18 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.@charset "UTF-8";
/* ==UserStyle==
@name Dark Panda
@namespace https://github.com/moritz-hoelting/dark-panda-upb
@version 1.2.1
@description Dark mode for PANDA and other Services of the University of Paderborn
@author Moritz Hölting
@homepageURL https://github.com/moritz-hoelting/dark-panda-upb
@supportURL https://github.com/moritz-hoelting/dark-panda-upb
@license AGPL-3.0-only
==/UserStyle== */
@-moz-document domain("panda.uni-paderborn.de"), domain("panda.upb.de") {
body {
background-color: #18191a;
color: #c0d1f1;
}
body#page-my-index {
background-color: #18191a !important;
}
.sideblocks .block,
#page-my-index #region-main > div {
background-color: #242526;
}
.bg-white {
background-color: #242526 !important;
}
.calendar_event_course {
background-color: rgba(255, 143, 87, 0.3);
}
.resourcelinkdetails {
color: #b0b3b8;
}
.forumpost.unread .row.header, .path-course-view .unread, span.unread {
background-color: rgba(255, 253, 221, 0.1882352941);
}
#page-footer {
background-color: #0a465a !important;
}
#page-footer .footer-image {
filter: brightness(40%);
}
nav.navbar .nav-item .nav-link {
color: rgba(255, 255, 255, 0.6);
}
nav.navbar .nav-item .nav-link:hover, nav.navbar .nav-item .nav-link:active {
color: rgba(255, 255, 255, 0.9);
}
nav.navbar.navbar-light .navbar-brand {
color: #2e66d0;
}
nav.navbar #blue {
color: #b0b3b8 !important;
background-color: #2e66d0 !important;
}
div#page-navbar li.breadcrumb-item a {
color: #2e66d0;
}
#nav-drawer {
background-color: #18191a;
}
#nav-drawer .list-group-item {
color: #e4e6eb;
background-color: #242526;
}
#nav-drawer .list-group-item:hover, #nav-drawer .list-group-item.active {
background-color: #3a3b3c;
}
.pagination .page-link,
.pagination .page-link.disabled {
background-color: #333;
border-color: #1a1a1a;
}
.pagination .page-link:hover,
.pagination .page-link.disabled:hover {
color: #909090;
background-color: #3a3b3c;
}
a {
color: #2e66d0;
}
a:hover {
color: #2552a6;
}
a#message-user-button {
color: #b0b3b8;
}
.card {
background-color: #242526;
}
#page-content .generalbox a {
color: #2e66d0;
}
#page-content .generalbox a:hover {
color: #2552a6;
}
#region-main {
background-color: #242526;
}
.btn-secondary {
color: #909090;
background-color: #333;
border-color: #1a1a1a;
}
.btn-secondary:hover {
color: #909090;
background-color: #3a3b3c;
}
.dropdown-menu {
color: #e4e6eb;
background-color: #242526;
}
.dropdown-menu a {
color: #e4e6eb;
}
.dropdown-menu .icon {
color: #c0d1f1;
}
.popover-region-container {
background-color: #242526;
}
.popover-region-container .popover-region-footer-container {
background-color: #242526;
}
.message-app {
background-color: #242526;
}
.message-app a.list-group-item {
background-color: #303233;
}
.preferences-container .preference-table {
color: #e4e6eb;
}
.preferences-container .preference-table tr th:nth-child(even),
.preferences-container .preference-table tr td:nth-child(even) {
background-color: #3a3b3c;
}
.paged-content-page-container .list-group-item {
background-color: #333;
}
.paged-content-page-container .list-group-item .list-group-item-action {
color: #e4e6eb;
}
.paged-content-page-container .list-group-item .list-group-item-action:hover {
background-color: rgba(255, 255, 255, 0.6);
}
.modal-content {
background-color: #242526;
}
.moodle-dialogue-base .moodle-dialogue-wrap {
background-color: #242526;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
color: #e4e6eb;
}
.table {
color: #b0b3b8;
}
.generaltable {
color: #e4e6eb;
}
.generaltable tbody tr:hover {
color: #b0b3b8;
}
.que:not(.ddimageortext) img {
background-color: rgba(255, 255, 255, 0.4392156863);
}
.que:not(.ddimageortext) .content .formulation,
.que:not(.ddimageortext) .info {
color: #e4e6eb;
background-color: #333;
}
.que:not(.ddimageortext).ddwtos .draghome {
border-color: #909090;
}
.que:not(.ddimageortext).ddwtos .group1 {
background-color: #333;
}
.que.ddimageortext {
color: black;
}
.que.ddimageortext .content .formulation,
.que.ddimageortext .info {
color: #e4e6eb;
background-color: #333;
}
.que.ddimageortext .content .formulation .ddarea,
.que.ddimageortext .info .ddarea {
color: initial;
}
.startpage .upbbox {
background-color: #242526;
}
.startpage .upbbox a {
background-color: rgba(255, 255, 255, 0.2);
}
.course-content ul li.section.main {
border-color: rgba(176, 179, 184, 0.3);
}
@media (min-width: 576px) {
.region_main_settings_menu_proxy {
background-color: #242526;
}
}
.path-mod-assign td.submissionnotgraded, .path-mod-assign div.submissionnotgraded {
color: #e4e6eb;
background-color: #242526;
}
.path-mod-assign td.earlysubmission, .path-mod-assign td.submissionstatussubmitted, .path-mod-assign div.earlysubmission, .path-mod-assign div.submissionstatussubmitted {
background-color: rgba(207, 239, 207, 0.6274509804);
}
}
@-moz-document domain("paul.uni-paderborn.de"), domain("paul.upb.de") {
body {
color: #e4e6eb;
background-color: #18191a;
background-image: none;
}
.nav.depth_2.linkItemContainer {
background-color: #18191a;
}
* {
color: #e4e6eb;
}
#pageHead #pageHeadCenter {
background-color: #242526;
}
#pageHead #pageHeadLeft {
height: 100%;
}
#pageHead #pageHeadLeft a {
height: 100%;
}
#pageHead #pageHeadLeft a #imagePageHeadLeft {
content: url("https://upload.wikimedia.org/wikipedia/de/thumb/c/c8/Logo_Uni_Paderborn.svg/828px-Logo_Uni_Paderborn.svg.png?20130216223718");
height: 100%;
object-fit: contain;
padding: 10px;
box-sizing: border-box;
filter: brightness(2.5);
}
#pageHead #pageHeadBottom_3 {
background-color: #242526;
border: none;
}
#pageHead #pageHeadBottom_3 a {
color: #c0d1f1;
}
#pageContainer {
background-color: #18191a;
}
#pageContent {
background-image: none;
}
#pageContent h1,
#pageContent h2,
#pageContent h3,
#pageContent h4,
#pageContent h5,
#pageContent h6 {
color: #2e66d0;
}
#pageContent a:link,
#pageContent a:link span {
color: #c0d1f1;
}
#pageTopNavi ul.nav li a.depth_1 {
padding-top: 55px;
background-size: 50px 50px;
color: #c0d1f1;
}
#pageTopNavi ul.nav #link000435 a.link000435,
#pageTopNavi ul.nav #link000434 a.link000434 {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="darkgray" d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"/></svg>');
}
#pageTopNavi ul.nav #link000442 a.link000442,
#pageTopNavi ul.nav #link000448 a.link000448 {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="darkgray" d="M40 48C26.7 48 16 58.7 16 72v48c0 13.3 10.7 24 24 24H88c13.3 0 24-10.7 24-24V72c0-13.3-10.7-24-24-24H40zM192 64c-17.7 0-32 14.3-32 32s14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zM16 232v48c0 13.3 10.7 24 24 24H88c13.3 0 24-10.7 24-24V232c0-13.3-10.7-24-24-24H40c-13.3 0-24 10.7-24 24zM40 368c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24H88c13.3 0 24-10.7 24-24V392c0-13.3-10.7-24-24-24H40z"/></svg>');
}
#pageTopNavi ul.nav #link000485 a.link000485 {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="darkgray" d="M80 160c0-35.3 28.7-64 64-64h32c35.3 0 64 28.7 64 64v3.6c0 21.8-11.1 42.1-29.4 53.8l-42.2 27.1c-25.2 16.2-40.4 44.1-40.4 74V320c0 17.7 14.3 32 32 32s32-14.3 32-32v-1.4c0-8.2 4.2-15.8 11-20.2l42.2-27.1c36.6-23.6 58.8-64.1 58.8-107.7V160c0-70.7-57.3-128-128-128H144C73.3 32 16 89.3 16 160c0 17.7 14.3 32 32 32s32-14.3 32-32zm80 320a40 40 0 1 0 0-80 40 40 0 1 0 0 80z"/></svg>');
}
#pageTopNavi ul.nav #link000568 a.link000568,
#pageTopNavi ul.nav #link000481 a.link000481 {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="darkgray" d="M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM80 64h64c8.8 0 16 7.2 16 16s-7.2 16-16 16H80c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64h64c8.8 0 16 7.2 16 16s-7.2 16-16 16H80c-8.8 0-16-7.2-16-16s7.2-16 16-16zm16...