Skip to content

Udemy Dark Theme by barmaleyko

Screenshot of Udemy Dark Theme

Details

Authorbarmaleyko

LicenseMIT

Categorywww.udemy.com

Created

Updated

Size51 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Udemy Dark Theme

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
@description  Udemy Dark Theme
@version      1.31
@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 white !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: #333 !important;
            }
            * {
                color: #aaa !important;
            }
            .c_quick-view-box--white .c_quick-view-box__top {
                background-color: #222 !important;
            }
            .c_quick-view-box--white .c_quick-view-box__bottom {
                background: #222;
            }
            .c_header .dropdown__header {
                color: #ccc !important;
                background-color: #222 !important;
            }
            .sc-dropdown__empty-message {
                background: #222 !important;
            }
            .category-menu {
                background-color: #111 !important;
            }
            menu__link:hover {
                color: #ccc !important;
                background: #222 !important;
            }
            .course-taking .course-dashboard__bottom .bottom__nav {
                margin-bottom: 0;
                border-bottom: 1px solid #333 !important;
                background-color: #222 !important;
            }
            .c_user-notification .notification__item,
            .c_header .mycourses__item,
            .c_header .dropdown__footer {
                background: #222 !important;
            }
            .course-taking .course-dashboard__bottom .content__overview .recent-header,
            .course-taking .course-dashboard__bottom .content__overview .recent-footer {
                background: #222 !important;
                border-bottom: 1px solid #444 !important;
            }
            .view-more-container--view-more__button-container--gradient--CmaZZ.view-more-container--view-more__button-container--gradient-clp--1ed1p {
                background: linear-gradient(#222222, #333, #222);
            }
            .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: #333 !important;
            }
            .course-taking .course-dashboard__bottom .question-details {
                background-color: #333;
            }
            .course-taking .course-dashboard__bottom .content__questions .questions-panel__content__course-questions .course-questions__question {
                background-color: #333;
                border-bottom: 2px solid #222;
            }
            .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: #222;
            }
            .c_header.c_header--v6 .dropdown__menu:before {
                border-color: transparent transparent #222;
            }
            .c_header.c_header--v6 .dropdown__menu:after {
                border-color: transparent transparent #333;
            }
            .styles--dropdown--29tlt .styles--dropdown__menu--20Bk-:after {
                border-color: transparent transparent #333;
            }
            .styles--dropdown--29tlt .styles--dropdown__menu--20Bk-:before {
                border-color: transparent transparent #222;
            }
            .c_header.c_header--v6 .dropdown__menu:before {
                border-color: transparent transparent #222;
            }
            .c_header.c_header--v6 .dropdown--topics .dropdown__menu:after {
                border-color: transparent transparent #333;
            }
            .js-wrapper-simple-collapse-more-btn {
                background: linear-gradient(hsla(0, 0%, 100%, 0), #111, #111);
            }
            .view-more-container--view-more__button-container--gradient--CmaZZ {
                background: linear-gradient(hsla(0, 0%, 100%, 0), #111, #111);
            }
            .curriculum-wrapper .section-container {
                background: #222;
                border: 1px solid #a1a7b3;
            }
            .curriculum-wrapper .lectures-container {
                background-color: #333;
            }
            .instructor--instructor--2qudS .instructor--instructor__view-more-wrapper--w6L78 {
                background: linear-gradient(hsla(0, 0%, 100%, 0), #111, #111);
            }
            .featured-review--featured-review--wtiLX .featured-review--featured-review__container--1U1cD,
            .modal-content {
                background-color: #222;
            }
            .slider-list--course-nav-btn--1sFHw,
            .course-card--course-card__container--1udRO:hover,
            .more-courses-by-instructor--more-from-instructor--1XSm_ {
                background-color: #333;
            }
            .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: #222;
            }
            .search-course-labels--carousel .search-course-labels__next-gradient {
                background: linear-gradient(270deg, #111 20%, #1111111c);
            }
            .search-course-labels--carousel .search-course-labels__prev-gradient {
                background: linear-gradient(90deg, #111 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-slide):not(.checkbox-button).boxed:not(.disabled) > label:hover {
                background: #333;
            }
            .c_header.c_header--v6 .c_quick-search__input,
            .c_quick-search__input,
            .c_header.c_header--v6 .c_quick-search__input:focus {
                background-color: #222 !important;
            }
            .c_quick-search__btn {
                background: #444;
            }
            .search-result-page--search-result-container--1QJaS,
            .pagination > li > a,
            .pagination > li > span,
            .loginbox-v4__header,
            .loginbox-v4 .social-btn--google,
            .main-route--user-messaging--3ak_b,
            .user-auto-complete--user-messaging__auto_complete--3ak2a .autocomplete-light-widget > input,
            .styles--sc-wrapper--3ncS2,
            .styles--sc-wrapper--3ncS2 .styles--sc-checkout-pane--71SP_,
            .sc-wrapper,
            .channels--all-courses {
                background: #111;
            }
            .side-nav li.on a,
            .side-nav li:hover a {
                background-color: #333 !important;
            }
            #edit-template .form-wrapper {
                background: #111;
                border: 0 solid #dedfe0;
            }
            .search-result-page--top--gc3uL,
            .main-route--user-messaging__right--27tZ-,
            .side-nav {
                background: #222;
            }
            .side-nav {
                box-shadow: inset 0px 0px #dedfe0, inset 0 0px #dedfe0;
            }
            .search-result-page--refund-policy-notification-container--2qho2 {
                border: 1px solid #a1a7b3;
                background-color: #222;
            }
            .c_header.c_header--v6 .dropdown__menu-list--bottom {
                background-color: #222;
            }
            .right-col__module,
            .styles--dropdown--29tlt .styles--dropdown__menu--20Bk-,
            .popover {
                background-...

Reviews

No reviews yet.