Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[DOCS] Theme selector #10181

Merged
merged 31 commits into from
Sep 2, 2024
Merged

[DOCS] Theme selector #10181

merged 31 commits into from
Sep 2, 2024

Conversation

deborahniesz
Copy link
Contributor

@deborahniesz deborahniesz commented Aug 7, 2024

Deploy Preview

Mockups

Jira Ticket

DOCS_DARK_THEME.mp4

EDIT: Also removed the opacity in the navbar (both in desktop at the top side of the screen and in mobile with the sidebar menu), this change applies to the dark AND light theme.

image

image

image

image

  • Description of PR changes above includes a link to an existing GitHub issue
  • PR title is prefixed with one of: [BUGFIX], [FEATURE], [DOCS], [MAINTENANCE], [CONTRIB]
  • Code is linted - run invoke lint (uses ruff format + ruff check)
  • Appropriate tests and docs have been updated

For more information about contributing, see Contribute.

After you submit your PR, keep the page open and monitor the statuses of the various checks made by our continuous integration process at the bottom of the page. Please fix any issues that come up and reach out on Slack if you need help. Thanks for contributing!

Copy link

netlify bot commented Aug 7, 2024

Deploy Preview for niobium-lead-7998 ready!

Name Link
🔨 Latest commit 6841648
🔍 Latest deploy log https://app.netlify.com/sites/niobium-lead-7998/deploys/66d6173ea3dbac0008896384
😎 Deploy Preview https://deploy-preview-10181.docs.greatexpectations.io
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

codecov bot commented Aug 7, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 79.71%. Comparing base (687b5eb) to head (6841648).
Report is 1 commits behind head on develop.

✅ All tests successful. No failed tests found.

Additional details and impacted files
@@             Coverage Diff             @@
##           develop   #10181      +/-   ##
===========================================
- Coverage    79.71%   79.71%   -0.01%     
===========================================
  Files          455      455              
  Lines        39646    39646              
===========================================
- Hits         31604    31603       -1     
- Misses        8042     8043       +1     
Flag Coverage Δ
3.10 66.38% <ø> (ø)
3.10 athena or clickhouse or openpyxl or pyarrow or project or sqlite or aws_creds ?
3.10 aws_deps ?
3.10 big ?
3.10 databricks ?
3.10 filesystem ?
3.10 mssql ?
3.10 mysql ?
3.10 postgresql ?
3.10 trino ?
3.11 66.38% <ø> (ø)
3.11 athena or clickhouse or openpyxl or pyarrow or project or sqlite or aws_creds ?
3.11 aws_deps ?
3.11 big ?
3.11 databricks ?
3.11 filesystem ?
3.11 mssql ?
3.11 mysql ?
3.11 postgresql ?
3.11 snowflake ?
3.11 trino ?
3.12 65.01% <ø> (ø)
3.12 aws_deps 45.92% <ø> (ø)
3.12 big 54.56% <ø> (ø)
3.12 filesystem 60.54% <ø> (ø)
3.12 mssql 50.01% <ø> (ø)
3.12 mysql 50.07% <ø> (ø)
3.12 postgresql 54.22% <ø> (ø)
3.12 spark 57.66% <ø> (ø)
3.12 trino 52.27% <ø> (ø)
3.8 66.42% <ø> (-0.02%) ⬇️
3.8 athena or clickhouse or openpyxl or pyarrow or project or sqlite or aws_creds 54.75% <ø> (ø)
3.8 aws_deps 45.95% <ø> (ø)
3.8 big 54.58% <ø> (ø)
3.8 databricks 47.22% <ø> (ø)
3.8 filesystem 60.56% <ø> (ø)
3.8 mssql 50.00% <ø> (ø)
3.8 mysql 50.06% <ø> (ø)
3.8 postgresql 54.21% <ø> (ø)
3.8 snowflake 48.13% <ø> (ø)
3.8 spark 57.63% <ø> (ø)
3.8 trino 52.26% <ø> (ø)
3.9 66.42% <ø> (+0.01%) ⬆️
3.9 athena or clickhouse or openpyxl or pyarrow or project or sqlite or aws_creds ?
3.9 aws_deps ?
3.9 big ?
3.9 databricks ?
3.9 filesystem ?
3.9 mssql ?
3.9 mysql ?
3.9 postgresql ?
3.9 snowflake ?
3.9 trino ?
cloud 0.00% <ø> (ø)
docs-basic 52.28% <ø> (ø)
docs-creds-needed 52.62% <ø> (ø)
docs-spark 52.04% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@deborahniesz deborahniesz force-pushed the DSB-656_theme_selector branch 3 times, most recently from 5148f1d to b8f7b57 Compare August 21, 2024 18:28
@josectobar
Copy link
Member

It's not related to these changes, but we need to fix the font color of the privacy link in light mode. It seems to be hidden.
2024-08-22 10 31 46

@josectobar
Copy link
Member

Could we remove the white borders in the code snippet boxes for dark mode?

image

@josectobar
Copy link
Member

some embeded span texts are shown with a white background, can we remove the background and the border?

before:
image

after:

image

@josectobar
Copy link
Member

We should also change the white background and text color from docs/reference/api/core/util code snippets:

before:

image

after:

image

@josectobar
Copy link
Member

josectobar commented Aug 22, 2024

The disabled state of the submit button in the feedback modal lacks enough contrast:
image

@josectobar
Copy link
Member

There are some screenshots with white backgrounds. Are we planning on replacing these at some point?
image

Copy link
Member

@josectobar josectobar left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great work! I left a couple of comments related to the code and some others related to specific cases where I think we need to adjust some of the styling for dark mode. cc. @SuperYeehee

docs/docusaurus/src/css/custom.scss Outdated Show resolved Hide resolved
@SuperYeehee
Copy link

Great work! I left a couple of comments related to the code and some others related to specific cases where I think we need to adjust some of the styling for dark mode. cc. @SuperYeehee

Could you clarify what you mean on "Adjust some of the styling for DM?" Are you references like a set of standard variables like we use in our GX theme.ts?

@josectobar
Copy link
Member

Great work! I left a couple of comments related to the code and some others related to specific cases where I think we need to adjust some of the styling for dark mode. cc. @SuperYeehee

Could you clarify what you mean on "Adjust some of the styling for DM?" Are you references like a set of standard variables like we use in our GX theme.ts?

@SuperYeehee , I'm referring to my comments above☝🏽

border-radius: .25rem;
box-shadow: 0 .2rem .5rem var(--pst-color-shadow), 0 0 .0625rem var(--pst-color-shadow) !important;
box-shadow: none !important;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Does this work without the !important?

Copy link
Member

@josectobar josectobar left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great! I love dark mode! please address some final suggestions but otherwise is good to go.

@deborahniesz deborahniesz force-pushed the DSB-656_theme_selector branch from 356790c to 3463eb3 Compare September 2, 2024 19:22
@deborahniesz deborahniesz added this pull request to the merge queue Sep 2, 2024
Merged via the queue into develop with commit 5375721 Sep 2, 2024
62 checks passed
@deborahniesz deborahniesz deleted the DSB-656_theme_selector branch September 2, 2024 20:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants