Specify both color and background-color in case inherited colour changes and conflicts with background-color

Author: hugovk

Diff for: python_docs_theme/static/pydoctheme.css

@@ -246,6 +246,7 @@ div.body pre {
 :root {
     --admonition-background: #eee;
     --admonition-border: #ccc;
+    --admonition-color: black;
     --attention-background: #bbddff5c;
     --attention-border: #0000ff36;
     --caution-background: #ffc;
@@ -268,6 +269,7 @@ div.body div.admonition {
     background-color: var(--admonition-background);
     border: 1px solid var(--admonition-border);
     border-radius: 3px;
+    color: var(--admonition-color);
 }
 
 div.body div.admonition.attention {

Diff for: python_docs_theme/static/pydoctheme_dark.css

@@ -117,6 +117,7 @@ div.warning {
 :root {
     --admonition-background: rgba(255, 255, 255, 0.1);
     --admonition-border: currentColor;
+    --admonition-color: rgba(255, 255, 255, 0.87);
     --attention-background: rgba(255, 255, 255, 0.1);
     --attention-border: currentColor;
     --caution-background: rgba(255, 255, 0, 0.1);