nouvelle charte graphique

docs/.vuepress/config.js

@@ -1,6 +1,6 @@
 module.exports = {
-  title: '5E DRS',
+  title: '5e DRS',
-  description: 'Document de Référence Système pour jeux de rôle en OGL 5E',
+  description: 'Document de Référence Système pour jeux de rôle en OGL 5e',
   head: [
     ['link', { rel: 'icon', href: '/favicon-32x32.png' }],
     ['link', { rel: 'manifest', crossorigin:"use-credentials", href: '/manifest.json' }],

docs/.vuepress/public/manifest.json

@@ -1,13 +1,13 @@
 {
   "dir" : "ltr",
   "lang" : "fr",
-  "name" : "5E DRS",
+  "name" : "5e DRS",
   "scope" : "/",
   "display" : "standalone",
   "start_url" : "/index.html",
-  "short_name" : "5E DRS",
+  "short_name" : "5e DRS",
   "theme_color" : "#435a3f",
-  "description" : "Document de référence système pour jeux de rôle en OGL 5E",
+  "description" : "Document de référence système pour jeux de rôle en OGL 5e",
   "orientation" : "any",
   "background_color" : "#ffffff",
   "icons" : [

docs/.vuepress/theme/components/NavDrawer.vue

@@ -116,7 +116,7 @@
             </v-list-item-icon>
             <v-list-item-content>
               <v-list-item-title>
-                Discord 5E DRS
+                Discord 5e DRS
               </v-list-item-title>
             </v-list-item-content>
           </v-list-item>

docs/.vuepress/theme/components/PageToc.vue

@@ -44,6 +44,7 @@ export default {
 @import '../styles/colors';
 
 .page-toc {
+  font-size: .9rem;
   ul {
     list-style: none;
     padding-right: 24px;

docs/.vuepress/theme/enhanceApp.js

@@ -36,14 +36,14 @@ export default ({
       },
       themes: {
         light: {
-          primary: '#4c6477', // Dragons
+          primary: '#4c6477', // Dragons (Bleu)
-          navbar: '#435a3f', // Héros
+          navbar: '#435a3f', // Héros (Vert)
           accent: '#435a3f', // Héros
         },
         dark: {
-          primary: '#4c6477', // Dragons
+          primary: '#6c8599', // Dragons (Bleu)
-          navbar: '#435a3f', // Héros
+          navbar: '#435a3f', // Héros (Vert)
-          accent: '#e02867', // Dragons
+          accent: '#6c8599', // Dragons
         }
       }
     },

docs/.vuepress/theme/styles/_breakpoints.scss

@@ -1,4 +1,4 @@
-$breakpointXS: 600;
+$breakpointXS: 600px;
-$breakpointSM: 960;
+$breakpointSM: 960px;
-$breakpointMD: 1264;
+$breakpointMD: 1264px;
-$breakpointLG: 1904;
+$breakpointLG: 1904px;

docs/.vuepress/theme/styles/_layout.scss

@@ -1,9 +1,10 @@
-// .v-main {
+main.content {
-//   background-color: $color-background;
+  padding: 0 3rem;
-// }
+
-// .theme--light.v-navigation-drawer {
+  @media screen and (max-width: $breakpointMD) {
-//   background-color: darken($color-background, 0);
+    padding: 0;
-// }
+  }
+}
 
 .column-count-2 {
   column-count: 2;
@@ -17,3 +18,35 @@
   column-count: 4;
   margin-bottom: 12px;
 }
+
+* {
+  ::-webkit-scrollbar {
+    height: 12px;
+    width: 7px;
+    background: darken($color-background, 50);
+  }
+  scrollbar-color: $color-gold darken($color-background, 50);
+  scrollbar-width: thin;
+
+  ::-webkit-scrollbar-thumb {
+    background: $color-gold;
+    border: 1px solid $color-gold-light;
+
+    &:hover {
+      background: $color-gold-light;
+    }
+  }
+
+  ::-webkit-scrollbar-corner {
+    background: #000;
+  }
+}
+
+.theme--light {
+  .v-main {
+    background-color: lighten($color-background, 5);
+  }
+  .v-navigation-drawer {
+    background-color: darken($color-background, 0);
+  }
+}

docs/.vuepress/theme/styles/_tables.scss

@@ -35,13 +35,17 @@ table {
   }
 
   thead {
-    font-family: 'Spectral SC', serif;
+    font-family: 'Oswald', sans-serif;
   }
 
   tr {
 
   }
 
+  th {
+    font-weight: 400;
+  }
+
   th, td {
     padding: 6px 12px;
     border-bottom: none !important;
@@ -65,7 +69,7 @@ table {
   tbody {
     tr {
       &:nth-of-type(even) {
-        background-color: $color-light-gray;
+        background-color: darken($color-background, 5);
       }
       &:nth-of-type(odd):hover {
         background-color: inherit !important;
@@ -124,12 +128,12 @@ table {
 
 .theme--dark {
   thead {
-    background-color: darken($color-gray, 10);
+    background-color: darken($color-gray, 30);
   }
   tbody {
     tr {
       &:nth-of-type(even) {
-        background-color: darken($color-gray, 10);
+        background-color: darken($color-gray, 30);
       }
       &:nth-of-type(odd):hover {
         background-color: inherit !important;

docs/.vuepress/theme/styles/_typography.scss

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Spectral+SC:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Oswald:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
 
 @font-face {
   font-family: "ornaments";
@@ -51,26 +51,26 @@ $icon-bookmark: "\e900";
   }
 }
 
-@keyframes gold-pulse {
+@keyframes gold-flash {
   0% {
     color: $color-gold-light;
   }
-  50% {
+  10% {
-    color: $color-gold-dark;
+    color: $color-gold;
   }
   100% {
-    color: $color-gold-light;
+    color: $color-gold;
   }
 }
-@keyframes gold-pulse-background {
+@keyframes gold-pulse {
   0% {
-    background-color: $color-gold;
+    color: darken($color-gold, 10);
   }
   50% {
-    background-color: darken($color-gold, 20);
+    color: lighten($color-gold, 10);
   }
   100% {
-    background-color: $color-gold;
+    color: darken($color-gold, 10);
   }
 }
 
@@ -83,6 +83,7 @@ $icon-bookmark: "\e900";
   animation-duration: 6s;
   animation-iteration-count: infinite;
 }
+
 .breadcrumb-logo {
   color: $color-gold;
 }
@@ -100,9 +101,10 @@ $icon-bookmark: "\e900";
 }
 .glowing-gold {
   color: $color-gold;
-  animation-name: gold-pulse;
+  animation-name: gold-flash;
   animation-duration: 4s;
   animation-iteration-count: infinite;
+
 }
 .glowing-gold-background {
   background-color: $color-gold;
@@ -124,8 +126,14 @@ $icon-bookmark: "\e900";
 }
 
 .v-application {
-  h1, h2, h3, h4, h5, h6, .title, .subtitle, .subtitle-2, .site-title {
+  h1, h2, h3, h4, h5, h6, .title, .subtitle, .subtitle-2, .site-title, .v-btn, .v-breadcrumbs {
-    font-family: 'Spectral SC', serif !important;
+    font-family: 'Oswald', sans-serif !important;
+  }
+  .site-title {
+    font-size: 1rem;
+  }
+  .v-btn, .v-breadcrumbs {
+    font-weight: 400;
   }
 }
 

docs/README.md

@@ -1,25 +1,25 @@
 ---
-title: Accueil
+title: "5e DRS"
 notEditable: true
 toc: false
 ---
-§§§ .text-center
+§§§ .text-center .mt-4 .mb-8
 # Document de Référence Système
 §§§
 
 <v-row>
 <v-col cols="12" md="6">
 
-Bienvenue sur le site **Document de Référence Système** pour les jeux de rôle en OGL _**5E**_ !
+Bienvenue sur le site **Document de Référence Système** pour les jeux de rôle en OGL _**5e**_ !
 
 # Une nouvelle ère
 Amis rôlistes,
 
-Une ère s'achève, une autre commence. Voici _**5E DRS**_, le Document de Référence Système en ligne pour les jeux de rôle en OGL 5E !
+Une ère s'achève, une autre commence. Voici _**5e DRS**_, le Document de Référence Système en ligne pour les jeux de rôle en OGL 5e !
 
 Pour l'occasion, l'interface a bénéficié d'un nouveau coup de pinceau avec des couleurs plus douces.
 
-Cette fois, le site ne fait référence à aucun jeu en particulier, mais à des ressources compatibles 5E sous licence OGL.
+Cette fois, le site ne fait référence à aucun jeu en particulier, mais à des ressources compatibles 5e sous licence OGL.
 
 J'espère qu'il rencontrera le même succès auprès de vous que la mouture précédente.
 
@@ -63,7 +63,7 @@ _le 6 février 2021_
 
 ### À propos de ce site
 &nbsp;
-<v-icon>mdi-discord</v-icon> [Discord 5E DRS](https://discord.gg/mp6ECCs), pour discuter de ce site, signaler des erreurs, des bugs ou suggérer une amélioration.  
+<v-icon>mdi-discord</v-icon> [Discord 5e DRS](https://discord.gg/mp6ECCs), pour discuter de ce site, signaler des erreurs, des bugs ou suggérer une amélioration.  
 <v-icon>mdi-github</v-icon> [Sources Github](https://github.com/em-squared/5e-drs), tout le code source en licence GPLv3.  
 <v-icon>mdi-github</v-icon> [Soumettre une demande](https://github.com/em-squared/5e-drs/issues/new), pour signaler une erreur, un bug ou suggérer une amélioration. Tâchez d'être le plus exhaustif et précis possible. S'il y a une erreur, vous devez fournir le lien vers l'erreur et la source de la correction. S'il y a un bug, vous devez fournir une méthode de reproduction.
 

docs/a-propos/README.md

@@ -34,7 +34,7 @@ Cette nouvelle version a pu voir le jour grâce à la contribution de bénévole
 Cette liste n'est certainement pas exhaustive.
 
 ## Le jeu
-Le système _**5E**_ est un jeu de rôle basé sur les mécaniques de l'[OGL5](/licence-ogl/).
+Le système _**5e**_ est un jeu de rôle basé sur les mécaniques de l'[OGL5](/licence-ogl/).
 
 Le _**Livre des monstres**_ est une traduction de [Black Book Éditions](https://www.black-book-editions.fr) du _**Tome of Beasts**_ publié à l'origine par [Kobold Press](https://koboldpress.com/).