Add tip box type

core/src/main/kotlin/eu/iamgio/quarkdown/ast/quarkdown/block/Box.kt

@@ -40,6 +40,11 @@ data class Box(
          */
         CALLOUT,
 
+        /**
+         * A tip.
+         */
+        TIP,
+
         /**
          * A warning.
          */

core/src/main/resources/render/theme/color/darko.css

@@ -29,6 +29,19 @@ hr {
     color: inherit;
 }
 
+.box.tip-box {
+    background-color: rgb(52, 79, 117);
+    color: white;
+}
+
+.box.tip-box > header {
+    background-color: rgb(10, 17, 26, 0.15);
+}
+
+.box.tip-box > header > h4 {
+    color: rgb(194, 236, 250);
+}
+
 .codespan-content:not(.box .codespan-content) {
     background-color: rgba(34, 74, 81, .4);
 }

core/src/main/resources/render/theme/global.css

@@ -312,19 +312,34 @@ code.focus-lines .hljs-ln-line:not(.focused),
     color: white;
 }
 
+.box.warning-box {
+    background-color: rgb(244, 206, 94);
+}
+
+.box.tip-box {
+    background-color: rgb(173, 216, 230);
+}
+
 .box.error-box > header > h4 {
     color: white;
 }
 
-.box.warning-box {
-    background-color: rgb(244, 206, 94);
+.box:is(.warning-box, .tip-box) {
     color: #333;
 }
 
+.box.tip-box > header > h4 {
+    color: rgb(25, 60, 102);
+}
+
 .box:is(.warning-box, .error-box) > header {
     background-color: rgba(0, 0, 0, 0.1);
 }
 
+.box.tip-box > header {
+    background-color: rgba(25, 60, 102, 0.1);
+}
+
 .marker {
     display: none;
 }