-
Plumtree3D authored
Closes #103
Plumtree3D authoredCloses #103
dark-theme.css 3.74 KiB
/******** DARK THEME ********/
/* variables dark theme */
html[data-theme='dark'] {
--ifm-font-color-base: var(--ifm-color-white);
--ifm-font-color-base-inverse: var(--ifm-color-white);
--ifm-font-color-secondary: var(--ifm-color-white);
--section-background: var(--ifm-color-gray-900);
/* admonitions base */
--ifm-color-secondary-contrast-background: var(--ifm-color-gray-700);
--ifm-color-success-contrast-background: var(--ifm-color-success);
--ifm-color-info-contrast-background: var(--ifm-color-info);
--ifm-color-warning-contrast-background: var(--ifm-color-warning);
--ifm-color-danger-contrast-background: var(--ifm-color-danger);
/* admonitions border */
--ifm-alert-border-color: var(--ifm-color-danger);
--ifm-alert--success-border: var(--ifm-color-light-green);
--ifm-alert--info-border-color: var(--ifm-color-info-lightest);
--ifm-alert--warning-border-color: var(--ifm-color-frame);
--ifm-alert--danger-border-color: var(--ifm-color-warning);
}
/* background */
html[data-theme='dark'] {
--ifm-background-color: #18191a;
--ifm-background-surface-color: var(--ifm-background-color);
--ifm-hover-overlay: var(--ifm-color-gray-800);
--ifm-color-content-secondary: var(--ifm-color-primary-light);
--ifm-breadcrumb-separator-filter: invert(64%) sepia(11%) saturate(0%);
}
html[data-theme='dark'] .docusaurus-highlight-code-line {
background-color: var(--ifm-background-color);
}
html[data-theme='dark'] .clean-btn {
color: var(--ifm-color-secondary);
}
html[data-theme='dark'] .clean-btn :hover {
color: var(--ifm-color-secondary);
}
/* a & text */
html[data-theme='dark'] .theme-doc-footer-edit-meta-row a {
color: var(--ifm-color-warning);
transition: 0.3s;
}
html[data-theme='dark'] p a {
color: var(--ifm-color-warning);
}
html[data-theme='dark'] li a {
color: var(--ifm-color-warning);
}
html[data-theme='dark'] li a:hover {
color: var(--ifm-color-warning);
}
/* admonitions */
html[data-theme='dark'] .admonition a {
color: var(--ifm-color-white);
}
html[data-theme='dark'] .alert--secondary {
background-color: var(--ifm-color-gray-400);
border-color: var(--ifm-color-gray-600);
}
html[data-theme='dark'] .alert--secondary a {
color: var(--ifm-color-gray-900);
fill: var(--ifm-color-gray-600);
text-decoration-color: var(--ifm-color-gray-600);
}
html[data-theme='dark'] .alert--secondary a:hover{
color: var(--ifm-color-gray-900);
}
/* table-of-contents */
html[data-theme='dark'] .table-of-contents__link {
color: var(--ifm-color-white);
}
html[data-theme='dark'] .table-of-contents__link--active {
color: var(--ifm-color-warning);
}
/* lateral text menu */
html[data-theme='dark'] .menu__link {
color: var(--ifm-color-warning);
}
/* cards prices page */
html[data-theme='dark'] .tabs-monthly-annual .tabs__item--active{
background-color: var(--ifm-color-light-green);
}
html[data-theme='dark'] .headband p {
color: var(--ifm-color-success);
}
html[data-theme='dark'] .card_price {
color: var(--ifm-color-black);
}
html[data-theme='dark'] .tabs-etang .tabs__item {
color: var(--ifm-color-gray-900);
}
html[data-theme='dark'] .tabs-etang .tabs__item:hover {
background-color: var(--ifm-color-gray-200);
}
/* dark footer */
html[data-theme='dark'] .footer__link-item {
color: var(--ifm-color-secondary);
}
html[data-theme='dark'] .footer {
background-color: var(--ifm-color-warning);
color: var(--ifm-color-secondary);
--ifm-footer-link-color: var(--ifm-color-secondary);
--ifm-footer-title-color: var(--ifm-color-secondary);
}
html[data-theme='dark'] .footer a:hover {
color: var(--ifm-color-frame);
}
html[data-theme='dark'] .footer__copyright {
color: var(--ifm-color-secondary);
}