Hi,

Thanks for reporting this, as well as, this detailed explanation with screenshots. I have added this to our TODO list.

Keep coding,
Dawid

Now on to the card-header issue.

HTML code, taken from MDB examples page

<div class="card text-white bg-success mb-3" style="max-width: 18rem;">
  <div class="card-header">Header</div>
  <div class="card-body">
    <h5 class="card-title">Success card title</h5>
    <p class="card-text">
      Some quick example text to build on the card title and make up the bulk of the
      card's content.
    </p>
  </div>
</div>

CSS generated by mdb-light-theme

.card-header {
    background-color: #ffffff !important;
    border-bottom-color: #e0e0e0;
}

This is defined in scss/pro/theme/components/_card-theme.scss as

 $surface: map-get($theme, surface); 
...
.card-header {
    background-color: $surface !important;
    border-bottom-color: $divider;
  }

I believe simply removing !important won't be enough, but if it weren't there, .bg-success for example could be applied directly to the .card-header, but that still feels like a hack, compared to the example codes on https://mdbootstrap.com/docs/standard/components/cards/#section-card-styles

Here are the screenshots from the .page-link issue. It looks like this color was intended for the dark theme, but it also applies to the light one.

Theme is defined in src/mdb/scss/pro/theme/components/_pagination-theme.scss

.page-link {
    color: $onPrimary;

    &:hover {
      color: $onPrimary;
      background: $onLink;
    }
    &:focus {
      color: $onSurface;
      background-color: $onLink;
    }
  }

I believe onPrimary is defined in scss/pro/theme/_functions.scss, in this case in @function mdb-light-theme($primary, $secondary) {

onPrimary: $mdb-theme-light-on-primary,

And finally, $mdb-theme-light-on-primary is defined in scss/pro/theme/_functions.scss as

// Light theme defaults
$mdb-theme-light-background: #ffffff;
$mdb-theme-light-on-background: #4f4f4f;
$mdb-theme-light-surface: #ffffff;
$mdb-theme-light-on-surface: #262626;
$mdb-theme-light-on-primary: #ffffff; 

Yes, I could edit these files and fix them in my project, but what about future updates? I'd need to always lookout for these changes when I upgrade MDB.

It might also apply to the free edition, didn't check that.

I'm sure you guys know your own SASS structure better than me, but sure, as soon as I have some time I'll look through the SASS files and find all relevant definitions that I think are not right. I repeat, this is only an issue if you're using the included theme generator.