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: [WIP] other way to fix no-js dark theme #18077

Closed
wants to merge 4 commits into from

Conversation

amareshsm
Copy link
Member

@amareshsm amareshsm commented Feb 3, 2024

Prerequisites checklist

What is the purpose of this pull request? (put an "X" next to an item)

[ ] Documentation update
[ ] Bug fix (template)
[ ] New rule (template)
[ ] Changes an existing rule (template)
[ ] Add autofix to a rule
[ ] Add a CLI option
[ ] Add something to the core
[ ] Other, please explain:

What changes did you make? (Give an overview)

fixes #18076

Is there anything you'd like reviewers to focus on?

Copy link

netlify bot commented Feb 3, 2024

Deploy Preview for docs-eslint ready!

Name Link
🔨 Latest commit 3378fcf
🔍 Latest deploy log https://app.netlify.com/sites/docs-eslint/deploys/65e879360cd29c0009c4cdf0
😎 Deploy Preview https://deploy-preview-18077--docs-eslint.netlify.app
📱 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.

@eslint-github-bot eslint-github-bot bot added the documentation Relates to ESLint's documentation label Feb 3, 2024
@amareshsm amareshsm changed the title docs: [WIP] no-js dark theme fix docs: [WIP] other way to fix no-js dark theme Feb 3, 2024
@amareshsm amareshsm mentioned this pull request Feb 3, 2024
1 task
@@ -132,6 +144,10 @@ html[data-theme="light"] {
--footer-background-color: var(--color-neutral-25);
--outline-color: var(--color-brand);
--img-background-color: #fff;
Copy link
Contributor

Choose a reason for hiding this comment

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

[Non-Actionable] Existing code: this --img-background-color is only used in div.img-container, which is used in contribute/architecture and extend/code-path-analysis pages. In light mode the images on those pages have a white background anyway. So 👍 there's no visual difference from manually adding this to the default :root styles.

Just noting as it's the only exception to the styles matching up. 🙂

Copy link
Contributor

@JoshuaKGoldberg JoshuaKGoldberg left a comment

Choose a reason for hiding this comment

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

This looks great to me, thanks for the detailed explanation & sending this!

I compared the two pairs of styles: @media-based and html-data-theme]-based. They all have the same attributes except for the existing https://github.com/eslint/eslint/pull/18077/files#r1477122882 that doesn't have any issues associated with it.

💯 !

@nzakas
Copy link
Member

nzakas commented Feb 6, 2024

It looks like this PR is preferred over #18071? Can we close #18071 and mark this PR as ready for review?

@amareshsm
Copy link
Member Author

It looks like this PR is preferred over #18071? Can we close #18071 and mark this PR as ready for review?

Yes, #18071 is closed. This is not ready for review some components I have to update I will do this week.

Copy link

Hi everyone, it looks like we lost track of this pull request. Please review and see what the next steps are. This pull request will auto-close in 7 days without an update.

@nzakas
Copy link
Member

nzakas commented Feb 19, 2024

@harish-sethuraman please don't just remove the "stale" label, we need to know why it's not stale. In this case, we should follow up with @amareshsm to see if he's still working on it.

@amareshsm
Copy link
Member Author

@harish-sethuraman please don't just remove the "stale" label, we need to know why it's not stale. In this case, we should follow up with @amareshsm to see if he's still working on it.

Hey Sorry missed this I am working on this. I will complete it in 1 or 2 days.

Copy link

Hi everyone, it looks like we lost track of this pull request. Please review and see what the next steps are. This pull request will auto-close in 7 days without an update.

@github-actions github-actions bot added the Stale label Feb 29, 2024
@Rec0iL99
Copy link
Member

Rec0iL99 commented Mar 1, 2024

@amareshsm are you still working on this?

@Rec0iL99 Rec0iL99 removed the Stale label Mar 1, 2024
Copy link

Hi everyone, it looks like we lost track of this pull request. Please review and see what the next steps are. This pull request will auto-close in 7 days without an update.

@github-actions github-actions bot added the Stale label Mar 16, 2024
Copy link

This pull request was auto-closed due to inactivity. While we wish we could keep working on every request, we unfortunately don't have the bandwidth to continue here and need to focus on other things. You can resubmit this pull request if you would like to continue working on it.

@github-actions github-actions bot closed this Mar 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
documentation Relates to ESLint's documentation Stale
Projects
Status: Complete
Development

Successfully merging this pull request may close these issues.

Docs: Some dark mode text styles missing when JavaScript is disabled
5 participants