Define background colors for background section layouts

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: Master
• Fix Version/s: Master
• Component/s: WCM > Fragments
• Labels:
  • frontend
• Fix Priority: 3
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/70698

We have already matched Bootstrap color classes with Lexicon colors in Clay 

https://issues.liferay.com/browse/LPS-91496

So the idea is to define the colors provided as background colors for layout sections to these:

 

.bg-primary	#0B5FFF
.bg-secondary	#6B6C7E
.bg-success	#287D3C
.bg-danger	#DA1414
.bg-warning	#B95000
.bg-info	#2E5AAC
.bg-dark	#393A4A
.bg-light	#F1F2F5
.bg-white	#FFFFFFF
.bg-transparent	transparent