diff --git a/src/css/custom.css b/src/css/custom.css index e3f4b72..03285fd 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -25,6 +25,11 @@ body { font-family: 'Source Sans Pro'; + color: var(--ifr-color-neutral-90); +} + +[data-theme='dark'] body { + color: var(--ifr-color-neutral-10); } .landingPage { @@ -221,7 +226,6 @@ body { --ifm-color-primary-lightest: #fd338b; --ifm-link-color: var(--ifm-color-primary); --ifr-color-neutral-10: #fbfafb; - --ifr-color-neutral-90: #1c1533; } /* Dark mode styles */ @@ -239,6 +243,14 @@ html[data-theme='dark'] { --ifm-background-color: #1c1533; } +[data-theme='dark'] .landingPage { + background: radial-gradient( + circle, + rgba(52, 52, 79, 1) 0%, + rgba(28, 21, 51, 1) 60% + ); +} + [data-theme='dark'] .navbar { background-color: #3d3751; } @@ -258,10 +270,73 @@ html[data-theme='dark'] { text-decoration: none; } -[data-theme='dark'] .landingPage { - background: radial-gradient( - circle, - rgba(52, 52, 79, 1) 0%, - rgba(28, 21, 51, 1) 60% - ); +/* Doc file styles */ + +.language-diff, +.language-python, +.language-yaml, +.language-java, +.language-xml, +.language-binary { + --prism-background-color: var(--ifr-color-neutral-white); +} + +[data-theme='dark'] .language-diff, +[data-theme='dark'] .language-python, +[data-theme='dark'] .language-yaml, +[data-theme='dark'] .language-java, +[data-theme='dark'] .language-xml, +[data-theme='dark'] .language-binary { + --prism-background-color: var(--ifr-color-neutral-80); +} + +/* left side bar */ + +.theme-doc-sidebar-item-category li .menu__link.menu__link--active, +.theme-doc-sidebar-menu li .menu__link.menu__link--active { + color: var(--ifm-color-primary); +} + +.theme-doc-sidebar-item-category li .menu__link, +.theme-doc-sidebar-menu li .menu__link { + color: var(--ifr-color-neutral-90); +} + +[data-theme='dark'] .theme-doc-sidebar-item-category li .menu__link, +[data-theme='dark'] .theme-doc-sidebar-menu li .menu__link { + color: var(--ifr-color-neutral-10); +} +[data-theme='dark'] + .theme-doc-sidebar-item-category + li + [data-theme='dark'] + .menu__link.menu__link--active, +.theme-doc-sidebar-menu li .menu__link.menu__link--active { + color: var(--ifm-color-primary); +} + +/* Right side bar */ + +.table-of-contents li a { + color: var(--ifr-color-neutral-90); +} + +.table-of-contents li a.table-of-contents__link--active { + color: var(--ifm-color-primary); +} + +[data-theme='dark'] .table-of-contents li a { + color: var(--ifr-color-neutral-10); +} + +[data-theme='dark'] .table-of-contents li a.table-of-contents__link--active { + color: var(--ifm-color-primary); +} + +.table-of-contents { + border-color: var(--ifr-color-neutral-20); +} + +[data-theme='dark'] .table-of-contents { + border-color: var(--ifr-color-neutral-70); }