From 6ba9d87956d0a1f0aca643091816609986c8614e Mon Sep 17 00:00:00 2001 From: Anna Viklund Date: Mon, 23 Mar 2026 13:40:40 +0100 Subject: [PATCH 1/9] Adjust colors for admonition tip --- docs/stylesheets/extra.css | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css index 8a63bab..1c0378e 100644 --- a/docs/stylesheets/extra.css +++ b/docs/stylesheets/extra.css @@ -76,21 +76,24 @@ Define through LM/DM scheme color variables to change with mode } /* -Set admonition (question) colors +Set admonition (question and tip) colors Change with LM/DM (set through scheme color variables) */ -.md-typeset .admonition.question, .md-typeset details.question { +.md-typeset .admonition.question, .md-typeset details.question, +.md-typeset .admonition.tip, .md-typeset details.tip { border-color: var(--md-accent-fg-color); box-shadow: var(--md-accent-fg-color-10); } /* icon color */ -.md-typeset .admonition.question > .admonition-title::before { +.md-typeset .admonition.question > .admonition-title::before, +.md-typeset .admonition.tip > .admonition-title::before { background-color: var(--md-accent-fg-color); } /* shaded part (title/heading) */ -.md-typeset .question>.admonition-title,.md-typeset .question>summary { +.md-typeset .question>.admonition-title, .md-typeset .question>summary, +.md-typeset .tip>.admonition-title, .md-typeset .tip>summary { background-color: var(--md-accent-fg-color-10); } From a7484838211c20b3fd7a300d764b7e43a7aa9677 Mon Sep 17 00:00:00 2001 From: Anna Viklund Date: Mon, 23 Mar 2026 13:41:44 +0100 Subject: [PATCH 2/9] Adjust colors for small screen navigation --- docs/stylesheets/extra.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css index 1c0378e..386867b 100644 --- a/docs/stylesheets/extra.css +++ b/docs/stylesheets/extra.css @@ -144,6 +144,11 @@ Change with LM/DM (set through scheme color variables) /* Small screen adjustments */ @media screen and (max-width: 76.2344em) { + .md-nav--primary .md-nav__title { + background-color: var(--md-primary-fg-color); + color: var(--md-primary-bg-color); + } + /* Dark mode custom active parent color (side panel) */ [data-md-color-scheme="slate"] .md-nav .md-nav__item--active > .md-nav__link { color: var(--color-dm-url); From 2532f326afa3c10ba2ad89e640336fe82db9d445 Mon Sep 17 00:00:00 2001 From: Anna Viklund Date: Mon, 23 Mar 2026 14:04:21 +0100 Subject: [PATCH 3/9] Make links more distinguishable --- docs/stylesheets/extra.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css index 386867b..83fbb32 100644 --- a/docs/stylesheets/extra.css +++ b/docs/stylesheets/extra.css @@ -101,6 +101,7 @@ Change with LM/DM (set through scheme color variables) /* Content URLs */ [data-md-color-scheme="default"] .md-typeset a { color: var(--color-lm-url); + text-decoration: underline; } [data-md-color-scheme="default"] .md-typeset a:hover { @@ -111,6 +112,7 @@ Change with LM/DM (set through scheme color variables) to better distinguish from those that are above */ [data-md-color-scheme="default"] .md-nav .md-nav__link--active { color: var(--color-lm-url); + font-weight: bold; } [data-md-color-scheme="default"] .md-nav .md-nav__link--active:hover { @@ -127,6 +129,7 @@ Change with LM/DM (set through scheme color variables) /* Dark mode custom link color */ [data-md-color-scheme="slate"] .md-typeset a { color: var(--color-dm-url); + text-decoration: underline; } [data-md-color-scheme="slate"] .md-typeset a:hover { @@ -136,6 +139,7 @@ Change with LM/DM (set through scheme color variables) /* Dark mode custom active link color (side panel) */ [data-md-color-scheme="slate"] .md-nav .md-nav__link--active { color: var(--color-dm-url); + font-weight: bold; } [data-md-color-scheme="slate"] .md-nav .md-nav__link--active:hover { From 4a70b79ffdcdddd3c45f715482a7084b89df744a Mon Sep 17 00:00:00 2001 From: Anna Viklund Date: Mon, 23 Mar 2026 14:04:41 +0100 Subject: [PATCH 4/9] Adjust colors for admonition info --- docs/stylesheets/extra.css | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css index 83fbb32..c4d98aa 100644 --- a/docs/stylesheets/extra.css +++ b/docs/stylesheets/extra.css @@ -76,24 +76,27 @@ Define through LM/DM scheme color variables to change with mode } /* -Set admonition (question and tip) colors +Set admonition (question, tip and info) colors Change with LM/DM (set through scheme color variables) */ .md-typeset .admonition.question, .md-typeset details.question, -.md-typeset .admonition.tip, .md-typeset details.tip { +.md-typeset .admonition.tip, .md-typeset details.tip, +.md-typeset .admonition.info, .md-typeset details.info { border-color: var(--md-accent-fg-color); box-shadow: var(--md-accent-fg-color-10); } /* icon color */ .md-typeset .admonition.question > .admonition-title::before, -.md-typeset .admonition.tip > .admonition-title::before { +.md-typeset .admonition.tip > .admonition-title::before, +.md-typeset .admonition.info > .admonition-title::before { background-color: var(--md-accent-fg-color); } /* shaded part (title/heading) */ .md-typeset .question>.admonition-title, .md-typeset .question>summary, -.md-typeset .tip>.admonition-title, .md-typeset .tip>summary { +.md-typeset .tip>.admonition-title, .md-typeset .tip>summary, +.md-typeset .info>.admonition-title, .md-typeset .info>summary { background-color: var(--md-accent-fg-color-10); } From a5c9573df92b30bc1ccabf5fb4d8976d4f504fd1 Mon Sep 17 00:00:00 2001 From: Anna Viklund Date: Mon, 23 Mar 2026 15:37:56 +0100 Subject: [PATCH 5/9] Tweak link appearance --- docs/stylesheets/extra.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css index c4d98aa..a201efe 100644 --- a/docs/stylesheets/extra.css +++ b/docs/stylesheets/extra.css @@ -104,7 +104,7 @@ Change with LM/DM (set through scheme color variables) /* Content URLs */ [data-md-color-scheme="default"] .md-typeset a { color: var(--color-lm-url); - text-decoration: underline; + font-weight: bold; } [data-md-color-scheme="default"] .md-typeset a:hover { @@ -114,7 +114,7 @@ Change with LM/DM (set through scheme color variables) /* Navigation URL (side panel contents) to better distinguish from those that are above */ [data-md-color-scheme="default"] .md-nav .md-nav__link--active { - color: var(--color-lm-url); + color: var(--md-accent-fg-color); font-weight: bold; } @@ -132,7 +132,7 @@ Change with LM/DM (set through scheme color variables) /* Dark mode custom link color */ [data-md-color-scheme="slate"] .md-typeset a { color: var(--color-dm-url); - text-decoration: underline; + font-weight: bold; } [data-md-color-scheme="slate"] .md-typeset a:hover { @@ -141,7 +141,7 @@ Change with LM/DM (set through scheme color variables) /* Dark mode custom active link color (side panel) */ [data-md-color-scheme="slate"] .md-nav .md-nav__link--active { - color: var(--color-dm-url); + color: var(--md-accent-fg-color); font-weight: bold; } @@ -158,7 +158,7 @@ Change with LM/DM (set through scheme color variables) /* Dark mode custom active parent color (side panel) */ [data-md-color-scheme="slate"] .md-nav .md-nav__item--active > .md-nav__link { - color: var(--color-dm-url); + color: var(--md-accent-fg-color); } /* Dark mode custom active parent hover color (side panel) */ From 39a8bb74997dff58d6352c0d1dadf555f28e45f6 Mon Sep 17 00:00:00 2001 From: Anna Viklund Date: Tue, 24 Mar 2026 16:22:24 +0100 Subject: [PATCH 6/9] Apply link tweak suggestions from code review Co-authored-by: Elizabeth Campolongo <38985481+egrace479@users.noreply.github.com> --- docs/stylesheets/extra.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css index a201efe..d5ae059 100644 --- a/docs/stylesheets/extra.css +++ b/docs/stylesheets/extra.css @@ -114,7 +114,7 @@ Change with LM/DM (set through scheme color variables) /* Navigation URL (side panel contents) to better distinguish from those that are above */ [data-md-color-scheme="default"] .md-nav .md-nav__link--active { - color: var(--md-accent-fg-color); + color: var(--color-lm-url); font-weight: bold; } @@ -141,7 +141,7 @@ Change with LM/DM (set through scheme color variables) /* Dark mode custom active link color (side panel) */ [data-md-color-scheme="slate"] .md-nav .md-nav__link--active { - color: var(--md-accent-fg-color); + color: var(--color-dm-url); font-weight: bold; } @@ -158,7 +158,8 @@ Change with LM/DM (set through scheme color variables) /* Dark mode custom active parent color (side panel) */ [data-md-color-scheme="slate"] .md-nav .md-nav__item--active > .md-nav__link { - color: var(--md-accent-fg-color); + color: var(--color-dm-url); + font-weight: bold; } /* Dark mode custom active parent hover color (side panel) */ From 50e5d242ed0fc7a0e61110d68deef0d4d5b26254 Mon Sep 17 00:00:00 2001 From: Anna Viklund Date: Tue, 24 Mar 2026 16:28:58 +0100 Subject: [PATCH 7/9] Tweak logic for admonition colors --- docs/stylesheets/extra.css | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css index d5ae059..eb9292e 100644 --- a/docs/stylesheets/extra.css +++ b/docs/stylesheets/extra.css @@ -57,46 +57,46 @@ body { } /* -Set admonition (Note) colors to stand out better +Set admonition (note and info) colors to stand out better Define through LM/DM scheme color variables to change with mode */ -.md-typeset .admonition.note, .md-typeset details.note { +.md-typeset .admonition.note, .md-typeset details.note, +.md-typeset .admonition.info, .md-typeset details.info { border-color: var(--color-lm-url); box-shadow: var(--color-lm-url-10); } /* icon color */ -.md-typeset .admonition.note > .admonition-title::before { +.md-typeset .admonition.note > .admonition-title::before, +.md-typeset .admonition.info > .admonition-title::before { background-color: var(--color-lm-url); } /* shaded part (title/heading) */ -.md-typeset .note>.admonition-title,.md-typeset .note>summary { +.md-typeset .note>.admonition-title,.md-typeset .note>summary, +.md-typeset .info>.admonition-title, .md-typeset .info>summary { background-color: var(--color-lm-url-10); } /* -Set admonition (question, tip and info) colors +Set admonition (question and tip) colors Change with LM/DM (set through scheme color variables) */ .md-typeset .admonition.question, .md-typeset details.question, -.md-typeset .admonition.tip, .md-typeset details.tip, -.md-typeset .admonition.info, .md-typeset details.info { +.md-typeset .admonition.tip, .md-typeset details.tip { border-color: var(--md-accent-fg-color); box-shadow: var(--md-accent-fg-color-10); } /* icon color */ .md-typeset .admonition.question > .admonition-title::before, -.md-typeset .admonition.tip > .admonition-title::before, -.md-typeset .admonition.info > .admonition-title::before { +.md-typeset .admonition.tip > .admonition-title::before { background-color: var(--md-accent-fg-color); } /* shaded part (title/heading) */ .md-typeset .question>.admonition-title, .md-typeset .question>summary, -.md-typeset .tip>.admonition-title, .md-typeset .tip>summary, -.md-typeset .info>.admonition-title, .md-typeset .info>summary { +.md-typeset .tip>.admonition-title, .md-typeset .tip>summary { background-color: var(--md-accent-fg-color-10); } From 1abff02c194a0873a029e64bde7a3f741d48dbd3 Mon Sep 17 00:00:00 2001 From: Anna Viklund Date: Tue, 24 Mar 2026 17:23:16 +0100 Subject: [PATCH 8/9] Set colors for summary component --- docs/stylesheets/extra.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css index eb9292e..7aaf422 100644 --- a/docs/stylesheets/extra.css +++ b/docs/stylesheets/extra.css @@ -56,6 +56,22 @@ body { background-color: var(--md-primary-fg-color); } +/* Set colors for collapsible summary component */ +.md-typeset details { + border-color: var(--color-lm-url); + box-shadow: none !important; +} + +/* icon color */ +.md-typeset summary:before { + background-color: var(--color-lm-url); +} + +/* shaded part (title/heading) */ +.md-typeset summary { + background-color: var(--color-lm-url-10); +} + /* Set admonition (note and info) colors to stand out better Define through LM/DM scheme color variables to change with mode From e2614faf09ae33f2eee09cd7999d600d50c23034 Mon Sep 17 00:00:00 2001 From: Elizabeth Campolongo <38985481+egrace479@users.noreply.github.com> Date: Tue, 24 Mar 2026 12:53:26 -0400 Subject: [PATCH 9/9] Add background color definition clarification from main theme, not overridden --- docs/stylesheets/extra.css | 1 + 1 file changed, 1 insertion(+) diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css index 7aaf422..433b832 100644 --- a/docs/stylesheets/extra.css +++ b/docs/stylesheets/extra.css @@ -169,6 +169,7 @@ Change with LM/DM (set through scheme color variables) @media screen and (max-width: 76.2344em) { .md-nav--primary .md-nav__title { background-color: var(--md-primary-fg-color); + /* bg defined by main theme as #fff */ color: var(--md-primary-bg-color); }