Moodle Dark Neon by thefox

/* ==UserStyle==
@name         Moodle Dark Neon
@version      0.1.0
@namespace    userstyles.world/user/thefox
@description  A Dark Neon theme for Moodle platforms. Focuses on a sleek, modern and easy to look at appearance.
@author       thefox
@license      MIT License
==/UserStyle== */

@-moz-document domain("moodle.uni-jena.de"), domain("moodle.de"), domain("moodle.org") {
/* main stylesheet */
    
/* colors */
:root {
  --primary: #2383ff;
  --gray-taupe: #dfd7bf;
  --bg-dark: #242424;
  --bg-gray-dark:#2C3333;
}

/* all sorts of texts on site */
body, .navbar-light .navbar-brand, .navbar-light .navbar-nav .nav-link {
    color: #DCD7C9;
}

.generaltable {
    color: #DCD7C9;
}

/* hindmost page background */
body, #page-my-index {
    background-color: var(--bg-dark);
}

/* backgrounds of elements */
.card.block {
    background: linear-gradient(145deg, rgba(2,0,36,0.25) 0%, rgba(54,60,60,0.30) 35%, rgba(0,0,0,0.28) 100%);
    border: 2px solid #24daff38;
}
    
.drawer .card.block {
    background: linear-gradient(145deg, rgba(2,0,36,0.25) 0%, rgba(54,60,60,0.30) 35%, rgba(0,0,0,0.28) 100%);
}

#region-main {
    background: rgba(54,60,60,0.30);
    border: 2px solid #24daff38;
}
    
.main-inner {
    background: rgba(54,60,60,0.30) !important;
    border: 2px solid #24daff38;
	box-shadow: 0px 0px 5px 3px lightskyblue;
}

[data-region="drawer"] {
    /*background-color: #0d0524 !important;*/
    background-color: #2d3434;
}
    
.drawer {
    background-color: var(--bg-gray-dark);
    box-shadow: -2px 0px 5px 5px black;
}

.bg-white {
    background-color: #2C3639 !important;
}

.bg-gray {
    background-color: #3F4E4F !important;
}
    
/* titles */
h1, h2, h3, h4, h5 {
  color: var(--primary);
}
    
h1.h2 {
    color: var(--primary);
}

/* link coloring */
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: var(--gray-taupe);
}

a {
    color: #24daff;
}

a:hover {
    color: #198aa2;
}

/* listings */

.list-group-item {
    background-color: #454e5115;
}

/* action buttons */

.list-group-item.active {
    background-color: #6c523d;
}

.list-group-item-action {
    color: #dfd7bf;
}

.list-group-item-action:hover, .list-group-item-action:focus {
    color: white;
    background-color: #454e5165;
}

.btn:not(.bg-secondary) {
    color: var(--gray-taupe);
}

.btn:hover, .btn:focus {
    color: white;
}


.btn-light {
    color: var(--gray-taupe);
    background-color: #3F4E4F;
}

.btn-primary {
    color: var(--gray-taupe);
    background-color: #3F4E4F;
    border-color: #423F3E;
}

.btn-primary:hover {
    color: white;
    background-color: #727575;
    border-color: #423F3E;
}

.btn-secondary {
    color: var(--gray-taupe);
    background-color: #3F4E4F;
    border-color: #423F3E;
}

.btn-outline-secondary {
    color: var(--gray-taupe);
}

/* dropdown lists */

.custom-select {
    background-color: #2d3434;
}

.cal_courses_flt {
    color: var(--gray-taupe);
}

/* calendar */
.calendar_event_course {
    background: radial-gradient(circle, rgba(89,255,255,0.9093837364047181) 0%, rgba(0,0,0,0) 50%);
}

.minicalendar .today {
    background: radial-gradient(circle, rgba(252, 255, 89, .909) 0%, rgba(0,0,0,0) 50%); 
}

.block .minicalendar td a {
    color: #200000;
    /*text-shadow: 2px 2px #ff3f64;*/
}

.block .calendar_filters li span.calendar_event_course i {
    color: black;
}

.calendar_filters .calendar_event_course {
    background: radial-gradient(circle, rgba(89,255,255,0.9093837364047181) 0%, rgba(0,0,0,0) 80%);
}
    
    .date {
        color: var(--primary) !important;
    }

}