diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 2e1e174..b7969d5 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -4,11 +4,11 @@ module.exports = {
   head: [
     ['link', { rel: 'icon', href: '/favicon-32x32.png' }],
     ['link', { rel: 'manifest', crossorigin:"use-credentials", href: '/manifest.json' }],
-    ['meta', { name: 'theme-color', content: '#563f5a' }],
+    ['meta', { name: 'theme-color', content: '#435a3f' }],
     ['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }],
     ['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }],
     ['link', { rel: 'apple-touch-icon', href: '/apple-touch-icon.png' }],
-    ['link', { rel: 'mask-icon', href: '/icons/safari-pinned-tab.svg', color: '#563f5a' }],
+    ['link', { rel: 'mask-icon', href: '/icons/safari-pinned-tab.svg', color: '#435a3f' }],
     ['meta', { name: 'msapplication-TileImage', content: '/icons/mstile-144x144.png' }],
     ['meta', { name: 'msapplication-TileColor', content: '#ffffff' }]
   ],
@@ -200,7 +200,7 @@ module.exports = {
     forum: 'https://www.black-book-editions.fr/forums.php?board_id=115',
     discord: 'https://discord.gg/mp6ECCs',
     discordHDNO: 'https://discord.gg/KMZkEQhe8a',
-    primaryColor: '#563f5a', // Hero
+    primaryColor: '#435a3f', // Hero
     accentColor: '#9b1c47', // Dragon
     searchPlaceholder: 'Recherche',
     nav: [
diff --git a/docs/.vuepress/public/dragon_pourpre.svg b/docs/.vuepress/public/dragon_pourpre.svg
index e5b0a7c..beecb3a 100644
--- a/docs/.vuepress/public/dragon_pourpre.svg
+++ b/docs/.vuepress/public/dragon_pourpre.svg
@@ -51,7 +51,7 @@
      inkscape:window-maximized="1"
      inkscape:current-layer="svg3411" />
   <path
-     style="fill:#563f5a;fill-opacity:1"
+     style="fill:#435a3f;fill-opacity:1"
      d="M 6.0582228,19.481747 C 5.006205,17.797199 6.0879678,15.536726 8.7077148,13.945313 11.960909,11.969103 13.408058,9.5242749 12.051378,8.2964964 10.721427,7.0929069 9.2411214,8.141793 8.4981294,10.814189 L 8.0016294,12.6 6.5875482,12.6 C 5.6965722,12.6 5.0353119,12.766467 4.8,13.05 4.5709686,13.325966 3.947643,13.49084 3.1882665,13.476316 L 1.95,13.452632 2.85,13.13717 C 3.345,12.963665 3.980721,12.620904 4.2627132,12.375477 4.5447054,12.13005 5.2150983,11.839324 5.7524754,11.729418 L 6.7295241,11.529591 7.1112186,10.211252 C 7.5952107,8.5395867 7.444674,8.385756 6.6473082,9.7371906 6.1616754,10.560277 5.8267479,10.8 5.1624117,10.8 c -0.529722,0 -1.1304144,0.29016 -1.5705147,0.758625 -0.3919806,0.417245 -0.9440854,0.720995 -1.2268999,0.675 -0.2828145,-0.04599 -0.8466093,0.228132 -1.2528774,0.609168 L 0.37345038,13.535585 0.17396512,12.472238 C -0.04876449,11.284987 0.35519604,9.4390407 1.0343228,8.5407306 L 1.480918,7.95 1.4904589,8.6072949 C 1.5064987,9.7122975 1.9846611,9.6503868 3.1173347,8.3966526 3.8508171,7.5847752 4.2,6.9098073 4.2,6.3038688 c 0,-0.571953 0.3212973,-1.247616 0.8912061,-1.8741357 0.7072668,-0.7775229 0.8930208,-0.867204 0.9,-0.4345167 C 6.0037101,4.7705523 7.1772948,4.3855854 7.95,3.3526791 9.8251944,0.84603015 11.653614,-0.09406429 13.4089,0.54594897 L 14.25,0.85263159 13.491752,0.87631578 C 12.473809,0.90811167 11.4,1.6990339 11.4,2.4170112 c 0,0.3206438 0.03375,0.5809562 0.075,0.5784719 0.04125,-0.00248 0.615,-0.1990588 1.275,-0.4368321 1.606587,-0.5787934 3.055916,-0.5525742 4.465699,0.080787 l 1.165699,0.5237038 -1.907672,0.3940233 C 14.45928,3.973242 14.487164,4.2500844 16.581414,4.6263291 17.649605,4.8182361 19.8,6.3542454 19.8,6.9253386 c 0,0.1447506 -0.6075,0.179916 -1.35,0.078145 -1.628242,-0.2231757 -1.679548,-0.0059 -0.286832,1.2147231 0.771536,0.6761979 1.111941,1.2609588 1.240974,2.1317931 l 0.177805,1.2 -0.882389,-0.825 c -1.219347,-1.1400423 -1.498769,-1.043913 -1.744045,0.6 -0.452256,3.031162 -1.615425,4.377449 -4.698493,5.43818 -2.118617,0.728911 -3.8564278,1.622624 -4.9587379,2.550157 L 6.4164459,20.055353 6.0582228,19.481747 Z"
      id="path3421"
      inkscape:connector-curvature="0" />
diff --git a/docs/.vuepress/public/manifest.json b/docs/.vuepress/public/manifest.json
index 62b9ef3..579baf7 100644
--- a/docs/.vuepress/public/manifest.json
+++ b/docs/.vuepress/public/manifest.json
@@ -6,7 +6,7 @@
   "display" : "standalone",
   "start_url" : "/index.html",
   "short_name" : "H&D DRS",
-  "theme_color" : "#563f5a",
+  "theme_color" : "#435a3f",
   "description" : "Document de référence système pour le jeu de rôle Héros & Dragons",
   "orientation" : "any",
   "background_color" : "#ffffff",
diff --git a/docs/.vuepress/theme/components/Navbar.vue b/docs/.vuepress/theme/components/Navbar.vue
index 008f70f..7f4f5e2 100644
--- a/docs/.vuepress/theme/components/Navbar.vue
+++ b/docs/.vuepress/theme/components/Navbar.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-app-bar :clipped-left="$vuetify.breakpoint.lgAndUp" :clipped-right="$vuetify.breakpoint.lgAndUp" :hide-on-scroll="$vuetify.breakpoint.mdAndDown" scroll-threshold="60" app color="#563f5a" dark>
+  <v-app-bar :clipped-left="$vuetify.breakpoint.lgAndUp" :clipped-right="$vuetify.breakpoint.lgAndUp" :hide-on-scroll="$vuetify.breakpoint.mdAndDown" scroll-threshold="60" app color="#435a3f" dark>
     <v-app-bar-nav-icon @click.stop="setDrawer" />
     <v-toolbar-title class="ml-0 mr-4 pl-4">
       <v-btn class="hidden-sm-and-down site-title" text link :to="{ path: '/' }"><img src="/dragon_blanc.svg" />&nbsp;{{ $site.title }}</v-btn>
diff --git a/docs/.vuepress/theme/enhanceApp.js b/docs/.vuepress/theme/enhanceApp.js
index 4b87ff6..8252118 100644
--- a/docs/.vuepress/theme/enhanceApp.js
+++ b/docs/.vuepress/theme/enhanceApp.js
@@ -37,12 +37,12 @@ export default ({
       themes: {
         light: {
           primary: '#9b1c47', // Dragons
-          navbar: '#563f5a', // Héros
-          accent: '#563f5a', // Héros
+          navbar: '#435a3f', // Héros
+          accent: '#435a3f', // Héros
         },
         dark: {
           primary: '#c38dcc', // Héros
-          navbar: '#563f5a', // Héros
+          navbar: '#435a3f', // Héros
           accent: '#e02867', // Dragons
         }
       }
diff --git a/docs/.vuepress/theme/styles/_colors.scss b/docs/.vuepress/theme/styles/_colors.scss
index 68c5b7b..ab24429 100644
--- a/docs/.vuepress/theme/styles/_colors.scss
+++ b/docs/.vuepress/theme/styles/_colors.scss
@@ -1,4 +1,5 @@
-$color-hero: #563f5a;
+$color-background: #e8e4dd;
+$color-hero: #435a3f;
 $color-dragon: #9b1c47;
 $color-gray: #6f6f6f;
 $color-light-gray: #ededed;
diff --git a/docs/.vuepress/theme/styles/_layout.scss b/docs/.vuepress/theme/styles/_layout.scss
index 57efe32..eb1a47f 100644
--- a/docs/.vuepress/theme/styles/_layout.scss
+++ b/docs/.vuepress/theme/styles/_layout.scss
@@ -1,3 +1,10 @@
+// .v-main {
+//   background-color: $color-background;
+// }
+// .theme--light.v-navigation-drawer {
+//   background-color: darken($color-background, 0);
+// }
+
 .column-count-2 {
   column-count: 2;
   column-gap: 25pt;