Udemy Full Site Dark Theme That Uses Various Shades Of Grey Over The Near Black Color Scheme Of Many Other Themes.
Udemy Dark 2023 Matte Alterations by mattecrystal
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
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...