Create stylesheet

Author: Synaptic149

source/docs/stylesheets/extra.css

@@ -0,0 +1,17 @@
+:root {
+    --md-admonition-icon--caution: .icons/material/error.svg
+}
+  .md-typeset .admonition.caution,
+  .md-typeset details.caution {
+    border-color: rgb(192, 189, 0);
+  }
+  .md-typeset .caution > .admonition-title,
+  .md-typeset .caution > summary {
+    background-color: rgba(192, 189, 0, 0.1);
+  }
+  .md-typeset .caution > .admonition-title::before,
+  .md-typeset .caution > summary::before {
+    background-color: rgb(192, 189, 0);
+    -webkit-mask-image: var(--md-admonition-icon--caution);
+            mask-image: var(--md-admonition-icon--caution);
+  }

source/mkdocs.yml

@@ -93,6 +93,8 @@ theme:
       toggle:
         icon: material/brightness-4
         name: Switch to system preference
+extra_css:
+  - stylesheets/extra.css
 plugins:
   - git-committers:
       repository: Skyhawkbotics/firstdocs