diff --git a/README.md b/README.md
index b785bdf..0e04f75 100644
--- a/README.md
+++ b/README.md
@@ -38,6 +38,45 @@ I'm a huge fan of the "configure everything until its ugly" approach that the Je
 - Base color (light and dark theme)
 - line number color
 - configurable line marker (toggle, line number color)
+- Calouts
+  - Custom Icons for the callouts c1 to c4
+
+## Features
+
+### Fancy Code blocks
+
+Yeah i just like em
+
+### Fancy Headers
+
+I kinda like em and you can change them as you want.
+
+### Custom callouts
+
+A bunch of custom callouts.
+
+Predefined are `info`, `text` and `mt`.
+
+You can choose the Icon for `c1`, `c2`, `c3` and `c4`.
+
+Every callout has to have a color attatched.
+
+Possible colors are:
+- `pink`
+- `blue`
+- `green`
+- `yellow`
+- `red`
+- `purple`
+- `orange`
+- `light-blue`
+- `cyan`
+- `light-purple`
+
+So this is what a valid callout would look like:
+
+> [!info-pink] Title
+> Content
 
 
 # Installation
diff --git a/manifest.json b/manifest.json
index 80fd4ca..6cb9098 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,6 +1,6 @@
 { 
 	"name": "Improved Potato", 
-	"version": "1.1.1", 
+	"version": "1.1.2", 
 	"minAppVersion": "1.5.0", 
 	"author": "Dominik Meurer", 
 	"authorUrl": "https://dmeurer.github.io/" 
diff --git a/package.json b/package.json
index 514eecd..1834cbd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "improved-potato",
-    "version": "1.1.1",
+    "version": "1.1.2",
 	"scripts": {
 		"version": "node version-bump.mjs && git add manifest.json versions.json"
 	}
diff --git a/theme.css b/theme.css
index 9be4e46..c2ad092 100644
--- a/theme.css
+++ b/theme.css
@@ -50,6 +50,13 @@ body {
   --h4-size: 1.1rem;
   --h5-size: 1rem;
   --h6-size: 0.9rem;
+
+  --callout-icon-c1: lucide-scan;
+  --callout-icon-c2: lucide-scan;
+  --callout-icon-c3: lucide-scan;
+  --callout-icon-c4: lucide-scan;
+
+  --callout-icon-mt: ;
 }
 
 .theme-light {
@@ -76,6 +83,23 @@ body {
 .theme-dark {
     color-scheme: dark;
 
+    --color-red-rgb: 192, 60, 64;
+    --color-red: #c03c40;
+    --color-orange-rgb: 168, 111, 50;
+    --color-orange: #a86f32;
+    --color-yellow-rgb: 141, 139, 29;
+    --color-yellow: #8d8b1d;
+    --color-green-rgb: 51, 165, 85;
+    --color-green: #33a555;
+    --color-cyan-rgb: 51, 150, 148;
+    --color-cyan: rgb(51, 150, 148);
+    --color-blue-rgb: 2, 122, 255;
+    --color-blue: #027aff;
+    --color-purple-rgb: 16135, 110, 196;
+    --color-purple: #876ec4;
+    --color-pink-rgb: 175, 96, 138;
+    --color-pink: #af608a;
+
     --color-base-00: #171b21; /* main editor window */
     --color-base-10: #262c36; /* code blocks */
     --color-base-20: #262c36; /* side menu */
@@ -164,15 +188,6 @@ body:not(.default-font-color) span:not(.cm-highlight).cm-em {
   color: var(--em-color);
 }
 
-/* Mermaid line texts */
-body.fancy-mermaid .edgeLabel:not(:empty) {
-    background-color: var(--background-primary);
-    color: var(--text-normal);
-    border: 1px solid var(--divider-color);
-    border-radius: var(--radius-m);
-    padding: 2px;
-}
-
 /* Line numbers */
 div.cm-gutter.cm-lineNumbers {
     color: var(--line-number-color);
@@ -183,6 +198,21 @@ body.fancy-mark-current-line div.cm-gutter.cm-lineNumbers .cm-active {
 }
 
 
+/* ─────────────────────────────────────────────────── */
+/* Mermaid diagrams */
+/* ─────────────────────────────────────────────────── */
+
+
+/* Mermaid line texts labels */
+body.fancy-mermaid .edgeLabel:not(:empty) {
+    background-color: var(--background-primary);
+    color: var(--text-normal);
+    border: 1px solid var(--divider-color);
+    border-radius: var(--radius-m);
+    padding: 2px;
+}
+
+
 /* ─────────────────────────────────────────────────── */
 /* Code blocks */
 /* ─────────────────────────────────────────────────── */
@@ -297,6 +327,376 @@ body.fancy-code .markdown-preview-view pre code {
 	padding: var(--size-4-1) var(--size-4-5);
 }
 
+/* ─────────────────────────────────────────────────── */
+/* Callouts */
+/* ─────────────────────────────────────────────────── */
+
+/* Info */
+
+.callout[data-callout="info-pink"] {
+    --callout-color: 255, 184, 235;
+    --callout-icon: lucide-info;
+}
+
+.callout[data-callout="info-blue"] {
+    --callout-color: 173, 204, 255;
+    --callout-icon: lucide-info;
+}
+
+.callout[data-callout="info-green"] {
+    --callout-color: 187, 250, 187;
+    --callout-icon: lucide-info;
+}
+
+.callout[data-callout="info-yellow"] {
+    --callout-color: 255, 243, 163;
+    --callout-icon: lucide-info;
+}
+
+.callout[data-callout="info-red"] {
+    --callout-color: 255, 143, 143;
+    --callout-icon: lucide-info;
+}
+
+.callout[data-callout="info-purple"] {
+    --callout-color: 210, 179, 255;
+    --callout-icon: lucide-info;
+}
+
+.callout[data-callout="info-orange"] {
+    --callout-color: 255, 206, 153;
+    --callout-icon: lucide-info;
+}
+
+.callout[data-callout="info-light-blue"]{
+    --callout-color: 172, 226, 251;
+    --callout-icon: lucide-info;
+}
+
+.callout[data-callout="info-cyan"]{
+    --callout-color: 171, 247, 247;
+    --callout-icon: lucide-info;
+}
+
+.callout[data-callout="info-light-purple"] {
+    --callout-color: 233, 182, 245;
+    --callout-icon: lucide-info;
+}
+
+/* Text */
+
+.callout[data-callout="text-pink"] {
+    --callout-color: 255, 184, 235;
+    --callout-icon: lucide-text;
+}
+
+.callout[data-callout="text-blue"] {
+    --callout-color: 173, 204, 255;
+    --callout-icon: lucide-text;
+}
+
+.callout[data-callout="text-green"] {
+    --callout-color: 187, 250, 187;
+    --callout-icon: lucide-text;
+}
+
+.callout[data-callout="text-yellow"] {
+    --callout-color: 255, 243, 163;
+    --callout-icon: lucide-text;
+}
+
+.callout[data-callout="text-red"] {
+    --callout-color: 255, 143, 143;
+    --callout-icon: lucide-text;
+}
+
+.callout[data-callout="text-purple"] {
+    --callout-color: 210, 179, 255;
+    --callout-icon: lucide-text;
+}
+
+.callout[data-callout="text-orange"] {
+    --callout-color: 255, 206, 153;
+    --callout-icon: lucide-text;
+}
+
+.callout[data-callout="text-light-blue"]{
+    --callout-color: 172, 226, 251;
+    --callout-icon: lucide-text;
+}
+
+.callout[data-callout="text-cyan"]{
+    --callout-color: 171, 247, 247;
+    --callout-icon: lucide-text;
+}
+
+.callout[data-callout="text-light-purple"] {
+    --callout-color: 233, 182, 245;
+    --callout-icon: lucide-text;
+}
+
+/* Custom 1 */
+
+.callout[data-callout="c1-pink"] {
+    --callout-color: 255, 184, 235;
+    --callout-icon: var(--callout-icon-c1);
+}
+
+.callout[data-callout="c1-blue"] {
+    --callout-color: 173, 204, 255;
+    --callout-icon: var(--callout-icon-c1);
+}
+
+.callout[data-callout="c1-green"] {
+    --callout-color: 187, 250, 187;
+    --callout-icon: var(--callout-icon-c1);
+}
+
+.callout[data-callout="c1-yellow"] {
+    --callout-color: 255, 243, 163;
+    --callout-icon: var(--callout-icon-c1);
+}
+
+.callout[data-callout="c1-red"] {
+    --callout-color: 255, 143, 143;
+    --callout-icon: var(--callout-icon-c1);
+}
+
+.callout[data-callout="c1-purple"] {
+    --callout-color: 210, 179, 255;
+    --callout-icon: var(--callout-icon-c1);
+}
+
+.callout[data-callout="c1-orange"] {
+    --callout-color: 255, 206, 153;
+    --callout-icon: var(--callout-icon-c1);
+}
+
+.callout[data-callout="c1-light-blue"]{
+    --callout-color: 172, 226, 251;
+    --callout-icon: var(--callout-icon-c1);
+}
+
+.callout[data-callout="c1-cyan"]{
+    --callout-color: 171, 247, 247;
+    --callout-icon: var(--callout-icon-c1);
+}
+
+.callout[data-callout="c1-light-purple"] {
+    --callout-color: 233, 182, 245;
+    --callout-icon: var(--callout-icon-c1);
+}
+
+/* Custom 2 */
+
+.callout[data-callout="c2-pink"] {
+    --callout-color: 255, 184, 235;
+    --callout-icon: var(--callout-icon-c2);
+}
+
+.callout[data-callout="c2-blue"] {
+    --callout-color: 173, 204, 255;
+    --callout-icon: var(--callout-icon-c2);
+}
+
+.callout[data-callout="c2-green"] {
+    --callout-color: 187, 250, 187;
+    --callout-icon: var(--callout-icon-c2);
+}
+
+.callout[data-callout="c2-yellow"] {
+    --callout-color: 255, 243, 163;
+    --callout-icon: var(--callout-icon-c2);
+}
+
+.callout[data-callout="c2-red"] {
+    --callout-color: 255, 143, 143;
+    --callout-icon: var(--callout-icon-c2);
+}
+
+.callout[data-callout="c2-purple"] {
+    --callout-color: 210, 179, 255;
+    --callout-icon: var(--callout-icon-c2);
+}
+
+.callout[data-callout="c2-orange"] {
+    --callout-color: 255, 206, 153;
+    --callout-icon: var(--callout-icon-c2);
+}
+
+.callout[data-callout="c2-light-blue"]{
+    --callout-color: 172, 226, 251;
+    --callout-icon: var(--callout-icon-c2);
+}
+
+.callout[data-callout="c2-cyan"]{
+    --callout-color: 171, 247, 247;
+    --callout-icon: var(--callout-icon-c2);
+}
+
+.callout[data-callout="c2-light-purple"] {
+    --callout-color: 233, 182, 245;
+    --callout-icon: var(--callout-icon-c2);
+}
+
+/* Custom 3 */
+
+.callout[data-callout="c3-pink"] {
+    --callout-color: 255, 184, 235;
+    --callout-icon: var(--callout-icon-c3);
+}
+
+.callout[data-callout="c3-blue"] {
+    --callout-color: 173, 204, 255;
+    --callout-icon: var(--callout-icon-c3);
+}
+
+.callout[data-callout="c3-green"] {
+    --callout-color: 187, 250, 187;
+    --callout-icon: var(--callout-icon-c3);
+}
+
+.callout[data-callout="c3-yellow"] {
+    --callout-color: 255, 243, 163;
+    --callout-icon: var(--callout-icon-c3);
+}
+
+.callout[data-callout="c3-red"] {
+    --callout-color: 255, 143, 143;
+    --callout-icon: var(--callout-icon-c3);
+}
+
+.callout[data-callout="c3-purple"] {
+    --callout-color: 210, 179, 255;
+    --callout-icon: var(--callout-icon-c3);
+}
+
+.callout[data-callout="c3-orange"] {
+    --callout-color: 255, 206, 153;
+    --callout-icon: var(--callout-icon-c3);
+}
+
+.callout[data-callout="c3-light-blue"]{
+    --callout-color: 172, 226, 251;
+    --callout-icon: var(--callout-icon-c3);
+}
+
+.callout[data-callout="c3-cyan"]{
+    --callout-color: 171, 247, 247;
+    --callout-icon: var(--callout-icon-c3);
+}
+
+.callout[data-callout="c3-light-purple"] {
+    --callout-color: 233, 182, 245;
+    --callout-icon: var(--callout-icon-c3);
+}
+
+/* Custom 4 */
+
+.callout[data-callout="c4-pink"] {
+    --callout-color: 255, 184, 235;
+    --callout-icon: var(--callout-icon-c4);
+}
+
+.callout[data-callout="c4-blue"] {
+    --callout-color: 173, 204, 255;
+    --callout-icon: var(--callout-icon-c4);
+}
+
+.callout[data-callout="c4-green"] {
+    --callout-color: 187, 250, 187;
+    --callout-icon: var(--callout-icon-c4);
+}
+
+.callout[data-callout="c4-yellow"] {
+    --callout-color: 255, 243, 163;
+    --callout-icon: var(--callout-icon-c4);
+}
+
+.callout[data-callout="c4-red"] {
+    --callout-color: 255, 143, 143;
+    --callout-icon: var(--callout-icon-c4);
+}
+
+.callout[data-callout="c4-purple"] {
+    --callout-color: 210, 179, 255;
+    --callout-icon: var(--callout-icon-c4);
+}
+
+.callout[data-callout="c4-orange"] {
+    --callout-color: 255, 206, 153;
+    --callout-icon: var(--callout-icon-c4);
+}
+
+.callout[data-callout="c4-light-blue"]{
+    --callout-color: 172, 226, 251;
+    --callout-icon: var(--callout-icon-c4);
+}
+
+.callout[data-callout="c4-cyan"]{
+    --callout-color: 171, 247, 247;
+    --callout-icon: var(--callout-icon-c4);
+}
+
+.callout[data-callout="c4-light-purple"] {
+    --callout-color: 233, 182, 245;
+    --callout-icon: var(--callout-icon-c4);
+}
+
+
+/* Empty */
+
+.callout[data-callout="mt-pink"] {
+    --callout-color: 255, 184, 235;
+    --callout-icon: var(--callout-icon-mt);
+}
+
+.callout[data-callout="mt-blue"] {
+    --callout-color: 173, 204, 255;
+    --callout-icon: var(--callout-icon-mt);
+}
+
+.callout[data-callout="mt-green"] {
+    --callout-color: 187, 250, 187;
+    --callout-icon: var(--callout-icon-mt);
+}
+
+.callout[data-callout="mt-yellow"] {
+    --callout-color: 255, 243, 163;
+    --callout-icon: var(--callout-icon-mt);
+}
+
+.callout[data-callout="mt-red"] {
+    --callout-color: 255, 143, 143;
+    --callout-icon: var(--callout-icon-mt);
+}
+
+.callout[data-callout="mt-purple"] {
+    --callout-color: 210, 179, 255;
+    --callout-icon: var(--callout-icon-mt);
+}
+
+.callout[data-callout="mt-orange"] {
+    --callout-color: 255, 206, 153;
+    --callout-icon: var(--callout-icon-mt);
+}
+
+.callout[data-callout="mt-light-blue"]{
+    --callout-color: 172, 226, 251;
+    --callout-icon: var(--callout-icon-mt);
+}
+
+.callout[data-callout="mt-cyan"]{
+    --callout-color: 171, 247, 247;
+    --callout-icon: var(--callout-icon-mt);
+}
+
+.callout[data-callout="mt-light-purple"] {
+    --callout-color: 233, 182, 245;
+    --callout-icon: var(--callout-icon-mt);
+}
+
+
 /* ─────────────────────────────────────────────────── */
 /* Plugins */
 /* ─────────────────────────────────────────────────── */
@@ -639,4 +1039,30 @@ settings:
         opacity: true
         default-light: '#485465'
         default-dark: '#ccd2db'
+	-
+        id: callouts
+        title: Callouts
+        type: heading
+        level: 2
+        collapsed: true
+    -
+        id: callout-icon-c1
+        title: Callout Icon c1
+        type: variable-text
+        default: 'lucide-scan'
+    -
+        id: callout-icon-c2
+        title: Callout Icon c2
+        type: variable-text
+        default: 'lucide-scan'
+    -
+        id: callout-icon-c3
+        title: Callout Icon c3
+        type: variable-text
+        default: 'lucide-scan'
+    -
+        id: callout-icon-c4
+        title: Callout Icon c4
+        type: variable-text
+        default: 'lucide-scan'
 */
\ No newline at end of file