Resolve "change admonitions colors"

Closes #49 (closed) #86 (closed)

src/css/custom.css

@@ -103,13 +103,24 @@ input {
 }
 
 /******* ADMONITIONS COLORS ********/
+/* Note */
+.alert--secondary {
+  color: var(--ifm-color-dark-green);
+  border-color: 1px solid var(--ifm-color-dark-green);
+}
+
+ .alert--secondary a {
+  color: var(--ifm-color-dark-green);
+}
+
+/* Tip */
 .alert--success {
   background-color: var(--ifm-color-light-green);
   border-color: var(--ifm-color-dark-green);
   color: var(--ifm-color-primary-light);
 }
 
-.admonition-content a {
+.alert--success a {
   color: var(--ifm-color-primary-light);
   text-decoration-color: var(--ifm-color-primary-light);
 }
@@ -118,6 +129,43 @@ input {
   color: var(--ifm-color-frame);
 }
 
+/* Info */
+.alert--info {
+  background-color: var(--ifm-color-tonic-three);
+  border-color: var(--ifm-color-frame);
+  color: var(--ifm-color-primary-light);
+}
+
+.alert--info a {
+  color: var(--ifm-color-primary-light);
+  text-decoration-color: var(--ifm-color-primary-light);
+}
+
+
+/* Alert */
+.alert--warning {
+  background-color: var(--ifm-color-tonic-one);
+  border-color: var(--ifm-color-frame);
+  color: var(--ifm-color-primary-light);
+}
+
+.alert--warning a {
+  color: var(--ifm-color-primary-light);
+  text-decoration-color: var(--ifm-color-primary-light);
+}
+
+/* Danger */
+.alert--danger {
+  background-color: var(--ifm-color-tonic-two);
+  border-color: var(--ifm-color-frame);
+  color: var(--ifm-color-primary-light);
+}
+
+.alert--danger a {
+  color: var(--ifm-color-primary-light);
+  text-decoration-color: var(--ifm-color-primary-light);
+}
+
 /********* TABLE OF CONTENT ********/
 .table-of-contents__link:hover, .table-of-contents__link--active {
   color: var(--ifm-color-tonic-one);