Skip to content

Dark Mode Moodle [CLG] by drseek

Screenshot of Dark Mode Moodle [CLG]

Details

Authordrseek

LicenseNo License

Categoryclg.moodle.decclic.qc.ca

Created

Updated

Code size3.1 kB

Code checksum69dab06b

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark mode for the Moodle of Lionel-Groulx / Mode sombre pour le Moodle de Lionel-Groulx

Notes

Ajout de box-shadow, modifications des polices et inversion du blanc vers des teintes de noirs.

Source code

/* ==UserStyle==
@name         Dark Mode Moodle [CLG]
@version      20211125.17.18
@namespace    userstyles.world/user/drseek
@description  Dark mode for the Moodle of Lionel-Groulx / Mode sombre pour le Moodle de Lionel-Groulx
@author       drseek
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://clg.moodle.decclic.qc.ca/") {
*::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
.bg-light{
    background: none !important;
}
*::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}
.que.essay .qtype_essay_response.readonly{
    background-color: #eee;
    color: black;
    font-weight: 500;
}

*::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #333;
}
body{
    background-color: #888 !important;
}
pre{
    color: sandybrown;
}
.text-danger{
    font-size: 1.5rem !important;
}
.text-success{
    font-size: 1.5rem !important;
}
#nav-drawer{
    background-color: #888 !important;
}
.card{
    background-color: inherit;
}
.card-body{
    background-color: #333 !important;
    color: #eee;
    border: none;
    box-shadow: 0 0 9px 3px black;
}
#region-main{
    background-color: #333 !important;
    color: #eee;
    border: none;
    box-shadow: 0 0 9px 3px black;
}
.list-group{
    box-shadow: 0 0 3px 0px black;
}
.list-group-item-action{
    color: #bbb;
}
.list-group-item{
    background-color: #444;
    
}
.list-group-item.active{
    background-color: #295f90;
    border-color: #295f90;
}
.aalink.focus, #page-footer a:not([class]).focus, .arrow_link.focus, a:not([class]).focus, .activityinstance>a.focus, .aalink:focus, #page-footer a:not([class]):focus, .arrow_link:focus, a:not([class]):focus, .activityinstance>a:focus{
    border-radius: 12px;
    padding: 0px 5px;
}
.section .activity .contentwithoutlink>a, .section .activity .activityinstance>a{
    padding-left: 33px;
}
.bg-white{
    background-color: #3c3b3b !important;
}
.navbar-light .navbar-nav .nav-link{
    color: #bbb;
}
.bg-gray{
    background-color: #3c3b3b!important;
}
.btn-light{
    border:none;
}
.avatar{
    display: none;
}
.section img-text{
    font-family: sans-serif;
}
.generaltable{
    color: inherit;
}
section#region-main{
    color: #e7f3f5;
}
.que .formulation{
    color: #e7f3f5;
    background-color: #001a1e;
    border-radius: 35px;
    outline: rgb(11 64 72) solid 2px;
}
input[disabled]{
    opacity: 0.45;
}
table.quizreviewsummary{
    border-collapse: collapse;
    border-radius: 20px;
    outline: rgb(11 64 72) solid 2px;
    overflow: hidden;
}
/* .generaltable th:first-child, .generaltable td:first-child{
    border-top: none !important;
} */
table.quizreviewsummary td.cell{
        color: #e7f3f5;
    background-color: #001a1e;
}
table.quizreviewsummary th.cell{
        color: #e7f3f5;
    background-color: #001a1e;
}
.que .info{
    background-color: #001a1e;
}
}

Reviews

No reviews yet.