IFRS Moodle dark mode theme CSS

ifrs_moodle_darkmode_css.md

IFRS Moodle dark mode theme CSS

Custom CSS for enabling dark mode across most pages of the IFRS Moodle platform.

Chrome extension to load a custom CSS: Custom CSS by Denis.

Alternatively, you can enable the following flag on Chromium-based browsers: chrome://flags/#enable-force-dark

#region-main {
	background: rgb(20 30 40);
  	color: rgb(150 150 150);
}
#region-main .no-overflow div:not(:has(span)):has(br, li) {
 	background: rgb(30 40 50) !important;
  	color: rgb(170 170 170) !important;
}
#nav-drawer, .card, body, a.list-group-item-action {
	background: rgb(20 30 40);
}
a.list-group-item-action:hover {
  background: rgb(20 45 60);
}
.list-group-item {
 	background: rgb(20 45 60);
}
h1, h2, h3, h4, h5, h6 {
    color: #8194c3;
}
a, a:hover, a:visited, a:active {
    color: #848ad4;
}

Verified working as of Jan 2026.