site_logiciels/assets/style/theme.scss

body {
  --neutral-color: #ffffff;
  --primary-color-alt: #fef3ce;
  --on-neutral-color: #000000;
  --on-neutral-color-light: #888888;
  --on-neutral-color-extra-light: #d9d9d9;
  --primary-color: #0e2d32;
  --on-primary-color: #ffffff;
  --on-primary-color-alt: #caf5f4;
  --secondary-color: #9edbdd;
  --secondary-color-light: #c6eaeb;
  --on-secondary-color: #262626;
  --neutral-color-alt: #dbdbdb;
  --neutral-color-alt-light: #f2f2f2;
  --neutral-color-alt-strong: #999999;
  --on-neutral-color-alt: #000000;

  --standard-theme: #ffffff;
  --on-standard-theme: #000000;

  --alt-theme: #0e2d32;
  --on-alt-theme: #ffffff;

  --artist-color: #FAC20A;
  --school-color: #2093be;
  --manager-color: #D8050B;

  --action-menu-primary-color: #0e2d32;
  --action-menu-on-primary-color: #ffffff;
  --action-menu-secondary-color: #9edbdd;
  --action-menu-on-secondary-color: #262626;

  --scroll-menu-primary-color: #0e2d32;
  --scroll-menu-on-primary-color: #ffffff;

  --artist-color-light: #fef3ce;
  --school-color-light: #a5d4e5;
  --manager-color-light: #f7cdce;

  --warning-color: #D8050B;
}

body {
  // Le thème inversé dans le thème standard est équivalent au thème alternatif
  .inv-theme {
    background-color: var(--alt-theme);
    color: var(--on-alt-theme) !important;

    .v-btn {
      border-color: var(--on-alt-theme) !important;
    }
  }
  .inv-theme * {
    color: var(--on-alt-theme) !important;
  }

  // Thème alternatif
  .alt-theme {
    background-color: var(--alt-theme);
    color: var(--on-alt-theme) !important;

    .v-btn {
      border-color: var(--on-alt-theme) !important;
    }
  }

  .alt-theme * {
    color: var(--on-alt-theme) !important;
  }

  // Thème inversé
  .alt-theme .inv-theme {
    background-color: var(--standard-theme);
    color: var(--on-standard-theme) !important;
  }
  .alt-theme .inv-theme * {
    color: var(--on-standard-theme) !important;
  }
}