Fix templates for new appv2

less/colors.less

@@ -1,15 +1,21 @@
 :root {
-  
-  /* =================== 2. DEBUGGING HIGHLIGHTERS ============ */ 
+
+  /* =================== 2. DEBUGGING HIGHLIGHTERS ============ */
     // --debug-background-color-red: #ff000054;
     // --debug-background-color-blue: #1d00ff54;
     // --debug-background-color-green: #54ff0054;
-  
+
     // --debug-box-shadow-red: inset 0 0 2px red;
     // --debug-box-shadow-blue: inset 0 0 2px blue;
     // --debug-box-shadow-green: inset 0 0 2px green;
-  
+
+
   /* =================== 3. some constants ============ */
+    --fieldset-background: url(/ui/parchment.jpg);
+    --rdd-color-text-primary: rgba(10, 10, 10, 0.9);
+    --rdd-input-background:rgba(0, 0, 0, 0.05);
+    --rdd-color-border-input: rgba(0, 0, 0, 0.2);
+    --rdd-bg-input: rgba(255, 255, 255, 0.1);
     --color-controls:rgba(0, 0, 0, 0.9);
     --color-controls-light:hsla(0, 0%, 20%, 0.8);
     --color-controls-hover:hsla(60, 100%, 75%, 0.7);
@@ -30,9 +36,9 @@
       hsla(250, 30%, 30%, 0.7) 50%,
       hsla(250, 50%, 40%, 0.1) 75%,
       hsla(30, 30%, 40%, 0.1) 75%,
-      hsla(50, 100%, 80%, 0.7) 
+      hsla(50, 100%, 80%, 0.7)
     );
-  
+
     --background-custom-button: linear-gradient(to bottom, rgba(33, 55, 74, 0.988) 5%, rgba(21, 40, 51, 0.671) 100%);
     --background-custom-button-hover: linear-gradient(to bottom, rgb(128, 0, 0) 5%, rgb(62, 1, 1) 100%);
     --background-control-selected: linear-gradient(to bottom, hsla(0, 100%, 25%, 0.5) 5%, hsla(0, 100%, 12%, 0.5) 100%);
@@ -42,4 +48,3 @@
     --background-error:hsla(16, 100%, 50%, 0.8);
     --color-profile-border: hsla(0, 0%, 80%, 0.05);
   }
-  

less/foundryvtt-reve-de-dragon.less

@@ -4,6 +4,8 @@
 .system-foundryvtt-reve-de-dragon {
   @import "sheets.less";
   @import "item/monnaie.less";
+  @import "item/munition.less";
+  @import "item/tarot.less";
 
   // body {
   //   --input-height: 1.4rem;

less/item/monnaie.less

@@ -1,10 +1,7 @@
-.application.sheet.fvtt-rdd {
-  .sheet-common();
-  section.window-content{
-    padding: 0rem;
+// Styles pour la feuille d'objet Monnaie
+.monnaie-content {
+
+  .item-sheet-common();
+  .item-sheet-header();
 
-    section header.sheet-header {
-        .sheet-header();
-    }
-  }
 }

less/item/munition.less

@@ -0,0 +1,7 @@
+// Styles pour la feuille d'objet Monnaie
+.munition-content {
+
+  .item-sheet-common();
+  .item-sheet-header();
+
+}

less/item/tarot.less

@@ -0,0 +1,7 @@
+// Styles pour la feuille d'objet Monnaie
+.tarot-content {
+
+  .item-sheet-common();
+  .item-sheet-header();
+
+}

less/sheets.less

@@ -1,21 +1,96 @@
-.sheet-common() {
+.item-sheet-common() {
+  padding: 0px;
 
-  .window-content{
+  // Styles pour la section de description, si le partiel utilise une structure standard
+  .editor,
+  .editor-content {
+    height: auto; // Ajuster selon le besoin
+    min-height: 100px; // Hauteur minimale pour la description
+    background: var(--rdd-bg-input-alt); // Une couleur de fond alternative
+    padding: 5px;
+    border-radius: 3px;
+    color: var(--rdd-color-text-primary);
+  }
+
+  .window-content {
     font-family: CaslonAntique;
     text-align: justify;
     font-size: 1rem;
     letter-spacing: 1px;
-  
+    padding: 0% 0 0 0;
+
     font-size: calc(var(--font-size-standard) * 1);
     color: var(--color-dark-1);
-    background: var(--background-image-base) no-repeat;
     background-size: 100% 100%;
   }
+
+  fieldset {
+    background: var(--fieldset-background);
+    color: var(--rdd-color-text-primary);
+    margin-bottom: 4px;
+    border-radius: 6px;
+    border-color: var(--rdd-color-text-primary);
+    border-width: 2px;
+  }
+
+  .form-group {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    align-items: center;
+    padding: 2px 0;
+    border-bottom: 1px solid var(--rdd-color-shadow-primary);
+    font-size: 0.9rem;
+
+    label {
+      font-weight: normal;
+      flex: 2;
+      padding-left: 5px;
+      margin: 0;
+      color: var(
+        --rdd-color-text-primary
+      ); // Assurez-vous que cette variable existe dans colors.less
+    }
+
+    .attribute-value,
+    input[type="text"],
+    input[type="number"],
+    select {
+      flex: 3;
+      background: var(--rdd-input-background);
+      border: 1px solid var(--rdd-color-border-input); // Assurez-vous que cette variable existe
+      color: var(
+        --rdd-color-text-input
+      ); // Assurez-vous que cette variable existe
+      padding: 2px 2px; // Augmentation du padding vertical
+      border-radius: 3px;
+    }
+
+    input[type="checkbox"] {
+      flex: 0 0 20px; // Taille fixe pour les cases à cocher
+      margin-left: 5px;
+    }
+  }
 }
 
-.sheet-header() {
+.item-sheet-header() {
   background: #011d33 url(../assets/ui/bg_header.webp) no-repeat left top;
   color: rgba(255, 255, 255, 1);
+  .sheet-header-row {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    h1,
+    input {
+      font-family: CaslonAntique;
+      font-size: 2.5rem;
+      font-weight: normal;
+      color: var(--window-header-title-color);
+      margin: 4px;
+      height: 3rem;
+    }
+  }
 
   :is(
     input[type="text"],
@@ -23,10 +98,11 @@
     input[type="password"],
     input[type="datetime-local"],
     input[type="date"],
-    input[type="time"]) {
-      color: rgba(255, 255, 255, 0.75);
-      background: rgba(255, 255, 255, 0.1);
-      border: 0 none;
-      margin-bottom: 0.2rem;
+    input[type="time"]
+  ) {
+    color: rgba(255, 255, 255, 0.75);
+    background: rgba(255, 255, 255, 0.1);
+    border: 0 none;
+    margin-bottom: 0.2rem;
   }
 }