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

Dark mode: Local nav and nav underline fix #2406

Merged
merged 2 commits into from
Dec 19, 2023

Conversation

louismaximepiton
Copy link
Member

@louismaximepiton louismaximepiton commented Dec 13, 2023

Description

This PR safely removes --bs-nav-link-active-color.

Following design private conversation:

regarding the Local navigation Selected state Label, the label should change to White on the dark mode version with the orange underline. This would make it consistent with the Light mode version.

the Hover states should be the same on both the light and dark mode versions. The hover state should use an orange coloured label.

the same changes should be applied to the Tabs Underline component selected and hover states in light and dark modes.

The artboards have been updated.

I tweaked a bit the associated CSS to follow these new rules. (Less Generated CSS)

Should be transparent for users (apart for the look).

Live previews

@louismaximepiton louismaximepiton added fix color mode Temporary label to highlight color mode issues labels Dec 13, 2023
Copy link

netlify bot commented Dec 13, 2023

Deploy Preview for boosted ready!

Name Link
🔨 Latest commit 5de8939
🔍 Latest deploy log https://app.netlify.com/sites/boosted/deploys/65814ff2cae40100084be754
😎 Deploy Preview https://deploy-preview-2406--boosted.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.

@julien-deramond
Copy link
Contributor

Discussed with the designers, we need to use #141414 as background color

Copy link
Contributor

@julien-deramond julien-deramond left a comment

Choose a reason for hiding this comment

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

LGTM!

@julien-deramond julien-deramond merged commit 673feec into main-jd-dark-mode Dec 19, 2023
14 checks passed
@julien-deramond julien-deramond deleted the main-lmp-local-nav-fix branch December 19, 2023 08:17
@julien-deramond julien-deramond mentioned this pull request Dec 19, 2023
julien-deramond added a commit that referenced this pull request Dec 21, 2023
Co-authored-by: Julien Déramond <julien.deramond@orange.com>
julien-deramond added a commit that referenced this pull request Dec 26, 2023
Co-authored-by: Julien Déramond <julien.deramond@orange.com>
julien-deramond added a commit that referenced this pull request Dec 27, 2023
Co-authored-by: Julien Déramond <julien.deramond@orange.com>
julien-deramond added a commit that referenced this pull request Jan 2, 2024
Co-authored-by: Julien Déramond <julien.deramond@orange.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
color mode Temporary label to highlight color mode issues fix passed design review
Projects
Development

Successfully merging this pull request may close these issues.

2 participants