Backport PR pandas-dev#48572: DOC: Fixing styles for the dark theme

Author: datapythonista

doc/source/_static/css/getting_started.css

@@ -154,7 +154,7 @@ ul.task-bullet > li > p:first-child {
 
 .comparison-card .card-footer {
   border: none;
-  background-color:white;
+  background-color: transparent;
 }
 
 .install-block {
@@ -163,19 +163,18 @@ ul.task-bullet > li > p:first-child {
 
 .install-card .card-header {
   border: none;
-  background-color:white;
+  background-color: transparent;
   padding: 1rem 1rem 0rem 1rem;
 }
 
 .install-card .card-header p.card-text {
-  color: #150458;
   font-size: 1.1rem;
   font-weight: bold;
 }
 
 .install-card .card-footer {
   border: none;
-  background-color:white;
+  background-color: transparent;
 }
 
 .install-card pre {

doc/source/_static/css/pandas.css

@@ -25,7 +25,7 @@
 
 .intro-card .card-header {
   border: none;
-  background-color:white;
+  background-color: transparent;
   color: #150458 !important;
   font-size: var(--pst-font-size-h5);
   font-weight: bold;
@@ -34,11 +34,15 @@
 
 .intro-card .card-footer {
   border: none;
-  background-color:white;
+  background-color: transparent;
 }
 
 .intro-card .card-footer p.card-text{
   max-width: 220px;
   margin-left: auto;
   margin-right: auto;
 }
+
+.card, .card img {
+  background-color: transparent !important;
+}