颜色

Bootstrap4的自定义颜色

--blue: #007bff;和--primary: #007bff;
--red: #dc3545;和--danger: #dc3545;
--yellow: #ffc107;和--warning: #ffc107;
--green: #28a745;和--success: #28a745;
--cyan: #17a2b8;和--info: #17a2b8;
--gray: #6c757d;和--secondary: #6c757d;
--gray-dark: #343a40;和--dark: #343a40;

		
:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
}

使用方法

		
:root {
  --main-bg-color: coral;
  --main-txt-color: blue;
  --main-padding: 15px;
} 
#div1 {
  background-color: var(--main-bg-color);
  color: var(--main-txt-color);
  padding: var(--main-padding);
} 
#div2 {
  background-color: var(--main-bg-color);
  color: var(--main-txt-color);
  padding: var(--main-padding);
}

--gray-dark: #343a40;