Fix admonition contrasts (#374)

Author: kazk

src/css/custom.css

@@ -108,7 +108,7 @@ html[data-theme="dark"] .anchored:target {
     @apply text-note;
   }
   & .admonition-content {
-    @apply text-note-content;
+    @apply text-note-content dark:text-note-content-dark;
   }
 }
 
@@ -119,7 +119,7 @@ html[data-theme="dark"] .anchored:target {
     @apply text-tip;
   }
   & .admonition-content {
-    @apply text-tip-content;
+    @apply text-tip-content dark:text-tip-content-dark;
   }
 }
 
@@ -130,7 +130,7 @@ html[data-theme="dark"] .anchored:target {
     @apply text-info;
   }
   & .admonition-content {
-    @apply text-info-content;
+    @apply text-info-content dark:text-info-content-dark;
   }
 }
 
@@ -141,7 +141,7 @@ html[data-theme="dark"] .anchored:target {
     @apply text-warning;
   }
   & .admonition-content {
-    @apply text-warning-content;
+    @apply text-warning-content dark:text-warning-content-dark;
   }
 }
 
@@ -153,7 +153,7 @@ html[data-theme="dark"] .anchored:target {
     @apply text-caution;
   }
   & .admonition-content {
-    @apply text-caution-content;
+    @apply text-caution-content dark:text-caution-content-dark;
   }
 }
 

tailwind.config.js

@@ -24,15 +24,20 @@ module.exports = {
         pink: colors.pink,
         // Admonitions colors
         note: colors.coolGray[600],
-        "note-content": colors.coolGray[500],
-        tip: colors.emerald[600],
-        "tip-content": colors.emerald[600],
-        info: colors.sky[500],
+        "note-content": colors.coolGray[600],
+        "note-content-dark": colors.coolGray[400],
+        tip: colors.emerald[700],
+        "tip-content": colors.emerald[700],
+        "tip-content-dark": colors.emerald[500],
+        info: colors.sky[600],
         "info-content": colors.sky[700],
-        warning: colors.orange[500],
+        "info-content-dark": colors.sky[500],
+        warning: colors.orange[600],
         "warning-content": colors.orange[700],
-        caution: colors.red[600],
-        "caution-content": colors.red[500],
+        "warning-content-dark": colors.orange[500],
+        caution: colors.red[500],
+        "caution-content": colors.red[700],
+        "caution-content-dark": colors.red[400],
       },
     },
   },