fix(color): Applied soften colors globally#1776
Open
amritkv wants to merge 1 commit into
Open
Conversation
amritkv
force-pushed
the
chore/soften_license_clearing_color
branch
from
aae7478 to
7583003
Compare
Signed-off-by: Amrit Kumar Verma <amrit.verma@siemens.com>
amritkv
force-pushed
the
chore/soften_license_clearing_color
branch
from
7583003 to
5366591
Compare
GMishx
reviewed
Jun 5, 2026
|
|
||
| .bg-success { | ||
| background-color: #68c17c !important; | ||
| .badge.bg-success { |
Member
There was a problem hiding this comment.
Why disturb the existing bg-success?
Member
Author
There was a problem hiding this comment.
@GMishx, this is because it is the common class for multiple places where pill like badges are used. And everywhere bootstrap is overriding our custom soft touch colors with its very sharp and bright default colors.
Member
There was a problem hiding this comment.
My point being, this would remove the override we have for .bg-success class. Why not create another override of .badge.bg-success along with .bg-success?
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Soften license clearing state badge colors
What
Override Bootstrap's default
.bg-success,.bg-danger,.bg-warning, and.bg-secondarybackground colors with softer, solid SW360 values for the project/release state badges (thePS/CScapsules) inglobals.cssWhy
The previous custom overrides weren't applying — the badges rendered in Bootstrap's harsh default colors instead of the intended softer palette.
Root cause
The custom
.bg-successrule and Bootstrap's.bg-successboth used!importantwith identical specificity(0,1,0). With importance and specificity tied, the cascade falls back to source order, and Bootstrap's stylesheet loads last in the final<head>, so Bootstrap won.How
Scoped each override to
.badge.bg-*, raising specificity to(0,2,0)so it beats Bootstrap's(0,1,0)on specificity directly — making the fix independent of stylesheet import order.Closes : #1775