Datamodel + Appv2 migration, WIP

styles/global/chat.less

@@ -0,0 +1,99 @@
+/* ----------------------------------------- */
+/*  Chat Messages                            */
+/* ----------------------------------------- */
+
+.message-header {
+  h2.damage {
+    color: orangered;
+    font-weight: bold;
+  }
+
+  h2.critical {
+    color: green;
+    font-weight: bold;
+  }
+
+  h2.fumble {
+    color: red;
+    font-weight: bold;
+  }
+
+  h2.success {
+    color: darkgreen;
+    font-weight: bold;
+  }
+
+  h2.failure {
+    color: darkred;
+    font-weight: bold;
+  }
+
+  h2.roll {
+    color: darkslategrey;
+    font-weight: bold;
+  }
+}
+
+h2.good {
+  color: darkgreen;
+  font-weight: bold;
+}
+
+h2.bad {
+  color: darkred;
+  font-weight: bold;
+}
+
+.chat-message {
+  margin: 3px;
+  padding: 10px;
+  font-size: 14px;
+  border-radius: 0;
+  background-color: white;
+  background-image: url("/systems/bol/ui/box-border-large.webp");
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+
+  .message-header {
+    .flavor-text {
+      font-family: "IMFellDWPicaSC-Regular", serif;
+      font-size: 14px;
+
+      h2 {
+        font-family: "Modesto Condensed", "Palatino Linotype", serif;
+        font-size: 20px;
+      }
+    }
+  }
+
+  .message-content {
+    .dice-roll {
+      .dice-result {
+        .dice-formula {
+          border-radius: 0px;
+          border: 1px inset lightgray;
+          background-color: #282828;
+          color: white;
+        }
+
+        .dice-tooltip {
+          .tooltip-part {
+            .part-total {
+              border-radius: 0px;
+              border: 1px inset lightgray;
+              background-color: #2a2a2a;
+              color: white;
+            }
+          }
+        }
+
+        .dice-total {
+          border-radius: 0px;
+          border: 1px inset lightgray;
+          background-color: #2a2a2a;
+          color: white;
+        }
+      }
+    }
+  }
+}