Steal colors from our code theme for callouts

ghostty-org · Dec 20, 2024 · 0f202b6 · 0f202b6
1 parent f6824c8
commit 0f202b6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/docs/index.mdx b/docs/index.mdx
@@ -22,5 +22,3 @@ description: To come
 <Caution>
   Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
 </Caution>
-
-<Callout type="note">You can also use 'callout' with 'type' like this</Callout>
diff --git a/src/components/callout/Callout.module.css b/src/components/callout/Callout.module.css
@@ -1,18 +1,18 @@
 .callout {
   &.note {
-    --callout-color: #586EEC;
+    --callout-color: #61aeee;
   }
   &.tip {
-    --callout-color: #50BE47;
+    --callout-color: #98c379;
   }
   &.important{
-    --callout-color: #A760CE;
+    --callout-color: #c678dd;
   }
   &.warning{
-    --callout-color: #f3aa35;
+    --callout-color: #e6c07b;
   }
   &.caution{
-    --callout-color: #f33535;
+    --callout-color: #e06c75;
   }
   border-left: 3px solid var(--callout-color);