From 3e8f22a4825940e53e18b7364526f4fbaaa60117 Mon Sep 17 00:00:00 2001 From: Adam Porter Date: Thu, 7 Dec 2023 13:16:48 -0600 Subject: [PATCH 1/4] Fix: .scientific-domains header color --- assets/css/tabs.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/css/tabs.scss b/assets/css/tabs.scss index 489341fa28..420ec1d305 100644 --- a/assets/css/tabs.scss +++ b/assets/css/tabs.scss @@ -99,7 +99,7 @@ section.scientific-domains { & header { // FIXME: Use appropriate PST color for this header text. - color: var(--colorPrimaryDark); + color: var(--pst-color-text-base); font-weight: 700; // Ensure headers are the same minimum height (some wrap // to two lines). From c3724eeeba4b2ae5ae0d5335ef98ed4c779d7eb9 Mon Sep 17 00:00:00 2001 From: Adam Porter Date: Thu, 7 Dec 2023 13:46:33 -0600 Subject: [PATCH 2/4] Fix: (sd6.svg) Make background transparent for dark mode inversion --- .../images/content_images/sc_dom_img/sd6.svg | 22 +------------------ 1 file changed, 1 insertion(+), 21 deletions(-) diff --git a/static/images/content_images/sc_dom_img/sd6.svg b/static/images/content_images/sc_dom_img/sd6.svg index 3a975bd1ea..cee7b82839 100644 --- a/static/images/content_images/sc_dom_img/sd6.svg +++ b/static/images/content_images/sc_dom_img/sd6.svg @@ -1,21 +1 @@ - - - - - - - - - - - - - - - - - - - - - + \ No newline at end of file From abfb6120b491e0707d79de92bc6e347094274533 Mon Sep 17 00:00:00 2001 From: Adam Porter Date: Thu, 7 Dec 2023 14:16:10 -0600 Subject: [PATCH 3/4] Fix: (.image-grid > div) Image background and border color For the "Visualization" tab. In light mode, this color is slightly different, but not noticeably unless seen together with the old color. In dark mode it appears perfect. --- assets/css/tabs.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/assets/css/tabs.scss b/assets/css/tabs.scss index 420ec1d305..e95eda6db7 100644 --- a/assets/css/tabs.scss +++ b/assets/css/tabs.scss @@ -73,8 +73,8 @@ table td, table th { } .image-grid > div { - background-color: rgb(238, 238, 238); - border: 2px solid rgb(255, 255, 255); + background-color: var(--pst-color-surface); + border: 2px solid var(--pst-color-surface); border-radius: 10px; padding: 10px; } From 2f2dbe74b80458890e4026ca0891862dfffba55d Mon Sep 17 00:00:00 2001 From: Adam Porter Date: Thu, 7 Dec 2023 14:03:38 -0600 Subject: [PATCH 4/4] Fix: (.grid-container > div) background-color for dark-mode --- assets/css/tabs.scss | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/assets/css/tabs.scss b/assets/css/tabs.scss index e95eda6db7..c1b84be604 100644 --- a/assets/css/tabs.scss +++ b/assets/css/tabs.scss @@ -50,8 +50,7 @@ table td, table th { } .grid-container > div { - /* White, with 80% opacity */ - background-color: rgba(255, 255, 255, 0.8); + background-color: var(--pst-color-background); text-align: middle; }