moodle.tuni.fi dark blue by jliima

/* ==UserStyle==
@name       moodle.tuni.fi dark blue
@version    20250225.08.59
@namespace  https://userstyles.world/user/jliima
@author     jliima
==/UserStyle== */

@-moz-document domain("moodle.tuni.fi") {
:root {
  --background: #10171e !important;
  --foreground: #cfdceb !important;
  --cursor: #cfdceb !important;

  --color0: #10171e !important;
  --color1: #cd222f !important;
  --color2: #0bde96 !important;
  --color3: #ee8109 !important;
  --color4: #549dbc !important;
  --color5: #3f4754 !important;
  --color6: #0ba3a4 !important;
  --color7: #d3dde8 !important;
  --color8: #556072 !important;
  --color9: #f3170d !important;
  --color10: #0bde96 !important;
  --color11: #ee8109 !important;
  --color12: #549dbc !important;
  --color13: #c91b8e !important;
  --color14: #0ba3a4 !important;
  --color15: #cfdceb !important;

  /* hover color */
  --color16: color-mix(in hsl, var(--color0), white 11.5%);
  --darkreader-background-cc8eff: var(--color16) !important;
}

body {
  color: var(--foreground) !important;
  font-family: var(--global-font) !important;
  font-size: 15px !important;
  font-weight: var(--global-font-w) !important;
}
* {
  border-color: #243444 !important;
}

*:focus {
  box-shadow: var(--color16) 0px 0px 0px 0.2rem !important;
}

a.navbar-brand {
  filter: invert(55%) sepia(98%) saturate(216%) hue-rotate(153deg) brightness(85%) contrast(95%) !important;
}

.content-item-container:hover,
.dropdown-item:hover,
.nav-link:hover,
.content-item-container:active,
.dropdown-item:active,
.nav-link:active,
.content-item-container:focus,
.dropdown-item:focus,
.nav-link:focus,
.dropdown-toggle::after {
  background-color: var(--color16) !important;
}

.course-content .current::before {
  border-left-color: var(--color3) !important;
}

.badge-primary {
  color: var(--foreground) !important;
  background-color: var(--color3) !important;
}



/* links inside body text */
body p a {
  color: var(--color13) !important;
}

a,
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: var(--color4) !important;
}

.navbar .navbar-nav .nav-link {
  color: var(--color4) !important;
}

h1,
h2,
h3,
h4,
h5 {
  color: var(--color4) !important;
}

h4 {
  color: var(--color4) !important;
}
code {
  font-weight: 600 !important;
  /*
  color: var(--arrowpanel-color) !important;
  background-color: #cd222f !important;
  */
}

h1,
h2,
h3,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  background-color: transparent !important;
}

nav.topbar {
  background-color: #243444 !important;
  background-image: none !important;
}

.navbar-nav > li.menu-groups > a.dropdown-toggle,
.navbar-dropdown > li.menu-groups > a.dropdown-toggle {
  background-color: transparent;
  background-image: none;
}

.navbar-nav > li.menu-groups > a.dropdown-toggle:hover,
.navbar-dropdown > li.menu-groups > a.dropdown-toggle:hover {
  background: #2e4358;
}

.btn-primary {
  background-color: #243444 !important;
  color: var(--arrowpanel-color) !important;
  border-color: #243444 !important;
}

.selected {
  background-color: var(--color5) !important;
}




.panel-primary {
  border-color: #243444 !important;
}

.panel-heading {
  background-color: #243444 !important;
  border-color: #243444 !important;
  color: var(--arrowpanel-color) !important;
}


.badge-success {
  background-color: var(--color2) !important;
  color: var(--arrowpanel-color) !important;
}

.badge-warning {
  background-color: var(--color3) !important;
  color: var(--arrowpanel-color) !important;
}

.nav-pills > li.active > a {
  background-color: #243444 !important;
  color: var(--arrowpanel-color) !important;
}

.admonition.warning,
.admonition.caution,
.admonition.attention,
.admonition.admonition-todo {
  color: var(--color3) !important;
}

.grading-container th {
  border-color: #243444 !important;
  background-color: #243444 !important;
  color: var(--arrowpanel-color) !important;
}

#navbar-course-search .course-search-btn {
  background-color: transparent;
}


.editmode-switch-form label,
.editmode-switch-form .text-primary,
.navbar .nav-link .icon {
  color: var(--color4) !important;
}

.maincalendar .calendarmonth td.today .day-number-circle {
  color: var(--foreground) !important;
  background-color: var(--color4);
}

#mm_carousel {
  display: none;
  background-color: #243444 !important;
  color: rgb(207, 220, 235);
  box-shadow: none;
}

.mmdrawer-coursename,
#theme_boost-drawers-courseindex > div:nth-child(1) {
  background-color: var(--color16) !important;
}

.progress-bar,
.bg-success,
.btn-success {
  background-color: var(--color2) !important;
}

.navbar .usermenu .dropdown-toggle::after {
  color: var(--color4) !important;
}
#user-menu-toggle::after {
  background-color: transparent !important;
}
}