Update main.css

- Added correct background colors for admonition titles
javalent · Mar 17, 2021 · 4203926 · 4203926
1 parent d905f24
commit 4203926
Showing 1 changed file with 36 additions and 1 deletion.
diff --git a/src/main.css b/src/main.css
@@ -42,7 +42,6 @@
     margin: 0 -0.6rem 0 -0.8rem;
     padding: 0.4rem 0.6rem 0.4rem 2rem;
     font-weight: 700;
-    background-color: rgba(68, 138, 255, 0.1);
     border-left: 0.2rem solid;
 }
 .admonition-content {
@@ -54,6 +53,9 @@
 .admonition-note {
     border-color: #448aff;
 }
+.admonition-note > .admonition-title {
+    background-color: rgba(68, 138, 255, 0.1);
+}
 .admonition-note > .admonition-title::before {
     background-color: #448aff;
     -webkit-mask-image: var(--admonition-icon--note);
@@ -63,6 +65,9 @@
 .admonition-abstract {
     border-color: #00b0ff;
 }
+.admonition-abstract > .admonition-title {
+    background-color: rgba(0, 176, 255, 0.1);
+}
 .admonition-abstract > .admonition-title::before {
     background-color: #00b0ff;
     -webkit-mask-image: var(--admonition-icon--abstract);
@@ -72,6 +77,9 @@
 .admonition-info {
     border-color: #00b8d4;
 }
+.admonition-info > .admonition-title {
+    background-color: rgba(0, 184, 212, 0.1);
+}
 .admonition-info > .admonition-title::before {
     background-color: #00b8d4;
     -webkit-mask-image: var(--admonition-icon--info);
@@ -81,6 +89,9 @@
 .admonition-tip {
     border-color: #00bfa5;
 }
+.admonition-tip > .admonition-title {
+    background-color: rgba(0, 191, 165, 0.1);
+}
 .admonition-tip > .admonition-title::before {
     background-color: #00bfa5;
     -webkit-mask-image: var(--admonition-icon--tip);
@@ -90,6 +101,9 @@
 .admonition-success {
     border-color: #00c853;
 }
+.admonition-success > .admonition-title {
+    background-color: rgba(0, 200, 83, 0.1);
+}
 .admonition-success > .admonition-title::before {
     background-color: #00c853;
     -webkit-mask-image: var(--admonition-icon--success);
@@ -99,6 +113,9 @@
 .admonition-question {
     border-color: #00b8d4;
 }
+.admonition-question > .admonition-title {
+    background-color: rgba(100, 221, 23, 0.1);
+}
 .admonition-question > .admonition-title::before {
     background-color: #00b8d4;
     -webkit-mask-image: var(--admonition-icon--question);
@@ -108,6 +125,9 @@
 .admonition-warning {
     border-color: #ff9100;
 }
+.admonition-warning > .admonition-title {
+    background-color: rgba(255, 145, 0, 0.1);
+}
 .admonition-warning > .admonition-title::before {
     background-color: #ff9100;
     -webkit-mask-image: var(--admonition-icon--warning);
@@ -117,6 +137,9 @@
 .admonition-failure {
     border-color: #ff5252;
 }
+.admonition-failure > .admonition-title {
+    background-color: rgba(255, 82, 82, 0.1);
+}
 .admonition-failure > .admonition-title::before {
     background-color: #ff5252;
     -webkit-mask-image: var(--admonition-icon--failure);
@@ -126,6 +149,9 @@
 .admonition-danger {
     border-color: #ff1744;
 }
+.admonition-danger > .admonition-title {
+    background-color: rgba(255, 23, 68, 0.1);
+}
 .admonition-danger > .admonition-title::before {
     background-color: #ff1744;
     -webkit-mask-image: var(--admonition-icon--danger);
@@ -135,6 +161,9 @@
 .admonition-bug {
     border-color: #f50057;
 }
+.admonition-bug > .admonition-title {
+    background-color: rgba(245, 0, 87, 0.1);
+}
 .admonition-bug > .admonition-title::before {
     background-color: #f50057;
     -webkit-mask-image: var(--admonition-icon--bug);
@@ -144,6 +173,9 @@
 .admonition-example {
     border-color: #7c4dff;
 }
+.admonition-example > .admonition-title {
+    background-color: rgba(124, 77, 255, 0.1);
+}
 .admonition-example > .admonition-title::before {
     background-color: #7c4dff;
     -webkit-mask-image: var(--admonition-icon--example);
@@ -153,6 +185,9 @@
 .admonition-quote {
     border-color: #9e9e9e;
 }
+.admonition-quote > .admonition-title {
+    background-color: hsla(0, 0%, 62%, 0.1);
+}
 .admonition-quote > .admonition-title::before {
     background-color: #9e9e9e;
     -webkit-mask-image: var(--admonition-icon--quote);