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: new section to explain how to add a new color to the theme #37737

Merged
merged 12 commits into from
May 17, 2023

Conversation

julien-deramond
Copy link
Member

@julien-deramond julien-deramond commented Dec 27, 2022

Description

This PR suggests adding a new section in our docs somewhere to explain how to add a new color in our theme colors which are not as easy as before after the new color modes.

Would love to have feedback/ideas from @twbs/css-review 🙏

This PR can be tested directly at https://stackblitz.com/edit/github-woyaxg?file=src%2Fscss%2Fstyles.scss,src%2Findex.html or by forking it.

Motivation & Context

IMO this change is required for our users to understand how to play with the theme colors.

Type of changes

  • Enhancement

Checklist

  • I have read the contributing guidelines
  • My code follows the code style of the project (using npm run lint)
  • My change introduces changes to the documentation
  • I have updated the documentation accordingly
  • All new and existing tests passed

Live previews

Related issues

Mentioned in #37549

@julien-deramond julien-deramond force-pushed the main-jd-add-doc-for-sass-custom-colors branch from 7c5dba8 to c7d9da4 Compare December 27, 2022 21:01
@julien-deramond julien-deramond mentioned this pull request Dec 27, 2022
81 tasks
@julien-deramond julien-deramond changed the title Main jd add doc for sass custom colors Docs: new section to explain how to add a new color to the theme Dec 27, 2022
@mdo mdo force-pushed the main-jd-add-doc-for-sass-custom-colors branch from c7d9da4 to cca0a27 Compare January 15, 2023 20:40
@mdo mdo marked this pull request as ready for review January 15, 2023 21:00
@mdo mdo requested a review from a team as a code owner January 15, 2023 21:00
@julien-deramond julien-deramond marked this pull request as draft March 8, 2023 10:23
@julien-deramond
Copy link
Member Author

julien-deramond commented Mar 8, 2023

Putting it in draft. Before merging it, IMO we should also introduce how to have custom values for the dark mode with:

  • $theme-colors-text-dark
  • $theme-colors-bg-subtle-dark
  • $theme-colors-border-subtle-dark

@julien-deramond
Copy link
Member Author

I've finalized this PR with the following modifications:

@mdo I re-request a review for this PR now ready for final review

@julien-deramond julien-deramond marked this pull request as ready for review May 11, 2023 12:26
@julien-deramond julien-deramond requested a review from mdo May 11, 2023 12:26
@mdo mdo merged commit e87852f into main May 17, 2023
13 checks passed
@mdo mdo deleted the main-jd-add-doc-for-sass-custom-colors branch May 17, 2023 16:39
romankupchak93 pushed a commit to romankupchak93/bootstrap that referenced this pull request Jan 5, 2024
…s#37737)

* Docs: new section to explain how to add a new color to the theme

* Commit to revert

* Edit copy

* Typo

* bundlewatch

* Restore blog example

* Remove Sass modifications

* Complete documentation

* Revert bootstrap.scss modifications

---------

Co-authored-by: Mark Otto <markdotto@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
No open projects
Status: Done
Development

Successfully merging this pull request may close these issues.

None yet

2 participants