docs: fix submenu list color issue

Signed-off-by: slumbering <slumbering.pierrot@gmail.com>
This commit is contained in:
slumbering 2021-06-11 18:42:27 +02:00
parent 1e971bdadf
commit e6a03d2a74

View File

@ -173,7 +173,7 @@ html[data-theme="dark"] .table-of-contents__link {
// tabs // tabs
/* codeBlock */ /* codeBlock */
div[class^="codeBlock"] { div[class^="codeBlockContainer"] {
border-radius: var(--ifm-code-border-radius); border-radius: var(--ifm-code-border-radius);
background-color: var(--ifm-color-primary-dark) !important; background-color: var(--ifm-color-primary-dark) !important;
margin-bottom: 2.5rem; margin-bottom: 2.5rem;
@ -226,17 +226,25 @@ button[class^="copyButton"] {
.menu__link { .menu__link {
border-radius: 0; border-radius: 0;
&:focus { &:focus,
background-color: var(--ifm-color-primary-dark);
color: var(--ifm-color-primary-light);
}
&:active { &:active {
background-color: var(--ifm-color-primary); background-color: var(--ifm-color-primary-dark);
color: var(--ifm-color-primary-light); color: var(--ifm-color-primary-light);
} }
&--active.menu__link--sublist { &--active.menu__link--sublist {
color: var(--ifm-color-primary-dark); color: var(--ifm-color-primary-dark);
&:active,
&:focus {
background-color: var(--ifm-color-primary-light);
}
html[data-theme="dark"] & {
color: var(--ifm-color-primary-light);
}
html[data-theme="dark"] &:active,
html[data-theme="dark"] &:focus {
color: var(--ifm-color-primary-dark);
}
} }
html[data-theme="dark"] & { html[data-theme="dark"] & {