Udemy Dark Theme - fix tests to be dark mode as well
Udemy Dark Theme - fix tests by georgeabr
Details
Authorgeorgeabr
LicenseMIT
Categorywww.udemy.com
Created
Updated
Size54 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 Udemy Dark Theme
@namespace barmaley
@author barmaley/george
@description Udemy Dark Theme
@version 1.33
@license MIT
@preprocessor stylus
==/UserStyle== */
@-moz-document domain("www.udemy.com") {
.c_header.c_header--v6 {
background-color: #000 !important;
}
.smart-bar--smart-bar--1rOkE {
display: none;
}
.curriculum-wrapper .section-container.section-container--more-sections {
background: none;
}
.jumbotron-header-bar--tabs .nav-tabs > li.active > a {
border-bottom: 6px solid #aaa !important;
}
.jumbotron-header-bar--tabs .nav-tabs > li > a {
border-bottom: 6px solid #666 !important;
}
.badge {
color: black !important;
}
html,
body {
background-color: #000 !important;
color: #ccc !important;
border-color: #000 !important;
}
* {
color: #aaa !important;
background-color: #000 !important;
}
.ud-heading-md .quiz-page-layout--container--3UG5o {
background-color: 111 !important;
color: #aaa !important;
}
.captions-display--captions-cue-text--TQ0DQ {
font-family: "arial", serif !important;
font-size: 36px !important;
background-color: black !important;
}
.quiz-page-layout--container--3UG5o, .overall-explanation-pane--overall-explanation--G-hLQ, .ud-form-group, .result-pane--question-result-pane-expanded-content--Og5Vc, .result-pane--question-header-wrapper--3DCpC, .answer-result-pane--answer-skipped--1NDPn, .answer-result-pane--answer-correct--PLOEU, .domain-pane--domain-pane--Pw9dK {
background-color: #000 !important;
background: black !important;
color: #aaa !important;
}
.quiz-page-content, .quiz-page-layout--content--CSpHA {
left: 20% !important;
right: 20% !important;
max-width: 106rem !important;
}
.detailed-result-panel--detailed-result-panel--6KYjs, .mc-quiz-answer--correct--aleKq, .mc-quiz-question--skipped--nU6gt, .rt-scaffolding code, .rt-scaffolding pre code, .rt-scaffolding pre:not(.prettyprint) {
background-color: #222 !important;
border: 1px solid #2d2f31;
}
.detailed-result-panel--panel-row--4lvVX {
background-color: #000 !important;
}
.curriculum-item-footer--flex-align-center--DP16N {
background-color: #000 !important;
}
.c_quick-view-box--#aaa .c_quick-view-box__top {
background-color: #000 !important;
}
.c_quick-view-box--#aaa .c_quick-view-box__bottom {
background: #000;
}
.c_header .dropdown__header {
color: #ccc !important;
background-color: #000 !important;
}
.sc-dropdown__empty-message {
background: #000 !important;
}
.category-menu {
background-color: #000 !important;
}
menu__link:hover {
color: #ccc !important;
background: #000 !important;
}
.course-taking .course-dashboard__bottom .bottom__nav {
margin-bottom: 0;
border-bottom: 1px solid #000 !important;
background-color: #000 !important;
}
.c_user-notification .notification__item,
.c_header .mycourses__item,
.c_header .dropdown__footer {
background: #000 !important;
}
.course-taking .course-dashboard__bottom .content__overview .recent-header,
.course-taking .course-dashboard__bottom .content__overview .recent-footer {
background: #000 !important;
border-bottom: 1px solid #222 !important;
}
.view-more-container--view-more__button-container--gradient--CmaZZ.view-more-container--view-more__button-container--gradient-clp--1ed1p {
background: linear-gradient(#000222, #000, #000);
}
.course-taking .lecture__item:hover .lecture__item__link .course-taking .message-container--nps__review,
.styles--category--1AsdE:hover,
.curriculum-wrapper .lecture-container,
.course-taking .course-dashboard__bottom .content__questions question-title-form .ud-search,
.panel,
.component-thread-head {
background: #000 !important;
}
.course-taking .course-dashboard__bottom .question-details {
background-color: #000;
}
.course-taking .course-dashboard__bottom .content__questions .questions-panel__content__course-questions .course-questions__question {
background-color: #000;
border-bottom: 2px solid #000;
}
.course-taking .course-dashboard__bottom .content__overview .recent-list:first-of-type,
.course-taking .course-dashboard__bottom .content__overview .recent-list,
.course-taking .curriculum-navigation__section,
.c_header.c_header--v6 .dropdown--topics .dropdown__menu,
.c_header.c_header--v6 .dropdown--topics .dropdown__menu--sub,
.category-menu__item:hover,
.btn-quaternary,
.c_header.c_header--v6 .dropdown__menu,
.styles--linkbar--azS2H,
.course-taking .curriculum-navigation .lecture__resources .resources__link {
background: #000;
}
.c_header.c_header--v6 .dropdown__menu:before {
border-color: transparent transparent #000;
}
.c_header.c_header--v6 .dropdown__menu:after {
border-color: transparent transparent #000;
}
.styles--dropdown--29tlt .styles--dropdown__menu--20Bk-:after {
border-color: transparent transparent #000;
}
.styles--dropdown--29tlt .styles--dropdown__menu--20Bk-:before {
border-color: transparent transparent #000;
}
.c_header.c_header--v6 .dropdown__menu:before {
border-color: transparent transparent #000;
}
.c_header.c_header--v6 .dropdown--topics .dropdown__menu:after {
border-color: transparent transparent #000;
}
.js-wrapper-simple-collapse-more-btn {
background: linear-gradient(hsla(0, 0%, 100%, 0), #000, #000);
}
.view-more-container--view-more__button-container--gradient--CmaZZ {
background: linear-gradient(hsla(0, 0%, 100%, 0), #000, #000);
}
.curriculum-wrapper .section-container {
background: #000;
border: 1px solid #a1a7b3;
}
.curriculum-wrapper .lectures-container {
background-color: #000;
}
.instructor--instructor--2qudS .instructor--instructor__view-more-wrapper--w6L78 {
background: linear-gradient(hsla(0, 0%, 100%, 0), #000, #000);
}
.playerId__55686590--76shaka-mock-vjs-control-bar-popover-area {
background-color: #000 !important;
}
.featured-review--featured-review--wtiLX .featured-review--featured-review__container--1U1cD,
.modal-content {
background-color: #000;
}
.slider-list--course-nav-btn--1sFHw,
.course-card--course-card__container--1udRO:hover,
.more-courses-by-instructor--more-from-instructor--1XSm_ {
background-color: #000;
}
.footer-v6 footer,
.pagination > li > a:hover,
.search-result-page--panel--Efhm6,
.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner,
.notification-preferences--notification-option--1OD9J,
.sc-wrapper .sc-card-box.active,
.search-course-labels--related .search-course-labels__item,
.channels.skin1 .btn-default,
.search-course-labels--related .search-course-labels__item.all.active,
.search-course-card--card__inner--1tkPf,
.search-course-labels--carousel .search-course-labels__next-bt,
.search-course-labels--carousel .search-course-labels__prev-bt,
.channels.skin5 .btn-default {
background-color: #000;
}
.search-course-labels--carousel .search-course-labels__next-gradient {
background: linear-gradient(270deg, #000 20%, #0001111c);
}
.search-course-labels--carousel .search-course-labels__prev-gradient {
background: linear-gradient(90deg, #000 20%, hsla(0, 0%, 0%, 0.58));
}
.c_link-bar--channel .c_link-bar__sub-cat:hover,
.base-thread-item--message-thread--2pjVx.base-thread-item--active--1LVBL .base-thread-item--message-thread__container--2sOg4,
.base-thread-item--message-thread--2pjVx:hover .base-thread-item--message-thread__container--2sOg4,
.checkbox-inline:not(.checkbox-slide):not(.checkbox-button).boxed:not(.disabled) > label:hover,
.checkbox:not(.checkbox-...