body, .mdc-top-app-bar, .mdc-drawer, .mdc-card {
background-color: var(--mdc-theme-surface); color: var(--mdc-theme-on-surface);
}
.main-content {
background-color: var(--mdc-theme-background); color: var(--mdc-theme-on-surface);
}
.main-content article, .main-content aside, .main-content .footer {
background-color: var(--mdc-theme-surface); color: var(--mdc-theme-on-surface);
}
.mdc-drawer, .material-icons, .mdc-icon-button, .mdc-list, .mdc-list-item, .mdc-list-item .mdc-list-item__primary-text, .mdc-list-item .mdc-list-item__secondary-text, .mdc-drawer .mdc-list-item, .mdc-drawer .mdc-list-item__graphic {
color: var(--mdc-theme-on-surface) !important;
}
.mdc-drawer .mdc-list-item–activated {
color: var(--mdc-theme-on-surface) !important;
}
.mdc-drawer .mdc-list-item–activated, .mdc-drawer .mdc-list-item–activated .mdc-list-item__graphic, {
color: var(--mdc-theme-on-surface) !important;
}
.mdc-floating-label, .mdc-text-field__input, .mdc-drawer__title, .mdc-drawer__subtitle {
color: var(--mdc-theme-on-surface) !important;
}
.mdc-icon-button:hover .material-icons {
color: var(--mdc-theme-primary);
}
.mdc-button–unelevated {
background-color: var(--mdc-theme-primary) !important;
}
.mdc-button .mdc-button__label {
color: var(--mdc-theme-primary);
}
.mdc-button–unelevated .mdc-button__label {
color: var(--mdc-theme-on-secondary);
}
.mdc-card–outlined, .mdc-button–outlined {
border-color: var(--mdc-theme-border) !important;
}
.mdc-button–outlined .mdc-button__label {
color: var(--mdc-theme-primary);
}
.mdc-chip {
background-color: var(--mdc-theme-surface); border: 1px solid var(--mdc-theme-border); color: var(--mdc-theme-on-surface);
}
.mdc-chip:focus, .mdc-chip:hover {
background-color: var(--mdc-theme-background);
}
.mdc-tab {
background-color: var(mdc-theme-surface);
}
.mdc-tab .mdc-tab__text-label, .mdc-tab .mdc-tab__icon {
color: var(--mdc-theme-on-surface);
}
.mdc-tab–active .mdc-tab__text-label, .mdc-tab–active .mdc-tab__icon {
color: var(--mdc-theme-primary);
}
.mdc-chip.active {
background-color: var(--mdc-theme-overlay); color: var(--mdc-theme-primary);
}
hr {
background-color: var(--mdc-theme-overlay);
}
a {
color: var(--mdc-theme-primary);
}
a:focus, a:hover {
color: var(--mdc-theme-primary-variant);
}
a.muted {
color: var(--mdc-theme-on-surface);
}
a.muted:focus, a.muted:hover {
color: var(--mdc-theme-primary);
}