DOC: Getting started tutorial headings and buttons are not readable

[SilvestriStefano]

Pandas version checks

• I have checked that the issue still exists on the latest versions of the docs on main here

Location of the documentation

https://pandas.pydata.org/docs/getting_started/index.html

Documentation problem

Hello,
I have found that the headings to the various Getting Started Tutorials are not readable in dark mode.

Also the text in the button is not readable in light mode

Suggested fix for documentation

I believe the issue with the heading is due to the fact that the CSS variable --bs-card-cap-color is not initialized

I suggest to fix it as follows

/* line 250 of the file pandas/doc/source/_static/css/getting_started.css */

.tutorial-card .card-header {
+ --bs-card-cap-color: var(--pst-color-text-base); 
  cursor: pointer;
  background-color: var(--pst-color-surface);
  border: 1px solid var(--pst-color-border)
}

It adjusts for either choice of theme

For the button instead I suggest the following change :

/* line 271 of the file pandas/doc/source/_static/css/getting_started.css */

.tutorial-card .gs-badge-link a {
- color: var(--pst-color-text-base); 
+ color: var(--pst-color-primary-text);
  text-decoration: none;
}

It adjust for either choice of theme

[Aloqeely]

Sounds good to me, I'm guessing you meant to link to https://pandas.pydata.org/docs/getting_started/index.html#intro-to-pandas