default colors don't match with vanilla bootstrap 5

Created on 10 June 2023, over 1 year ago
Updated 15 September 2023, about 1 year ago

E.g. as documented here (if we inspect) https://getbootstrap.com/docs/5.0/components/buttons/ the default .btn-primary background color is:

.btn-primary {
	background-color: #0d6efd;
	border-color: #0d6efd;
}

But when we deploy bootstrap5 to fresh D10 installation, the default .btn-primary is very dark/bright blue and does not match official original color?

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #003CC5;
	--bs-btn-border-color: #003CC5;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #0033a7;
	--bs-btn-hover-border-color: #00309e;
	--bs-btn-focus-shadow-rgb: 38, 89, 206;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #00309e;
	--bs-btn-active-border-color: #002d94;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #003CC5;
	--bs-btn-disabled-border-color: #003CC5;
}

E.g. D10 ships with Search block that has Search button with .btn-primary set.

vs

🐛 Bug report
Status

Fixed

Version

3.0

Component

Code

Created by

🇱🇹Lithuania vibrasphere

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024