fad its ict piemonte dark theme by roberto056

/* ==UserStyle==
@name           fad its ict piemonte dark theme
@namespace      USO Archive
@author         Otrebor056
@description    `dark theme of a its ICT FAD`
@version        20220127.7.55
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document url-prefix("https://fad.its-ictpiemonte.it") {
  :root {
    /* colore sfondo del pannello nome e cognome in alto */
    --background-header: #3c3c3c;
    --background-body: #6C6C6C;
    /* colore sfondo  principale */
    --color-darkgrey: #2b2b2b;
    --color-white: #fff;
    /* colore delle scritte di: voto del corso; nome del corso; specifiche delle scadenze e del commento ; visualizzazione calendario, miei 	   feedback, miei messaggi, miei messaggi del forum   */
    --words-principal: #9b9b9b;
    --principal-color: #04840c;
  }

  pre{
    color: var( --color-white) !important;
  }

  
  body {
    background-color: var(--color-darkgrey) !important;
    
  }

  .duedata{
    color: #f54c00 !important;
  }
  
  
  #region-main,
  #page-mast {
    background-color: var( --color-darkgrey) !important;
  }

  /* i miei corsi */
  .theme-snap,
  #snap-pm-header {
    background-color: var(--background-header) !important;
  }
  #snap-pm {
    background-color: var(--color-darkgrey) !important;
  }
  .theme-snap a:not(.btn):not(.dropdown-item):not(.badge-info):not(._blanktarget):not(.snap-due-date):not(.yui3-button):not(.mast-breadcrumb):not(.active):not(.disabled):not(.dimmed) {
    color: var(--words-principal) !important;
  }
  .coursecard:hover {
    /* neon del bordo di ogni corso */
    transform: scale(1.05);
    box-shadow: 0 8px 17px 0 var(--principal-color), 0 6px 20px 0 rgba(0, 0, 0, .19) !important;
  }
  .coursecard .coursecard-body {
    /* sfondo della card del corso */
    background-color: var(--background-header) !important;
  }
  .coursecard .completion-line {
    /* colore barra di avanzamento */
    background-color: var(--principal-color) !important;
    margin-top: -.3em !important;
  }
  .coursecard .completionstatus {
    /* colore sfondo barra di avanzamento */
    border-bottom: .5em solid #9d9d9d !important;
  }
  .coursecard .completionstatus {
    /* colore scritta "stato di avanzamento del corso" */
    border-bottom: .5em solid #9d9d9d !important;
  }
  /* pagina principale*/
  .no-overflow,
  .assign-feedback {
    background-color: var(--background-body) !important;
    color: var(--color-white) !important;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  #page-user-profile .userprofile .profile_tree .node_category h3,
  .path-course.path-user .userprofile .profile_tree .node_category h3,
  h6,
  #page-course-edit #maincontent + h2,
  #page-course-editsection #maincontent + h2,
  .pagelayout-admin.path-mod #maincontent + h2,
  .h1,
  .messaging-area-container .messaging-area .contacts-area .searcharea .heading,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    color: var(--color-darkgrey)
  }



  div .carousel-slide,
  img:not(.userpicture) {
    /* prima immagine il più determina */
    opacity: 0.5;
  }
  #moodle-footer,
  header,
  #snap-pm-trigger,
  html {
    background-color: var(--background-header) !important;
  }

  td,
  td.weekend {
    color: #FFFFFF;
  }
  #block-region-side-pre {
    color: #FFFFFF!important;
  }




  /* pagina del corso corrente*/
  .section li.snap-asset {
    background-color: var(--color-darkgrey) !important
  }

  .section li.snap-asset .activityinstance {
    background-color: var(--color-darkgrey) !important
  }

  section#region-main {
    background-color: var(--background-body) !important;
  }
}