Dark User Style for Udemy (WIP)

udemy-dark-theme.css

body {
	background-color: #101010 !important;
	color: #fff !important;
}
.my-courses .my-courses-header {
	background-color: #333 !important;
	color: #ccc;
}
.curriculum-navigation {
	background-color: #333 !important;
	color: #efefef !important;
}
.curriculum-navigation__section__title {
	color: #efefef !important;
}
.course-taking .course-dashboard__bottom .bottom__nav {
	background-color: #444 !important;
}
.course-taking .course-dashboard__bottom .curriculum-navigation {
	border-bottom: 30px solid #333 !important;
}
.current-section,
.panel-heading,
.lecture__item__link {
	background-color: #666 !important;
	color: #efefef !important;
}
.lecture__resources {
	background-color: #333 !important;
}
.lecture__item__link {
	border-bottom: 1px solid #efefef !important;
}
.course-taking .curriculum-navigation .lecture__item.started .lecture__item__link__icon {
	border-color: #17aa1c !important;
}
.course-taking .curriculum-navigation .lecture__item .ud_icon-play {
	background: transparent !important;
}
.text-link-blue,
.btn-link,
.resources__link,
.resources__link a {
	color: #17aa1c !important;
}
.ud_icon-play,
.course-taking .curriculum-navigation .lecture__item.completed .lecture__item__link__icon {
	background: #17aa1c !important;
	border-color: #17aa1c !important;
}
.dropdown-menu {
	background-color: #333 !important;
	color: #efefef !important;
	border-right: 1px solid #eab1b1 !important;
}
.dropdown-menu a {
	color: rgba(100, 177, 54, 0.6) !important
}
.discovery-units,
.wrapper-left {
	border-right: 1px solid #eab1b1 !important;
	background-color: #110f0f !important;
	background: #0f0e0e !important;
}
a {
	background-color: transparent !important;
}
.pager .btn.btn-default {
	color: #ccc !important;
	background-color: #0e600e !important;
}
.dashboard-v39,
.user-course-progress .progress {
	background-color: #110E0B !important;
}
.main-middle {
	background: #090606;
	border-top: 1px solid #5c2b2b !important;
}
.one-col-landing {
	background: #070b2a !important;
}
.also-viewed {
	background: #090808 !important;
}
.section-title {
	border-bottom: 1px solid #eab1b1;
	background-color: #2A3347 !important;
}
.nav-tabs > li > a {
	color: rgba(100, 177, 54, 0.6) !important;
}
.card {
	box-shadow: 0 2px 2px #9f95a8;
	background-color: #397d93 !important;
}
.course-box .mask {
	color: #D2D5B5 !important;
}
.course-box .inst-name {
	color: #7895EA !important;
}
.user-course-progress .progress {
	background-color: #4E6078 !important;
}
.header-v4 {
	background: #0f0e0e;
}
.channels.skin6 .channel-head {
	background: #110f0f !important;
}
.featured-courses {
	background: #000 !important;
}

add this
div, div.class{ background-color: #111 !important; color: #ccc !important; z-index:999; }

@steve007iii That puts a black box right over the video player.

@steve007iii Much has changed with the Udemy site since I last tweaked this (3+ years ago) - I'm surprised that it works at all.

I take a lazy approach these days and use a browser extension to enable dark/night mode. I suggest Night Eye or Dark Reader if you're not already familiar.

@mikesprague Thanks!

where we should put that ?

@seb16120 I don't think this works anymore, it's been long unmaintained, but you would use it with a browser extension like Stylus.

Please see comment: https://gist.github.com/mikesprague/4d17a231417a429fea1e#gistcomment-2969405

The link don't work :/

@seb16120 Yes, it does. It links to 2 comments above on this page. Which says:

Much has changed with the Udemy site since I last tweaked this (3+ years ago) - I'm surprised that it works at all.

I take a lazy approach these days and use a browser extension to enable dark/night mode. I suggest Night Eye or Dark Reader if you're not already familiar.

oh ok, and i read all message of this topic before write my first message.

So ok i will try a extention even if i don't like that because we don't know what they can do on our PC / data :/