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

Style: Fix contrast issues on dark mode #4277

Merged
merged 1 commit into from
Dec 18, 2024

Conversation

VitroidFPV
Copy link
Member

Fixes #4278 and more.

image
image

image
image
...

For the canvas-rendered parts I used a neutral (50% value) color that should work well on both dark and light mode, having two options that switch between light and dark mode would be better but I'm not sure how best to implement that consistently
image

Copy link

netlify bot commented Dec 17, 2024

Deploy Preview for origin-betaflight-app ready!

Name Link
🔨 Latest commit cb4cbde
🔍 Latest deploy log https://app.netlify.com/sites/origin-betaflight-app/deploys/6761f5f7d32c5e0008229b48
😎 Deploy Preview https://deploy-preview-4277.dev.app.betaflight.com
📱 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

sonarcloud bot commented Dec 17, 2024

@haslinghuis haslinghuis added this to the 11.0 milestone Dec 17, 2024
@@ -1295,6 +1295,12 @@ dialog {
&:hover {
background-color: var(--primary-400);
}
&.disabled {
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
&.disabled {
&:disabled {

Copy link
Member Author

Choose a reason for hiding this comment

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

The way it's currently handled is with a class, not a prop. Might be a good fix for a future PR

@haslinghuis haslinghuis merged commit 69bed5e into betaflight:master Dec 18, 2024
8 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
Development

Successfully merging this pull request may close these issues.

the "X" icon to delete in Modes tab not visible on dark mode
3 participants