Skip to content

Udemy Dark 2023 Matte Alterations by mattecrystal

Screenshot of Udemy Dark 2023 Matte Alterations

Details

Authormattecrystal

LicenseNo License

Categoryhttps://www.udemy.com/

Created

Updated

Size22 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Udemy Full Site Dark Theme That Uses Various Shades Of Grey Over The Near Black Color Scheme Of Many Other Themes.

Notes

Work based on Udemy Dark 2023 by Tadgh Henry, which itself was based on Udemy Dark 2020 by Felipe Amaral (I think)

I've made the theme more consistent across all pages and changed the color scheme to use dark greys over the dark blacks of the original. I don't claim for it to be 100% perfect but it's should be a lot better then the theme is was based on.

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 2023 Matte Alterations
@version      20230715.04.59
@namespace    ?
==/UserStyle== */

@-moz-document domain("www.udemy.com") {
/* ==UserStyle==
@name         Udemy Dark 2023 Matte Alterations
@namespace    USO Archive
@version      2023.07.14.0
@description  "<div>Check out the original style at <a rel=\"nofollow\" href=\"https://userstyles.org/styles/186117\" target=\"_blank\">userstyles.org</a><br/></div>Work based on Udemy Dark 2023 by Tadgh Henry, which itself was based on Udemy Dark 2020 by Felipe Amaral (I think)"
@author       Felipe Amaral, Tadgh Henry, MatteCrystal
@license      CC0-1.0==/UserStyle== */

html,body {
    background: #262a32 !important;
    background-color: #262a32 !important;
    color: #ccc !important;
    border-color: #333!important;
}
.my-learning-unit-header--title--2zRA6{
    color: #ccc
}

.c_header.c_header--v6,
.header--header--1SLKV,
.header--search-bar--1g81R,
.link-bar--link-bar--NoEGM,
.single-course-unit--container--2D57g:hover{
    background-color: #262a32 !important;
}
.link-bar--link-bar--NoEGM{
 border-color: #262a32 !important;   
}
.smart-bar--smart-bar--1rOkE {
    display: none!important;
}
.curriculum-wrapper .section-container.section-container--more-sections {
    background: none!important;
}
.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;
}
div,
span,
button {
    color: #ccc!important;
    border-color: #333!important;
}
.header--header--3sK1h,
.udlite-footer .footer-section,
.refund-notice--refund-notice--1nq4D,
.browse-nav--nav-container--2QiNy,
.udlite-select,
.udlite-search-form-autocomplete .udlite-search-form-autocomplete-suggestions,
.course-objectives-quick-view-box--content--32zNj,
.search--quick-view-box--2iTLH,
.topic-menu,
.bundle-unit--container--3LI46,
.billboard--billboard--3-fQr .billboard--content-box--JtXUJ,
.course-details-quick-view-box--content--2hrZ0,
.teach-on-udemy-non-student-cta-wrapper .non-student-cta-bg,
.channels--teach .discovery-unit-container > .unit-wrapper:nth-of-type(2n),
.instructor-card-static--content--2MCFq,
.panel-menu--panel--2bVgh,
.panel-menu--footer--2dFGW,
.rt-editor,
.rt-menu-bar,
.rt-menu-bar-alert,
.list-group-item,
.notification-preferences--notification-option--804Pz,
.link-bar--link-bar--3VR3W,
.full-width--streamer,
.topic-menu__link:hover,
.subcategory-link-bar--subcategory-link-bar--h-mD2,
.header--menu--3jznE,
.bundle-unit--bundle-border--S8wVb,
.udlite-btn.udlite-btn-disabled::before,
.streamer--fixed .streamer__inner,
.link-bar--linkbar--ZGZxf,
.link-bar--wrapper--2tiYo,
.jumbotron__expanded,
.jumbotron__collapsed,
.jumbotron--topi,
.filter-panel--container--aq5nC,
.next-topics-discovery-unit--content--24wpL,
.course-comparison-item--course-image__subtitle--5az83,
.skeleton-course-card--content-loader--1lQpH.skeleton-course-card--content-loader-responsive--2_Rra .skeleton-course-card--item-content--3Mx91,
.skeleton-course-card--content-loader--1lQpH.skeleton-course-card--content-loader-responsive--2_Rra .skeleton-course-card--image--3slb1,
.skeleton-course-card--content-loader--1lQpH.skeleton-course-card--content-loader-responsive--2_Rra li,
.skeleton-course-card--loader__item--3OJLF,
.dropdown-toggle,
.topic-jumbotron--gradient-border--7UpZf,
.bg-rain-lighter,
.paid-course-landing-page__container .dark-background,
.slider-menu,
.sidebar--sidebar-header--3RQk_,
.ud-accordion-panel-toggler,
.curriculum-item-link--curriculum-item--KX9MD > .item-link,
.sidebar--content---4z0-,
.ud-text-input {
    background: #262a32 !important;
    background-color: #262a32 !important;
    color: #ccc !important;
}

.section--section--BukKG .ud-accordion-panel-toggler, 
.dropdown-module--dropdown-menu--3HbSn,
.popover-module--popover--1kskS,
.panel-menu--footer--sY39u{
    background: #23262d!important;
}

.ud-text-input, div, span, button{
    border-color:#1c1d1f !important;
}

.curriculum-item-link--curriculum-item--KX9MD > .item-link:hover{
    background: #23262d!important;
}

.app--row--1ydzX.app--header--3crNp{
    background-color: #23262d;
}

body.my-courses .my-courses__app .ud-tab-content{
    background: #262a32 !important;
}

.course-card-module--container--2MTsr h3[data-purpose=course-title-url] a{
    color:white
}

.ud-fake-toggle-checkbox,
.control-bar--control-bar-container--16vzi,
.playback-rate--trigger-text--3DafK {
    background: none !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!important;
}
.c_header .dropdown__header {
    color: #ccc!important;
    background-color: #222!important;
}
.sc-dropdown__empty-message {
    background: #222!important;
}
.category-menu {
    background-color: #262a32!important;
}
menu__link:hover {
    color: #ccc!important;
    background: #222!important;
}
.course-taking .course-dashboard__bottom .bottom__nav {
    margin-bottom: 0!important;
    border-bottom: 1px solid #333!important;
    background-color: #222!important;
}
.c_user-notification .notification__item,
.c_header .mycourses__item,
.c_header .dropdown__footer,
.curriculum-course-card--container--1ZgwU:hover,
.list-view-course-card--container--2fJ9s:hover,
.btn-secondary,
.btn-secondary:hover,
.single-course-unit-desktop--single-course-unit-content--1SR-P,
.btn.focus,
.btn,
.btn:hover,
.topic-button--topic-button--39McU,
.person-card--person-card--39UrP,
.link-bar--category--1isGq:hover,
.link-bar--selected-category--17QA8,
.link-bar--dropdown--3jFJ5,
.link-bar-item--menu__link--NScGd:hover,
.link-bar-item--menu__item--2QDNh:not(.link-bar-item--lead-item--mZFmh) .active,
.link-bar-item--menu__item--2QDNh:not(.link-bar-item--lead-item--mZFmh):hover,
.featured-review .featured-review__container,
.ufb-training-people--background-container--arJgr,
.what-you-will-learn--what-will-you-learn--mnJ5T,
.section--panel-label--1Zkb9,
.featured-review--background-wrapper--FamGn,{
    background: #222!important;
    color: #ccc!important;
}
.popular-topics-unit--topic-tag--3tYg-:hover{background: #000}
.course-card--container--1QM2W * a,.carousel-module--scroll-item--2CpA_ > a {
    color: #ccc !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;
}
.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,
.udlite-badge-bestseller,
.user-profile-dropdown--dropdown-button-avatar--Cbd6V,
.udlite-in-udheavy .udlite-heading-xl,
.alert-info,
.btn-danger,
.udlite-badge-highest-rated,
.review-summary-widget--rate-gauge--bg--3E9MZ,
.instructor-response--container--yPk8G,
.instructor-card--card-container--I_HS3:hover,
.udlite-badge-hot-and-new,
.udlite-badge-new,
.purchase-text,
.ufb-ad--content-wrapper--3oESa,
.input-group-addon,
.input-group-btn,
.es-autocomplete--primary .form-control:focus ~ .input-group-btn .btn-link,
.es-autocomplete--primary .dropdown-menu,
.carousel-arrow,
.badge.badge-accented.yellow,
.badge.badge-accented.red,
.badge.badge-accented.orange,
.badge.badge-accented.coral,
.badge.badge-accented.green,
.btn-primary,
.smart-bar--smart-bar__content--3Y6xq,
.smart-bar--smart-bar__close--2Xuuy,
.smart-bar--smart-bar--32jNQ,
.sidebar-container--buy-for-team--1V55v,
.sidebar-container--purchase-section--17KRp,
.intro-asset--asset--1eSsi,
.sidebar-container--content--gsvyJ,
.text-input-form--text-input-form--1L2vx,
.reviews-section--search-filter--1hXkA,
.udlite-btn-primary,
.udlite-btn-primary.udlite-btn-disabled,
.text-input-form--text-input-form--1L2vx input,
.section--toggle-lecture-description-button--2x0nE,
.bundle-unit--course-unit-container--1B5pp .bundle-unit--plus-icon-wrapper--rxKrz {
    background: #333!important;
    color: #ccc!important;
}
.course-taking .course-dashboard__bottom .question-details,
.carousel--button--21JBZ {
    background-color: #333!important;
}
.course-taking .course-dashboard__bottom .content__questions .questions-panel__content__course-questions .course-questions__question {
    background-color: #333!important;
    border-bottom: 2px solid #222!important;
}
.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,
.popover--popover--1sy7H,
.popover--popover--click--3nXVQ {
    background: #222!important;
}
.c_header.c_header--v6 .dropdown__menu:before {
    border-color: transparent transparent #222!important;
}
.c_header.c_header--v6 .dropdown__menu:after {
    border-color: transparent transparent #333!important;
}
.styles--dropdown--29tlt .styles--dropdown__menu--20Bk-:after {
    border-color: transparent transparent #333!important;
}
.styles--dropdown--29tlt .styles--dropdown__menu--20Bk-:before {
    border-color: transparent transparent #222!important;
}
.c_header.c_header--v6 .dropdown__menu:before {
    border-color: transparent transparent #222!important;
}
.c_header.c_header--v6 .dropdown--topics .dropdown__menu:after {
    border-color: transparent transparent #333!important;
}
.js-wrapper-simple-collapse-more-btn {
    backgro...

Reviews

No reviews yet.