jlengrand/moderne-docs
1
0
Fork 0
mirror of https://github.com/jlengrand/moderne-docs.git synced 2026-03-10 08:31:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Dark mode tweaks

Browse Source
This commit is contained in:
Matt Vanderpol
2024-12-16 15:01:10 -08:00
parent f2f645b9b0
commit 4e6279fdfd
1 changed files with 21 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/css/custom.css
View File

@@ -45,14 +45,17 @@
--ifm-breadcrumb-spacing: 0.875rem;
--ifm-menu-color-background-hover: transparent;
--ifm-menu-color-background-active: transparent;
--ifm-menu-color-active: #283AF7;
--ifm-link-color: #283AF7;
--ifm-menu-color-active: var(--ifm-link-color);
--ifm-navbar-link-color: var(--ifm-heading-color);
--ifm-navbar-shadow: none;
--ifm-toc-border-color: transparent;
--ifm-section-divider-color: rgba(4, 24, 52, 0.3);
}
/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] {
html[data-theme='dark'] {
--ifm-background-color: #041834;
--ifm-color-primary: #7e9bd2;
--ifm-color-primary-dark: #6588c9;
--ifm-color-primary-darker: #597ec5;
@@ -61,6 +64,11 @@
--ifm-color-primary-lighter: #a3b8df;
--ifm-color-primary-lightest: #c9d5ec;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
--ifm-color-base: #fff;
--ifm-heading-color: #fff;
--ifm-link-color: #85fe99;
--ifm-toc-border-color: transparent;
--ifm-section-divider-color: #d9d9d9;
}
figure img {
@@ -87,7 +95,7 @@ figure figcaption {
}
.navbar {
border-bottom: 1px solid rgba(4, 24, 52, 0.3);
border-bottom: 1px solid var(--ifm-section-divider-color);
}
.navbar .navbar__link {
@@ -153,6 +161,8 @@ figure figcaption {
}
[class^=docMainContainer_] .breadcrumbs__item--active .breadcrumbs__link {
--ifm-heading-color: #041834;
border: 1px solid var(--ifm-color-border);
}
@@ -213,6 +223,8 @@ figure figcaption {
}
[class^=docMainContainer_] .pagination-nav {
--ifm-heading-color: #041834;
gap: calc(2 * var(--ifm-spacing-horizontal));
display: flex;
justify-content: center;
@@ -300,6 +312,11 @@ background-repeat: no-repeat;
content: '';
}
html[data-theme='dark'] .footer .footer__bottom::before {
background-image: url("data:image/svg+xml, %3Csvg%20width=%2247%22%20height=%2248%22%20viewBox=%220%200%2047%2048%22%20fill=%22none%22%20xmlns=%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d=%22M46.2205%200.092002C45.777%20-0.0920021%2045.2677%200.00862519%2044.9272%200.350758L24.4951%2020.8816C23.1532%209.14558%2013.2189%200%201.18742%200C0.872678%200%200.572248%200.126503%200.349071%200.350758C0.125895%200.575013%200%200.876894%200%201.19315V23.5899V45.9895C0%2046.0097%200.00858372%2046.0269%200.00858372%2046.047C0.00858372%2046.1045%200.0228899%2046.1592%200.0343349%2046.2167C0.0457799%2046.277%200.0572248%2046.3374%200.0772535%2046.3949C0.082976%2046.4122%200.082976%2046.4294%200.0886985%2046.4467C0.103005%2046.4812%200.128756%2046.507%200.145923%2046.5415C0.174536%2046.5962%200.203148%2046.6508%200.240344%2046.6997C0.274679%2046.7457%200.311875%2046.7859%200.351933%2046.8262C0.39199%2046.8664%200.432047%2046.9067%200.480688%2046.9412C0.52933%2046.9786%200.580832%2047.0073%200.635195%2047.0361C0.66953%2047.0533%200.695282%2047.0792%200.729616%2047.0936C0.743923%2047.0993%200.758229%2047.0964%200.772535%2047.1022C0.901291%2047.1511%201.03863%2047.1856%201.18455%2047.1856H45.7627C46.4179%2047.1856%2046.9501%2046.6508%2046.9501%2045.9924V1.19315C46.9501%200.710141%2046.6611%200.276006%2046.2176%200.092002H46.2205ZM44.5781%204.07109V22.3968H26.3406L44.5781%204.07109ZM44.5781%2033.5951H24.661V24.7802H44.5781V33.5951ZM2.37483%2043.1087V24.7831H20.6124L11.4936%2033.9459L2.37483%2043.1087ZM2.37483%202.41793C13.0673%203.01594%2021.6625%2011.6526%2022.2576%2022.3968H2.37483V2.41793ZM13.1703%2035.6335L22.2891%2026.4707V44.7964H4.05152L13.1703%2035.6335ZM24.6639%2044.7964V35.9814H44.581V44.7964H24.6639Z%22%20fill=%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.footer .footer__copyright {
font-size: 0.875rem;
}
@@ -314,7 +331,7 @@ background-repeat: no-repeat;
}
.theme-doc-sidebar-container {
--ifm-toc-border-color: rgba(4, 24, 52, 0.3);
--ifm-toc-border-color: var(--ifm-section-divider-color);
}
}