From c25320755a75fd6f221cc65f44d71d701893867a Mon Sep 17 00:00:00 2001
From: LeRatierBretonnien <sylvain@lahiette.com>
Date: Wed, 14 May 2025 23:24:42 +0200
Subject: [PATCH] Foundry v13 migraton, WIP

---
 css/foundryvtt-reve-de-dragon.css   |   4 +-
 less/fonts.less                     |   2 +-
 less/foundryvtt-reve-de-dragon.less | 443 ++++++++++++++--------------
 3 files changed, 225 insertions(+), 224 deletions(-)

diff --git a/css/foundryvtt-reve-de-dragon.css b/css/foundryvtt-reve-de-dragon.css
index 6bf4c47c..a666da80 100644
--- a/css/foundryvtt-reve-de-dragon.css
+++ b/css/foundryvtt-reve-de-dragon.css
@@ -69,7 +69,6 @@
 .sheet header.sheet-header .header-compteurs,
 .sheet header.sheet-header .flex-group-center.flex-fatigue,
 select,
-button,
 .item-checkbox,
 #sidebar,
 #players,
@@ -2040,7 +2039,8 @@ button,
 }
 .system-foundryvtt-reve-de-dragon aside#tooltip {
   background: var(--background-tooltip);
-  color: var(--color-text-dark-primary);
+  /*color: var(--color-text-dark-primary);*/
+  color: rgba(100, 100, 50, 0.85);
   font-size: 1rem;
   border-radius: 0.2rem;
   padding: 0.4rem;
diff --git a/less/fonts.less b/less/fonts.less
index f38df19b..f02a31e5 100644
--- a/less/fonts.less
+++ b/less/fonts.less
@@ -79,6 +79,6 @@
 .window-app input,
 .sheet header.sheet-header .header-compteurs,
 .sheet header.sheet-header .flex-group-center.flex-fatigue,
-select, button, .item-checkbox, #sidebar, #players, #navigation #nav-toggle {
+select,  .item-checkbox, #sidebar, #players, #navigation #nav-toggle {
     font-family: "CaslonAntique"; /* For sheet parts; For nav and title */
 }
diff --git a/less/foundryvtt-reve-de-dragon.less b/less/foundryvtt-reve-de-dragon.less
index e6679053..a87e1121 100644
--- a/less/foundryvtt-reve-de-dragon.less
+++ b/less/foundryvtt-reve-de-dragon.less
@@ -8,27 +8,27 @@
   // body {
   //   --input-height: 1.4rem;
   // }
-  
+
   .window-header{
     background: rgba(0,0,0,0.75);
   }
-  
+
   .window-app.sheet .window-content {
     margin: 0;
     padding: 0;
   }
-  
+
   section.window-content div.dialog-buttons {
     margin-top: 1rem;
   }
-  
+
   .strong-text {
     font-weight: bold;
   }
   i:is(.fas, .far, .fa-solid, .fa-regular, .fa-sharp ) {
     font-size: smaller;
   }
-  
+
   /* =================== En-têtes de feuilles ============ */
   .sheet-header h1.charname {
     height: 48px;
@@ -43,7 +43,7 @@
     height: 100%;
     margin: 0;
   }
-  
+
   .sheet-header div.header-buttons {
     height: 48px;
     padding: 0.1rem 0.1rem;
@@ -51,31 +51,31 @@
     width: fit-content;
     flex: initial;
   }
-  
+
   .sheet-header div.header-buttons img.button-img {
     padding: 0.1rem 0.1rem;
     margin: 0;
     width: fit-content;
   }
-  
+
   .sheet-header div.tmr-buttons {
     padding: 0;
     margin: 0;
     flex: 0;
     flex-direction: column;
   }
-  
+
   .sheet-header div.tmr-buttons img.button-img {
     max-width: 32px;
     padding: 0;
     margin-top: -8px;
     margin-bottom: -8px;
   }
-  
+
   .sheet-header :is(.header-compteurs,.header-etats,.profile-img, .profile-img-token){
     padding: 0 0.4rem;
   }
-  
+
   .sheet-header :is(.profile-img, .profile-img-token)  {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 110px;
@@ -87,7 +87,7 @@
     background-color: var(--color-profile-border);
     border: 1px solid var(--color-profile-border);
   }
-  
+
   .rdd-item-sheet-tarot img.profile-img {
     max-height: 600px;
     max-width: 200px;
@@ -106,24 +106,24 @@
     border: 1px;
     background: center / contain no-repeat url('../../assets/ui/icone_parchement_vierge.webp');
   }
-  
+
   .sheet-header .header-compteurs {
     width: calc(60% - 110px - 1rem);
     text-align: right;
     max-width: fit-content;
   }
-  
+
   .sheet-header div.header-etats {
     width: calc(40% - 32px - 1rem);
     height: 48px;
     max-width: fit-content;
     flex: initial;
   }
-  
+
   .sheet-header .resource-content {
     width: 2rem;
   }
-  
+
   /* =================== Navigation ============ */
   .sheet nav.sheet-tabs {
     font-size: 0.7rem;
@@ -145,7 +145,7 @@
     position: relative;
     padding: 0.1rem 0.2rem;
   }
-  
+
   nav.sheet-tabs .item:after {
     content: "";
     position: absolute;
@@ -155,7 +155,7 @@
     width: 1px;
     border-right: 1px dashed rgba(52, 52, 52, 0.25);
   }
-  
+
   /* =================== Fenêtre TMR ============ */
   div.tmrdialog {
     width: fit-content !important;
@@ -187,25 +187,25 @@
     vertical-align: top;
     flex-basis: inherit;
     flex: 'flex-shrink';
-  } 
-  
+  }
+
   /* =================== Autres ============ */
-  
+
   .tabs .item.active,
   .blessures-list li ul li:first-child:hover,
   i.moral-radio-checkmark-off:hover,
   a:hover {
     text-shadow: 1px 0px 0px #ff6600;
   }
-  
+
   .rollable:hover, .rollable:focus {
     color: #000;
     text-shadow: 0 0 10px red;
     cursor: pointer;
   }
-  
+
   table {border: 1px solid #7a7971;}
-  
+
   .grid, .grid-2col {
     display: grid;
     grid-column: span 2 / span 2;
@@ -214,8 +214,8 @@
     margin: 10px 0;
     padding: 0;
   }
-  
-  
+
+
   .grid-competence-archetype {
     display: grid;
     grid-column: span 3 / span 3;
@@ -224,57 +224,57 @@
     margin: 0.5rem 0;
     padding: 0;
   }
-  
+
   .grid-3col {
     grid-column: span 3 / span 3;
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
-  
+
   .grid-4col {
     grid-column: span 4 / span 4;
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
-  
+
   .grid-5col {
     grid-column: span 5 / span 5;
     grid-template-columns: repeat(5, minmax(0, 1fr));
   }
-  
+
   .grid-6col {
     grid-column: span 5 / span 5;
     grid-template-columns: repeat(5, minmax(0, 1fr));
   }
-  
+
   .grid-7col {
     grid-column: span 7 / span 7;
     grid-template-columns: repeat(7, minmax(0, 1fr));
   }
-  
+
   .grid-8col {
     grid-column: span 8 / span 8;
     grid-template-columns: repeat(8, minmax(0, 1fr));
   }
-  
+
   .grid-9col {
     grid-column: span 9 / span 9;
     grid-template-columns: repeat(9, minmax(0, 1fr));
   }
-  
+
   .grid-10col {
     grid-column: span 10 / span 10;
     grid-template-columns: repeat(10, minmax(0, 1fr));
   }
-  
+
   .grid-11col {
     grid-column: span 11 / span 11;
     grid-template-columns: repeat(11, minmax(0, 1fr));
   }
-  
+
   .grid-12col {
     grid-column: span 12 / span 12;
     grid-template-columns: repeat(12, minmax(0, 1fr));
   }
-  
+
   .flex-group-center {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
@@ -285,7 +285,7 @@
     text-align: center;
     padding: 0.1rem;
   }
-  
+
   .flex-group-left {
     -webkit-box-align: start;
     -webkit-box-pack: start;
@@ -295,12 +295,12 @@
     justify-content: flex-start;
     text-align: left;
   }
-  
+
   .flex-group-top {
     vertical-align: top;
     align-self: start;
   }
-  
+
   .flex-group-right {
     -webkit-box-align: end;
     -webkit-box-pack: end;
@@ -310,7 +310,7 @@
     justify-content: flex-end;
     text-align: right;
   }
-  
+
   .flex-center {
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -320,7 +320,7 @@
     justify-content: center;
     text-align: center;
   }
-  
+
   .flex-between {
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
@@ -389,7 +389,7 @@
     justify-content: flex-end;
     text-align: right;
   }
-  
+
   .blessure-control {
     flex-grow: 1;
     flex-direction: row;
@@ -436,7 +436,7 @@
     color: rgba(173, 36, 26, 0.9);
     text-shadow: 1px 1px 4px rgba(60, 60, 60, 1);
   }
-  
+
   .rdd-dialog-select img.select-img {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 48px;
@@ -448,19 +448,19 @@
     object-fit: cover;
     vertical-align: baseline;
   }
-  
+
   .rdd-dialog-select li.select-choice {
     vertical-align: baseline;
     padding: 0.1rem;
   }
-  
+
   .dice-img {
     border-width: 0;
     max-width: 1.5rem;
     max-height: 1.5rem;
     vertical-align: top;
   }
-  
+
   .in-text-img {
     max-width: 1.2em;
     max-height: 1.2em;
@@ -479,7 +479,7 @@
     border: none;
     padding: 0rem;
   }
-  
+
   .button-img {
     vertical-align: baseline;
     max-width: 32px;
@@ -522,44 +522,44 @@
     text-shadow: 1px 0px 0px #ff6600;
     cursor: pointer;
   }
-  
+
   .small-button-container {
     max-height: 16px;
     max-width: 16px;
     border: 0;
     vertical-align: bottom;
   }
-  
+
   .foundryvtt-reve-de-dragon .sheet-header .header-fields {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
   }
-  
+
   .foundryvtt-reve-de-dragon .sheet-header h1.charname {
     height: 50px;
     padding: 0px;
     margin: 5px 0;
     border-bottom: 0;
   }
-  
+
   .foundryvtt-reve-de-dragon .sheet-header h1.charname input {
     width: 100%;
     height: 100%;
     margin: 0;
   }
-  
+
   .foundryvtt-reve-de-dragon .sheet-tabs {
     -webkit-box-flex: 0;
     -ms-flex: 0;
     flex: 0;
   }
-  
+
   .foundryvtt-reve-de-dragon .sheet-body,
   .foundryvtt-reve-de-dragon .sheet-body .tab {
     height: 100%;
   }
-  
+
   .rdd.sheet .window-content {overflow: hidden;}
   .rdd.sheet .window-content .sheet-body {overflow-y: scroll;}
   .rdd.sheet .window-content .sheet-body .tab {padding-bottom: 30px;}
@@ -568,7 +568,7 @@
     width: 100%;
     flex-grow: 0;
   }
-  
+
   .rdd.sheet .window-content .sheet-body .carac-list .caracteristique {
     flex-wrap: nowrap;
     justify-content: stretch;
@@ -579,7 +579,7 @@
     flex-basis: 7.5em;
     width: max-content;
   }
-  
+
   .carac-label {
     font-weight: bold;
     flex-basis: 40%;
@@ -651,64 +651,64 @@
     min-height: 12rem;
     padding: 0 3px;
   }
-  
+
   .editor {
     border: 2;
     height: fit-content;
     min-height: 5rem;
     padding: 0 3px;
   }
-  
+
   .medium-editor {
     border: 2;
     min-height: 8rem;
     padding: 0 3px;
     align-items: top;
   }
-  
+
   .small-editor {
     border: 2;
     min-height: 2rem;
     padding: 0 3px;
   }
-  
+
   .foundryvtt-reve-de-dragon.sheet :is(.large-editor,.editor,.medium-editor,.small-editor){
     align-items: start;
   }
-  
+
   .foundryvtt-reve-de-dragon.sheet :is(.large-editor,.editor,.medium-editor,.small-editor) .editor.prosemirror{
     align-items: normal;
   }
-  
+
   .foundryvtt-reve-de-dragon .tox .tox-editor-container {
     background: #fff;
   }
-  
+
   .foundryvtt-reve-de-dragon .tox .tox-edit-area {
     padding: 0 8px;
   }
-  
+
   .foundryvtt-reve-de-dragon .resource-label {
     font-weight: bold;
     text-transform: uppercase;
   }
-  
+
   .foundryvtt-reve-de-dragon .tabs {
     height: 40px;
     border-top: 1px solid #AAA;
     border-bottom: 1px solid #AAA;
   }
-  
+
   .foundryvtt-reve-de-dragon .tabs .item {
     line-height: 40px;
     font-weight: bold;
   }
-  
+
   .foundryvtt-reve-de-dragon .tabs .item.active {
     text-decoration: underline;
     text-shadow: none;
   }
-  
+
   .foundryvtt-reve-de-dragon .item-list {
     list-style: none;
     padding: 0;
@@ -717,19 +717,19 @@
   .item-list-title{
     flex: 0;
   }
-  
+
   .foundryvtt-reve-de-dragon .item-list .item-header {
     font-weight: bold;
   }
-  
+
   .foundryvtt-reve-de-dragon .item-list .item img {
     display: inline;
   }
-  
+
   .foundryvtt-reve-de-dragon .item-list .item-name {
     margin: 0;
   }
-  
+
   .competence-list .item-controls,
   .competence-list .item-actions-controls {
     display: contents !important;
@@ -738,7 +738,7 @@
   .competence-list .item-controls.hidden-controls {
     display: none !important;
   }
-  
+
   .item-actions-controls a.actionItem i:is(.fas, .fa, .fa-solid, .fa-regular),
   .item-controls i:is(.fas, .fa, .fa-solid, .fa-regular) {
     font-size: 0.8em;
@@ -748,7 +748,7 @@
   .item-controls i:is(.fas, .far, .fa-solid, .fa-regular):hover {
     opacity: 0.6;
   }
-  
+
   .rdd-roll-dialog .description-sort {
     max-width: 550px;
   }
@@ -788,7 +788,7 @@
     border-radius: 6px; padding: 3px;
     background: var(--gradient-red);
   }
-  
+
   .rdd-niveau-requis{
     font-size: 0.8rem;
     text-align: right;
@@ -799,17 +799,17 @@
   .table-resolution-carac {
     background-color: yellow;
   }
-  
+
   .table-resolution-target {
     font-weight: bold;
     background-color: lightblue;
   }
-  
+
   div.placeholder-resolution span.table-proba-reussite{
     font-size: 0.8rem;
     padding: 5px;
   }
-  
+
   .poesie-extrait {
     font-size: 0.9rem;
     font-style: italic;
@@ -829,18 +829,18 @@
     overflow: visible;
     border-left: 0px
   }
-  
+
   .type-compendium{
     font-size: 0.6rem;
   }
-  
+
   /* ======================================== */
   /* Sheet  */
   .window-app.sheet .window-content .sheet-header{
     background: #011d33 url(../assets/ui/bg_header.webp) no-repeat left top;
     color: rgba(255, 255, 255, 1);
   }
-  
+
   .window-app.sheet .window-content .sheet-header :is(
       input[type="text"],
       input[type="number"],
@@ -853,13 +853,13 @@
     border: 0 none;
     margin-bottom: 0.2rem;
   }
-  
+
   input[type="number"] {
     text-align: right;
     padding-right: 0.5rem;
     max-width: 7rem;
   }
-  
+
   select:is(.number-x,.number-x2,.number-x3,.number-x4,.number-x5) {
     padding-right: 0.2rem;
     text-align: center;
@@ -887,7 +887,7 @@
   :is(input,select).number-x5 {
     max-width: 4.4rem;
   }
-  
+
   form.rdddialogchrono input[type=datetime-local] {
     min-width: 20px;
     padding: 0;
@@ -903,33 +903,33 @@
     width: 14rem;
     margin: 0.4rem;
   }
-  
+
   .app-calendar-astrologie div.horloge-roue {
     position: relative;
     left: calc(50% - 6.5rem);
     width: 13rem;
     height: 13rem;
   }
-  
+
   .app-calendar-astrologie div.horloge-roue div.horloge-heure {
     position: absolute;
     width: 1.8rem;
     height: 1.8rem;
   }
-  
+
   .app-calendar-astrologie div.horloge-roue div.horloge-heure img.horloge-heure-img {
     width: 2rem;
     height: 2rem;
   }
-  
+
   .window-app .window-content, .window-app.sheet .window-content .sheet-body{
     background: rgb(245,245,240) url(../assets/ui/bg_left.webp) no-repeat left top;
   }
-  
+
   section.sheet-body {
     padding: 0.25rem 0.5rem;
   }
-  
+
   .sheet header.sheet-header h1 {
     flex: 3;
   }
@@ -937,11 +937,11 @@
     padding: 1px;
     margin: 1px;
   }
-  
+
   .sheet .tab[data-tab] {
     padding: 0;
   }
-  
+
   section.sheet-body:after {
     content: "";
     display: block;
@@ -959,7 +959,7 @@
     white-space: nowrap;
     word-break: break-all;
   }
-  
+
   span.content-link,
   a.content-link {
     background: hsla(45, 100%, 80%, 0.2);
@@ -975,8 +975,8 @@
     color: var(--color-text-dark-inactive);
     margin-right: 0.25em;
   }
-  
-  
+
+
   li label.compteur {
     display: inline-block;
     flex-direction: row;
@@ -989,7 +989,7 @@
   .compteur a i:is(.fas,.far):hover {
     opacity: 0.7  ;
   }
-  
+
   .select-diff {
     display: inline-block;
     text-align: left;
@@ -1001,14 +1001,14 @@
     width: 100%;
     max-width: 90%;
   }
-  
+
   .window-app.sheet .window-content .tooltip:hover .tooltiptext {
     top: 2rem;
     left: 2rem;
     margin: 0;
     padding: 0.25rem;
   }
-  
+
   .window-app.sheet .window-content .carac-value,
   .window-app.sheet .window-content .competence-xp {
     flex-grow: 0;
@@ -1037,16 +1037,16 @@
     flex-basis: 2rem;
     text-align: center;
   }
-  
+
   /* ======================================== */
   /* Global UI elements  */
-  
+
   /* ======================================== */
-  
+
   h1, h2, h3, h4 {
     font-weight: bold;
   }
-  
+
   ul, ol {
       margin: 0;
       padding: 0;
@@ -1074,11 +1074,11 @@
     padding: 0.1rem 0.1rem 0.1rem 1.2rem;
     max-height: 1.2rem;
   }
-  
+
   span.embed-inline {
     display: inline-flex;
   }
-  
+
   .alterne-list > .list-item:hover {
     background: rgba(100, 100, 50, 0.25);
   }
@@ -1088,7 +1088,7 @@
   .alterne-list > .list-item:nth-child(odd) {
     background: rgba(160, 130, 100, 0.05);
   }
-  
+
   .attribute-value.field-error,
   .list-item .field-error {
     background-color: var(--background-error);
@@ -1098,7 +1098,7 @@
     box-shadow: inset 0px 0px 1px #00000096;
     border-radius: 0.25rem;
     padding: 0.1rem;
-    flex: 1 1 5rem;  
+    flex: 1 1 5rem;
     background: var(--gradient-gold) !important;
   }
   .niveau-archetype {
@@ -1147,14 +1147,14 @@
   .conteneur-type {
     background: rgba(200, 10, 100, 0.25);
   }
-  
+
   .item-column {
     margin-left: 0.2rem;
     margin-right: 0.2rem;
     justify-content: center;
     text-align: center;
   }
-  
+
   ul.list-item-margin1 li {
     margin-left: 0.8rem;
   }
@@ -1173,7 +1173,7 @@
   ul.list-item-margin6 li {
     margin-left: 4.8rem;
   }
-  
+
   .grid-select-type-tmr {
     display: grid;
     grid-column: span 4 / span 4;
@@ -1190,7 +1190,7 @@
     margin: 0.1rem;
     padding: 0;
   }
-  
+
   .sheet-competence-img {
     max-width: 24px;
     max-height: 24px;
@@ -1249,7 +1249,7 @@
     margin-right: 0.2rem;
     margin-left: 0.2rem;
   }
-  .item-label { 
+  .item-label {
     font-weight: bold;
   }
   .pointsreve-value {
@@ -1265,7 +1265,7 @@
     margin-right: 4px;
     margin-left: 4px;
   }
-  
+
   /* ======================================== */
   table.table-nombres-astraux {
     border: 2px solid rgba(0, 0, 0, 0.8);
@@ -1286,10 +1286,10 @@
   table.table-nombres-astraux tr:hover {
     background-color: hsla(38, 20%, 50%, 0.5);
   }
-  
+
   /* ======================================== */
   .token-hud-ext {
-    display: flex; 
+    display: flex;
     flex: 0 !important;
     font-family: CaslonPro;
     font-weight: 600;
@@ -1309,7 +1309,7 @@
     max-width: 8rem;
     line-height: 1rem;
   }
-  
+
   .token-hud-ext.right {
     flex-direction: column;
     position: absolute;
@@ -1344,13 +1344,13 @@
     left: 0px;
     text-align: center;
   }
-  
+
   /* ======================================== */
   /* dialogue competence : Appel au moral */
   .diffAppelAuMoral {
     display: none !important;
   }
-  
+
   .imgAppelAuMoral	 {
     height: 20px;
     width: 20px;
@@ -1358,39 +1358,39 @@
     outline: none;
     background-size: cover;
   }
-  
+
   /* Tooltip container */
   .tooltipAppelAuMoral {
     position: relative;
     display: inline-block;
-    border-bottom: 0; 
+    border-bottom: 0;
   }
-  
+
   /* Show the tooltip text when you mouse over the tooltip container */
   .tooltipAppelAuMoral:hover .tooltipAppelAuMoralText {
     visibility: visible;
     opacity: 1;
   }
-  
+
   /* Tooltip text */
   .tooltipAppelAuMoral .tooltipAppelAuMoralText {
     text-align: center;
-    
+
     /* Position the tooltip text */
     position: absolute;
     z-index: 1;
     left: 25px;
-    
+
     /* Fade in tooltip */
     visibility: hidden;
     opacity: 0;
     transition: opacity 0.3s;
   }
-  
+
   .tendre-moment {
     color: hsla(293, 72%, 44%, 0.8);
   }
-  
+
   /* ======================================== */
   /* Fatigue CSS */
   .table-fatigue {
@@ -1421,7 +1421,7 @@
   .flex-actions-bar  {
     flex-grow: 2;
   }
-  
+
   /* ======================================== */
   /* Sidebar CSS */
   #sidebar {
@@ -1430,33 +1430,33 @@
     background-position: 100%;
     color: rgba(220,220,220,0.75);
   }
-  
+
   #sidebar-tabs > .collapsed, #chat-controls .chat-control-icon {
     color: rgba(220,220,220,0.75);
     text-shadow: 1px 1px 0 rgba(0,0,0,0.75);
   }
-  
+
   .sidebar-tab .directory-list .entity {
       border-top: 1px dashed rgba(0,0,0,0.25);
       border-bottom: 0 none;
-      padding: 0.2rem 0; 
+      padding: 0.2rem 0;
   }
-  
+
   .sidebar-tab .directory-list .entity:hover {
     background: rgba(0,0,0,0.05);
     cursor: pointer;
   }
-  
+
   .chat-message {
     background: rgba(220,220,210,0.5);
     font-size: 1rem;
   }
-  
+
   .chat-message header.message-header .heure-rdd {
     font-size: 0.7rem;
     flex-grow: 3;
   }
-  
+
   .chat-message.whisper {
     background: rgba(220,220,210,0.75);
     border: 2px solid #545469;
@@ -1475,7 +1475,7 @@
     padding: 1px;
     vertical-align: text-top;
   }
-  
+
   #sidebar-tabs {
     flex: 0 0 28px;
     box-sizing: border-box;
@@ -1483,13 +1483,13 @@
     border-bottom: 1px solid rgba(0,0,0,0);
     box-shadow: inset 0 0 2rem rgba(0,0,0,0.5);
   }
-  
+
   #sidebar-tabs > .item.active {
     border: 1px solid rgba(114,98,72,1);
     background: rgba(30, 25, 20, 0.75);
     box-shadow: 0 0 6px inset rgba(114,98,72,1);
   }
-  
+
   #sidebar #sidebar-tabs i{
     width: 23px;
     height: 23px;
@@ -1497,9 +1497,9 @@
     background-position:center;
     background-size:cover;
     text-shadow: 1px 1px 0 rgba(0,0,0,0.75);
-  
+
   }
-  
+
   #sidebar #sidebar-tabs i:is(
     .fa-comments, .fa-fist-raised, .fa-swords,
     .fa-users, .fa-user, .fa-map, .fa-suitcase,
@@ -1518,14 +1518,14 @@
   #sidebar #sidebar-tabs i.fa-music {background: url("../assets/ui/icon_sidebar_music.svg") no-repeat;}
   #sidebar #sidebar-tabs i.fa-atlas {background: url("../assets/ui/icon_sidebar_compendium.svg") no-repeat;}
   #sidebar #sidebar-tabs i.fa-cogs {background: url("../assets/ui/icon_sidebar_settings.svg") no-repeat;}
-  
+
   #combat #combat-controls {
     box-shadow: inset 0 0 2rem rgba(0,0,0,0.5);
   }
-  
+
   /*--------------------------------------------------------------------------*/
   /* Control, Tool, hotbar & navigation */
-  
+
   #controls .scene-control, #controls .control-tool {
     box-shadow: 0 0 3px #000;
     margin: 0 0 8px;
@@ -1548,12 +1548,12 @@
     border-image-outset: 0px;
     box-shadow: 0 0 3px #ff6400;
   }
-  
+
   #hotbar #action-bar #macro-list {
     border: 1px solid rgba(72, 46, 28, 1);
     box-shadow: 2px 2px 5px #000000;
   }
-  
+
   #hotbar #action-bar .macro {
     border-image: url(../assets/ui/bg_control.webp) 21 repeat;
     border-image-slice: 6 6 6 6 fill;
@@ -1561,23 +1561,23 @@
     border-image-outset: 0px 0px 0px 0px;
     border-radius: 0px;
   }
-  
-  #hotbar .bar-controls {  
+
+  #hotbar .bar-controls {
     background: rgba(30, 25, 20, 1);
     border: 1px solid rgba(72, 46, 28, 1);
   }
-  
+
   #players {
     border-image: url(../assets/ui/footer-button.webp) 10 repeat;
     border-image-width: 4px;
     border-image-outset: 0px;
     background: rgba(30, 25, 20, 1);
   }
-  
+
   #navigation #scene-list .scene.nav-item.active {
     background: rgba(72, 46, 28, 1);
   }
-  
+
   #navigation #scene-list .scene.nav-item {
     background: rgba(30, 25, 20, 1);
     background-origin: padding-box;
@@ -1585,7 +1585,7 @@
     border-image-width: 4px;
     border-image-outset: 0px;
   }
-  
+
   #navigation #scene-list .scene.view, #navigation #scene-list .scene.context {
     background: rgba(72, 46, 28, 1);
     background-origin: padding-box;
@@ -1594,7 +1594,7 @@
     border-image-outset: 0px;
     box-shadow: 0 0 3px #ff6400;
   }
-  
+
   #navigation #nav-toggle {
     background: rgba(30, 25, 20, 1);
     background-origin: padding-box;
@@ -1602,8 +1602,8 @@
     border-image-width: 4px;
     border-image-outset: 0px;
   }
-  
-  
+
+
   .window-app.calendar {
     display: inline-block;
     background: none;
@@ -1613,13 +1613,13 @@
     pointer-events: none;
     max-height: fit-content;
   }
-  
+
   .window-app.calendar header.window-header {
     min-width: fit-content;
     height: 1.4rem;
     pointer-events: all;
   }
-  
+
   .window-app.calendar .window-content {
     margin: 0;
     padding: 0;
@@ -1631,18 +1631,18 @@
     font-family: "GoudyAcc";
     pointer-events: none;
   }
-  
+
   .window-app.calendar .window-content div:is(.calendar-boutons-heure, .horloge-digitale) {
     pointer-events: all;
   }
   .window-app.calendar .window-content div.horloge-analogique {
     pointer-events: none;
   }
-  
+
   .window-app.calendar .window-content div.horloge-analogique div.horloge-roue {
     pointer-events: all;
   }
-  
+
   .window-app.calendar div.horloge-roue {
     position: relative;
     margin-bottom: 7px;
@@ -1650,7 +1650,7 @@
     width: 8rem;
     height: 8rem;
   }
-  
+
   .window-app.calendar div.horloge-roue div.horloge-heure {
     width: 1.4rem;
     height: 1.4rem;
@@ -1659,24 +1659,24 @@
     width: 1.4rem;
     height: 1.4rem;
   }
-  
+
   div.horloge-roue div {
     position: absolute;
     border: none;
     pointer-events: all;
   }
-  
+
   div.horloge-roue div.horloge-cercle {
     background: hsl(60, 20%, 95%) url(../assets/ui/bg_left.webp) no-repeat left top;
     top: 2%; left: 2%; width: 96%; height: 96%; border-radius: 50%;
   }
-  
+
   div.horloge-roue div.horloge-cercle1 {
     background: var(--gradient-daylight);
     border: 0.2rem solid rgba(100, 45, 124, 0.6);
     top: 2%; left: 2%; width: 96%; height: 96%; border-radius: 50%;
   }
-  
+
   div.horloge-roue div.horloge-cercle2 {
     border: 0.1rem solid rgba(100, 45, 124, 0.4);
     top: 17%; left: 17%; width: 66%; height: 66%; border-radius: 50%;
@@ -1700,12 +1700,12 @@
     vertical-align: middle;
     border-radius: 0.3rem;
   }
-  
+
   div.horloge-roue div img {
     border: none;
   }
-  
-  
+
+
   .window-app.calendar div.horloge-heure.heure-01 { top: calc(50% - 0.7rem + sin(-180deg) *38%); left: calc(50% - 0.7rem + cos(-180deg) *38%); }
   .window-app.calendar div.horloge-heure.heure-02 { top: calc(50% - 0.7rem + sin(-150deg) *38%); left: calc(50% - 0.7rem + cos(-150deg) *38%); }
   .window-app.calendar div.horloge-heure.heure-03 { top: calc(50% - 0.7rem + sin(-120deg) *38%); left: calc(50% - 0.7rem + cos(-120deg) *38%); }
@@ -1718,7 +1718,7 @@
   .window-app.calendar div.horloge-heure.heure-10 { top: calc(50% - 0.7rem + sin(90deg) *38%); left: calc(50% - 0.7rem + cos(90deg) *38%); }
   .window-app.calendar div.horloge-heure.heure-11 { top: calc(50% - 0.7rem + sin(120deg) *38%); left: calc(50% - 0.7rem + cos(120deg) *38%); }
   .window-app.calendar div.horloge-heure.heure-12 { top: calc(50% - 0.7rem + sin(150deg) *38%); left: calc(50% - 0.7rem + cos(150deg) *41%); }
-  
+
   .window-app.calendar-astrologie div.horloge-heure.heure-01 { top: calc(50% - 1rem + sin(-180deg) *41%); left: calc(50% - 1rem + cos(-180deg) *41%); }
   .window-app.calendar-astrologie div.horloge-heure.heure-02 { top: calc(50% - 1rem + sin(-150deg) *41%); left: calc(50% - 1rem + cos(-150deg) *41%); }
   .window-app.calendar-astrologie div.horloge-heure.heure-03 { top: calc(50% - 1rem + sin(-120deg) *41%); left: calc(50% - 1rem + cos(-120deg) *41%); }
@@ -1731,7 +1731,7 @@
   .window-app.calendar-astrologie div.horloge-heure.heure-10 { top: calc(50% - 1rem + sin(90deg) *41%); left: calc(50% - 1rem + cos(90deg) *41%); }
   .window-app.calendar-astrologie div.horloge-heure.heure-11 { top: calc(50% - 1rem + sin(120deg) *41%); left: calc(50% - 1rem + cos(120deg) *41%); }
   .window-app.calendar-astrologie div.horloge-heure.heure-12 { top: calc(50% - 1rem + sin(150deg) *41%); left: calc(50% - 1rem + cos(150deg) *41%); }
-  
+
   .window-app.calendar-astrologie div.horloge-ajustement.heure-01 { top: calc(50% - 0.4rem + sin(180deg) * 28%); left: calc(50% - 0.4rem + cos(180deg) * 28%); }
   .window-app.calendar-astrologie div.horloge-ajustement.heure-02 { top: calc(50% - 0.4rem + sin(-150deg) * 28%); left: calc(50% - 0.4rem + cos(-150deg) * 28%); }
   .window-app.calendar-astrologie div.horloge-ajustement.heure-03 { top: calc(50% - 0.4rem + sin(-120deg) * 28%); left: calc(50% - 0.4rem + cos(-120deg) * 28%); }
@@ -1744,20 +1744,20 @@
   .window-app.calendar-astrologie div.horloge-ajustement.heure-10 { top: calc(50% - 0.4rem + sin(90deg) * 28%); left: calc(50% - 0.4rem + cos(90deg) * 28%); }
   .window-app.calendar-astrologie div.horloge-ajustement.heure-11 { top: calc(50% - 0.4rem + sin(120deg) * 28%); left: calc(50% - 0.4rem + cos(120deg) * 28%); }
   .window-app.calendar-astrologie div.horloge-ajustement.heure-12 { top: calc(50% - 0.4rem + sin(150deg) * 28%); left: calc(50% - 0.4rem + cos(150deg) * 28%); }
-  
+
   .window-app.calendar header.window-header h4 {
     font-size: 0.8rem;
   }
-  
+
   .window-app.calendar section.window-content div.calendar-boutons-heure {
     display: grid;
     background: hsla(0, 0%, 20%, 1);
     color: hsla(0, 0%, 80%, 0.8);
-    
+
     grid-row: 1;
     grid-column: 10;
   }
-  
+
   .calendar-boutons-heure .calendar-btn:is(.calendar-lyre,.calendar-vaisseau) img {
     color: hsla(0, 0%, 100%, 0.5);
     border: none;
@@ -1766,7 +1766,7 @@
     max-height: 1.2em;
     margin: 1px;
   }
-  
+
   .calendar-boutons-heure i {
     border: 1px solid rgba(0, 0, 0, 0);
   }
@@ -1775,7 +1775,7 @@
     border: 1px solid var(--color-control-border-hover);
     cursor: pointer;
   }
-  
+
   .calendar-1min     { grid-column: 1;}
   .calendar-5min     { grid-column: 2;}
   .calendar-15min    { grid-column: 3;}
@@ -1786,29 +1786,29 @@
   .calendar-vaisseau { grid-column: 8;}
   .calendar-set-datetime { grid-column: 9;}
   .calendar-astrologie   { grid-column: 10;}
-  
+
   div.horloge-analogique {
     border: none;
     margin: 0;
   }
-  
+
   div.horloge-analogique.horloge-analogique-hidden {
     visibility: hidden;
   }
-  
+
   div.horloge-digitale {
     color: #CCC;
     background: hsla(0, 0%, 20%, 1);
     text-align: center;
     width: 100%;
   }
-  
+
   div.horloge-digitale :is(.calendar-heure-texte,.calendar-minute-texte) {
     font-size: 1rem;
     pointer-events: all;
     margin: 0;
   }
-  
+
   div.horloge-digitale a {
     border: 1px solid rgba(0, 0, 0, 0);
   }
@@ -1817,24 +1817,24 @@
     border: 1px solid var(--color-control-border-hover);
     cursor: pointer;
   }
-  
+
   div.calendar-timestamp-edit select.calendar-signe-heure {
     width: max-content;
   }
-  
+
   /* Tooltip container */
   .tooltip {
     position: relative;
     display: inline-block;
   }
-  
+
   .tooltip-dotted {
     border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
   }
-  
+
   /* Tooltip text */
   .tooltip .tooltiptext {
-    text-align: center;  
+    text-align: center;
     /* Position the tooltip text */
     position: absolute;
     z-index: 1;
@@ -1843,25 +1843,25 @@
     opacity: 0;
     transition: opacity 0.3s;
   }
-  
+
   .tooltip .left-competence {
     transform: translate(-100%, 0%);
   }
-  
+
   .tooltip .ttt-fatigue{
     width: 360px;
-    
+
     background: rgba(30, 25, 20, 0.9);
     border-image: url(../assets/ui/bg_control.webp) 21 repeat;
     border-image-slice: 6 6 6 6 fill;
     border-image-width: 6px 6px 6px 6px;
     border-image-outset: 0px 0px 0px 0px;
     border-radius: 0px;
-  
+
     font-size: 0.8rem;
     padding: 3px 0;
   }
-  
+
   .tooltip .ttt-ajustements {
     width: 150px;
     background: var(--background-tooltip);
@@ -1869,7 +1869,7 @@
     font-size: 0.9rem;
     padding: 3px 0;
   }
-  
+
   .tooltip .ttt-titre {
     text-align: justify;
     width: 100%;
@@ -1879,24 +1879,25 @@
     font-size: 0.9rem;
     padding: 3px;
   }
-  
+
   aside#tooltip {
     background: var(--background-tooltip);
-    color: var(--color-text-dark-primary);
+    /*color: var(--color-text-dark-primary);*/
+    color: rgba(100, 100, 50, 0.85);
     font-size: 1rem;
     border-radius: 0.2rem;
     padding: 0.4rem;
   }
-  
+
   aside#tooltip span.reference {
     color: var(--color-tooltip);
     border: 1px solid var(--color-tooltip-faint);
   }
-  
+
   aside#tooltip .toolclip p.faint {
     color: var(--color-tooltip-faint);
   }
-  
+
   .tooltip :is(.ttt-xp,.ttt-levelup) {
     width: 250px;
     background: var(--background-tooltip) !important;
@@ -1904,13 +1905,13 @@
     font-size: 0.9rem;
     padding: 3px 0;
   }
-  
+
   /* Show the tooltip text when you mouse over the tooltip container */
   .tooltip:hover .tooltiptext {
     visibility: visible;
     opacity: 1;
   }
-  
+
   .chat-card-button, .chat-card-button-pushed {
     border-radius: 0.2rem;
     cursor: pointer;
@@ -1920,11 +1921,11 @@
     text-decoration: none;
     position: relative;
     margin: 0.3rem;
-    
+
     border: 2px ridge #846109;
     display: inline-block;
   }
-  
+
   .chat-card-button{
     text-shadow: 1px 1px #4d3534;
     box-shadow: inset 1x 1px #a6827e;
@@ -1932,7 +1933,7 @@
     background: var(--background-custom-button);
     background-color: #7d5d3b00;
   }
-  
+
   .chat-card-button-pushed {
     text-shadow: 1px 1px  hsla(202, 30%, 70%, 0.5);
     box-shadow: inset -1px -1px #a6827e;
@@ -1940,22 +1941,22 @@
     background: var(--major-button-color);
     background-color: #7d5d3b00;
   }
-  
+
   .chat-card-button:hover {
     background: var(--background-custom-button-hover);
     background-color: red;
   }
-  
+
   .chat-card-button-pushed:hover {
     background: var(--background-custom-button-hover);
     background-color: red;
   }
-  
+
   .chat-card-button:active, .chat-card-button-pushed:active {
     position:relative;
     top:1px;
   }
-  
+
   /* Dropdown Content (Hidden by Default) */
   .button-dropdown-content {
     display: none;
@@ -1967,7 +1968,7 @@
     max-height: 14rem;
     z-index: 10;
   }
-  
+
   .button-dropdown {
     position: relative;
     display: inline-block;
@@ -1978,7 +1979,7 @@
   }
   /* Show the dropdown menu on hover */
   .button-dropdown:hover .button-dropdown-content {display: block;}
-  
+
   /* Links inside the dropdown */
   .button-dropdown-content a {
     color: black;
@@ -1986,16 +1987,16 @@
     text-decoration: none;
     display: block;
   }
-  
+
   /* Change color of dropdown links on hover */
   .button-dropdown-content a:hover {background-color: #ddd;}
-  
+
   /* ======== autocomplete ======= */
   .autocomplete {
     position: relative;
     display: inline-block;
   }
-  
+
   .autocomplete-items {
     position: absolute;
     border: 1px solid var(--color-border-dark);
@@ -2007,25 +2008,25 @@
     left: 0;
     right: 0;
   }
-  
+
   .autocomplete-items div {
     padding: 10px;
     cursor: pointer;
-    background-color: #fff; 
-    border-bottom: 1px solid #d4d4d4; 
+    background-color: #fff;
+    border-bottom: 1px solid #d4d4d4;
   }
-  
+
   /*when hovering an item:*/
   .autocomplete-items div:hover {
-    background-color: #e9e9e9; 
+    background-color: #e9e9e9;
   }
-  
+
   /*when navigating through the items using the arrow keys:*/
   .autocomplete-active {
-    background-color: DodgerBlue !important; 
-    color: #ffffff; 
+    background-color: DodgerBlue !important;
+    color: #ffffff;
   }
-  
+
   /*************************************************************/
   #pause
   {
@@ -2044,13 +2045,13 @@
     top: -75px;
     left: calc(50% - 132px);
   }
-  
+
   #logo {
     content : url(../assets/ui/logo.webp);
     width: 80px;
     height: 68px;
   }
-  
+
   div.vl {
     border: 1px solid ;
     border-color: hsla(0, 0%, 0%, 0.5);
@@ -2084,5 +2085,5 @@
     width: fit-content;
     margin: 0.2rem 0.5rem;
   }
-  
+
 }