Skip to content

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

Merged
mdo merged 12 commits intomainfrom
main-jd-add-doc-for-sass-custom-colors
May 17, 2023
Merged

Docs: new section to explain how to add a new color to the theme#37737
mdo merged 12 commits intomainfrom
main-jd-add-doc-for-sass-custom-colors

Conversation

@julien-deramond
Copy link
Copy Markdown
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
Copy Markdown
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
Copy Markdown
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
@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.

2 participants