From e8c5ac21e90644e5f5d9f4c92656e6c3a8b28171 Mon Sep 17 00:00:00 2001 From: Jessica Nash Date: Wed, 1 May 2024 11:34:44 -0400 Subject: [PATCH] Update custom CSS and add dark logo --- docs/_static/css/custom.css | 36 +++++++++++++++++++++++------------- docs/index.rst | 15 +++++++++++---- 2 files changed, 34 insertions(+), 17 deletions(-) diff --git a/docs/_static/css/custom.css b/docs/_static/css/custom.css index 5630272..edada43 100644 --- a/docs/_static/css/custom.css +++ b/docs/_static/css/custom.css @@ -1,11 +1,9 @@ -@import "../basic.css"; - html[data-theme="light"] { --pst-color-primary: #ed1c24; --pst-color-warning: #ed1c24; --pst-color-primary-highlight: #bc151b; - --pst-color-secondary: #1d35e7; - --pst-color-secondary-highlight: #3e51e3; + --pst-color-secondary: #1A1A1A; + --pst-color-secondary-highlight: #222222; } @@ -13,11 +11,12 @@ html[data-theme="dark"] { --pst-color-primary: #ed1c24; --pst-color-warning: #ed1c24; --pst-color-primary-highlight: #bc151b; + --pst-color-primary-text: #ffffff; --pst-color-background: #1A1A1A; - --pst-color-secondary: #1d35e7; - --pst-color-secondary-highlight: #3e51e3; - - + --pst-color-on-background: #222222; + --pst-color-surface: #222222; + --pst-color-secondary: #ffffff; + --pst-color-secondary-highlight: #ffffffb3; } html[data-theme="light"] a:hover { @@ -28,8 +27,11 @@ html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] color: #ffffff; } +html[data-theme="light"] a, a:visited { + color: var(--pst-color-primary); +} -html[data-theme="dark"] a { +html[data-theme="dark"] a, a:visited { color: #ffffff; } @@ -44,7 +46,7 @@ html[data-theme="dark"] p .reference.internal { } html[data-theme="dark"] a:hover { - color: #ed1c24; + color: var(--pst-color-primary); } html[data-theme="dark"] .prev-next-area a p.prev-next-title { @@ -52,7 +54,7 @@ html[data-theme="dark"] .prev-next-area a p.prev-next-title { } html[data-theme="dark"] .prev-next-area:hover a:hover p.prev-next-title:hover { - color: #ed1c24; + color: var(--pst-color-primary); } html[data-theme="dark"] dt:target { @@ -68,6 +70,14 @@ img:not(.logo__image, .footer_logo) { } -.footer_logo { - max-height: 60px; +table.border, .border table, .border caption, .border thead, .border tbody, .border th, .border td { + border: thin solid gray !important; + text-align: center; } + +/* Get rid of side bar , based on https://github.com/executablebooks/sphinx-book-theme/issues/732#issuecomment-1752572223 */ +.bd-sidebar-primary div#rtd-footer-container { + bottom:-1rem; + margin:-1rem; + position:fixed; + } diff --git a/docs/index.rst b/docs/index.rst index 091d84e..30fa910 100644 --- a/docs/index.rst +++ b/docs/index.rst @@ -2,10 +2,17 @@ MolSSI Container Hub ******************** -.. figure:: _static/molssi_main_logo.png - :align: center - :scale: 25% - :alt: MolSSI Container Hub logo +.. image:: _static/molssi_main_logo_inverted_white.png + :align: center + :scale: 25% + :class: only-dark + :alt: MolSSI Container Hub logo + +.. image:: _static/molssi_main_logo.png + :align: center + :scale: 25% + :class: only-light + :alt: MolSSI Container Hub logo Welcome to **MolSSI Container Hub's** documentation.