Resolve "change admonitions colors"

Closes #49 (closed) #86 (closed)

src/css/custom.css

@@ -62,6 +62,10 @@
   --ifm-color-info-dark: var(--ifm-color-tonic-three-light);
   --ifm-color-warning-dark: var(--ifm-color-frame);
   --ifm-color-danger-dark: var(--ifm-color-tonic-one);
+  --ifm-color-success-contrast-foreground: var(--ifm-color-primary-light);
+  --ifm-color-info-contrast-foreground: var(--ifm-color-primary-light);
+  --ifm-color-warning-contrast-foreground: var(--ifm-color-primary-light);
+  --ifm-color-danger-contrast-foreground: var(--ifm-color-primary-light);
 }
  
 html[data-theme='dark'] {
@@ -264,15 +268,6 @@ html[data-theme='dark'] .button--beta:hover {
   flex-direction: row-reverse;
 }
 
-/********** Admonitions **********/
-.admonition-tip, .admonition-info, .admonition-caution, .admonition-danger, .admonition-tip a, .admonition-info a, .admonition-caution a, .admonition-danger a {
-  color: var(--ifm-color-primary-light);
-}
-
-.admonition-tip svg, .admonition-info svg, .admonition-caution svg, .admonition-danger svg {
-  fill: var(--ifm-color-primary-light);
-}
-
 /************ footer style ***********/
 a.footer__link-item:hover {
   color:  var(--ifm-color-frame);