Skip to content

Dark mode: add badge in /dark-mode page#2387

Merged
julien-deramond merged 1 commit intomain-jd-dark-modefrom
main-jd-dark-mode-add-badge-in-dark-mode-page
Nov 28, 2023
Merged

Dark mode: add badge in /dark-mode page#2387
julien-deramond merged 1 commit intomain-jd-dark-modefrom
main-jd-dark-mode-add-badge-in-dark-mode-page

Conversation

@julien-deramond
Copy link
Contributor

@julien-deramond julien-deramond commented Nov 27, 2023

Description

This PR adds the badge component in the /dark-mode page as a sub-task listed in #2223.

Note: Setting data-bs-theme directly onto the component when only defined as a <span> + .text-bg-{color} doesn't work at all times; the text color is not always the right color. This is due to the fact that, at the time of the creation of this PR, the color and background color are not automatically changed with data-bs-theme.

Live previews

@julien-deramond julien-deramond added 📖 documentation Improvements or additions to documentation color mode Temporary label to highlight color mode issues labels Nov 27, 2023
@netlify
Copy link

netlify bot commented Nov 27, 2023

Deploy Preview for boosted ready!

Name Link
🔨 Latest commit 902254d
🔍 Latest deploy log https://app.netlify.com/sites/boosted/deploys/65648cf44046b60008cf0504
😎 Deploy Preview https://deploy-preview-2387--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 julien-deramond force-pushed the main-jd-dark-mode-add-badge-in-dark-mode-page branch from 4d225da to 3cc3895 Compare November 27, 2023 08:17
@julien-deramond julien-deramond force-pushed the main-jd-dark-mode-add-badge-in-dark-mode-page branch from 3cc3895 to 902254d Compare November 27, 2023 12:34
@julien-deramond julien-deramond merged commit d6f9e52 into main-jd-dark-mode Nov 28, 2023
@julien-deramond julien-deramond deleted the main-jd-dark-mode-add-badge-in-dark-mode-page branch November 28, 2023 10:57
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 📖 documentation Improvements or additions to documentation

Projects

Development

Successfully merging this pull request may close these issues.

2 participants