diff --git a/static/stylesheet/style.less b/static/stylesheet/style.less
index 68a345b..f5c82fb 100644
--- a/static/stylesheet/style.less
+++ b/static/stylesheet/style.less
@@ -566,3 +566,124 @@ ul.social {
     height: 90px;
   }
 }
+
+// Admonition
+div.admonition {
+  margin-bottom: 2.5rem;
+
+  p.admonition-title {
+    border-radius: 4px 4px 0 0;
+    font-weight: 600;
+    line-height: 1.25em;
+    padding: .5em 1em;
+    margin-bottom: 1.25em;
+    margin-top: inherit;
+  }
+
+  p, div {
+    border-radius: 4px;
+    padding: 1.25em 1.25em 0 1.25em;
+    margin-top: -1.25em;
+    margin-bottom: 0;
+  }
+
+  p.last, div.last {
+    padding-bottom: 1.25em;
+  }
+}
+
+div.admonition.attention {
+  p.admonition-title {
+    color: @admonition-attention-title-color;
+    background-color: @admonition-attention-title-bg-color;
+  }
+
+  p, div {
+    color: @admonition-attention-color;
+    background-color: @admonition-attention-bg-color;
+  }
+}
+
+div.admonition.caution {
+  p.admonition-title {
+    color: @admonition-caution-title-color;
+    background-color: @admonition-caution-title-bg-color;
+  }
+
+  p, div {
+    color: @admonition-caution-color;
+    background-color: @admonition-caution-bg-color;
+  }
+}
+
+div.admonition.danger {
+  p.admonition-title {
+    color: @admonition-danger-title-color;
+    background-color: @admonition-danger-title-bg-color;
+  }
+
+  p, div {
+    color: @admonition-danger-color;
+    background-color: @admonition-danger-bg-color;
+  }
+}
+
+div.admonition.error {
+  p.admonition-title {
+    color: @admonition-error-title-color;
+    background-color: @admonition-error-title-bg-color;
+  }
+
+  p, div {
+    color: @admonition-error-color;
+    background-color: @admonition-error-bg-color;
+  }
+}
+
+div.admonition.hint {
+  p.admonition-title {
+    color: @admonition-hint-title-color;
+    background-color: @admonition-hint-title-bg-color;
+  }
+
+  p, div {
+    color: @admonition-hint-color;
+    background-color: @admonition-hint-bg-color;
+  }
+}
+
+div.admonition.important {
+  p.admonition-title {
+    color: @admonition-important-title-color;
+    background-color: @admonition-important-title-bg-color;
+  }
+
+  p, div {
+    color: @admonition-important-color;
+    background-color: @admonition-important-bg-color;
+  }
+}
+
+div.admonition.note {
+  p.admonition-title {
+    color: @admonition-note-title-color;
+    background-color: @admonition-note-title-bg-color;
+  }
+
+  p, div {
+    color: @admonition-note-color;
+    background-color: @admonition-note-bg-color;
+  }
+}
+
+div.admonition.tip {
+  p.admonition-title {
+    color: @admonition-tip-title-color;
+    background-color: @admonition-tip-title-bg-color;
+  }
+
+  p, div {
+    color: @admonition-tip-color;
+    background-color: @admonition-tip-bg-color;
+  }
+}
\ No newline at end of file
diff --git a/static/stylesheet/variables.less b/static/stylesheet/variables.less
index 535a5e6..33f1584 100644
--- a/static/stylesheet/variables.less
+++ b/static/stylesheet/variables.less
@@ -72,3 +72,44 @@
 @mastodon-bg-color: #3088d4;
 @flickr-bg-color: #ff0084;
 @lastfm-bg-color: #d92323;
+
+// Admonition colors
+@admonition-attention-title-color: @white;
+@admonition-attention-title-bg-color: #f14668;
+@admonition-attention-color: #ff3860;
+@admonition-attention-bg-color: #feecf0;
+
+@admonition-caution-title-bg-color: #ffdd57;
+@admonition-caution-title-color: #4f451b;
+@admonition-caution-bg-color: #fffbeb;
+@admonition-caution-color: #947600;
+
+@admonition-danger-title-color: @white;
+@admonition-danger-title-bg-color: @admonition-attention-title-bg-color;
+@admonition-danger-color: @admonition-attention-color;
+@admonition-danger-bg-color: @admonition-attention-bg-color;
+
+@admonition-error-title-color: @white;
+@admonition-error-title-bg-color: @admonition-attention-title-bg-color;
+@admonition-error-color: @admonition-attention-color;
+@admonition-error-bg-color: @admonition-attention-bg-color;
+
+@admonition-hint-title-color: @white;
+@admonition-hint-title-bg-color: #363636;
+@admonition-hint-color: #4a4a4a ;
+@admonition-hint-bg-color: #fafafa;
+
+@admonition-important-title-bg-color: @admonition-caution-title-bg-color;
+@admonition-important-title-color: @admonition-caution-title-color;
+@admonition-important-bg-color: @admonition-caution-bg-color;
+@admonition-important-color: @admonition-caution-color;
+
+@admonition-note-title-color: @white;
+@admonition-note-title-bg-color: #3298dc;
+@admonition-note-color: #1d72aa;
+@admonition-note-bg-color: #eef6fc;
+
+@admonition-tip-title-color: @admonition-note-title-color;
+@admonition-tip-title-bg-color: @admonition-note-title-bg-color;
+@admonition-tip-color: @admonition-note-color;
+@admonition-tip-bg-color: @admonition-note-bg-color;