color title + icon + quotation line to match github styling

Author: rahafjrw

FrontEnd/styles/readme.scss

@@ -91,15 +91,40 @@
         margin: 20px 0;
     }
 
+    .markdown-alert-note {
+        color: var(--mid-blue);
+    }
+
+    .markdown-alert-tip {
+        color: var(--dark-green);
+    }
+
+    .markdown-alert-important {
+        color: var(--mid-purple);
+    }
+
+    .markdown-alert-warning {
+        color: var(--yellow);
+    }
+
+    .markdown-alert-caution {
+        color: var(--mid-red);
+    }
+
     .markdown-alert {
         padding-left: 15px;
-        border-left: solid black;
+        fill: currentColor;
+        border-left: solid currentColor;
     }
 
     .markdown-alert-title {
         font-weight: 500;
     }
 
+    .markdown-alert p:nth-child(2) {
+        color: black;
+    }
+
     .markdown-alert-title svg {
         margin-right: 10px;
         transform: translateY(3px);