Support des jets d'attributs et d'aptitudes

Ajout des macros
Amélioration des cartons dans le chat avec gestion des succès/échecs/échecs critiques.
Support des carrières dans les dialogues de tests d'attibuts et d'aptitudes.

styles/global/chat.less

@@ -0,0 +1,26 @@
+.message-header {
+  h2.damage{
+    color: @colorDamage;
+    font-weight: bold;
+  }
+  h2.critical{
+    color: @colorCritical;
+    font-weight: bold;
+  }
+  h2.fumble{
+    color: @colorFumble;
+    font-weight: bold;
+  }
+  h2.success{
+    color: @colorSuccess;
+    font-weight: bold;
+  }
+  h2.failure{
+    color: @colorFailure;
+    font-weight: bold;
+  }
+  h2.roll{
+    color: @colorRoll;
+    font-weight: bold;
+  }
+}

styles/global/colors.less

@@ -12,6 +12,7 @@
 @c-blue: #009ee0;
 @c-green: #44a12b;
 @c-red: #cd071e;
+@c-darkred: darkred;
 @c-purple: purple;
 @c-darkred: darkred;
 @c-border:#736953a6;
@@ -128,6 +129,14 @@
   color: @c-white;
 }
 
+.darkred {
+  color: @c-darkred;
+}
+.bg-darkred {
+  background: @c-darkred;
+  color: @c-white;
+}
+
 .purple {
   color: @c-purple;
 }

styles/global/forms.less

@@ -49,11 +49,6 @@
   }
 
   select {
-    //-webkit-appearance: none;
-    //-moz-appearance: none;
-    //color: $c-black;
-    //color: $colorDark;
-    //font-family: $font-primary;
     font-size: 14px;
     text-align: center;
     text-align-last: center;
@@ -61,16 +56,31 @@
     width: 100%;
     border: none;
     border-radius: 0;
-
-    //  height: calc(100% - 2px);
-    //  //border: 1px solid $colorTan;
-    //  background: rgba(0, 0, 0, 0.05);
-    //  border-radius: 0;
-    //  border: none;
-    //  box-shadow: none;
-    //  color: $colorDark;
   }
 
+  select[multiple]{
+    box-shadow: none;
+    border: none;
+    font-size: 12px;
+    &:focus {
+      option:checked {
+        background: @c-darkred linear-gradient(0deg, @c-darkred 0%, @c-darkred 100%);
+        color:white;
+      }
+    }
+  }
+  option:hover,
+  option:focus,
+  option:active,
+  option:checked,
+  option[selected] {
+    cursor: pointer;
+    background: @c-darkred linear-gradient(0deg, @c-darkred 0%, @c-darkred 100%);
+    color:white;
+  }
+  //option:not(:checked) {
+  //  color: black;
+  //} /* or whatever your default style is */
 
   label.checkbox {
     flex: auto;