Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
dark-theme.css 3.69 KiB
Newer Older
/******** 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);
    /* 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);
}