Setting up the Bootstrap colour CSS variables - is this possible

I Need Help
1

Is it possible inside Blocs5, to setup or change the Bootstrap5 colour variables? I have not seen any mention of this but may have missed it. What I would like to do in detail is to set these colours to the colours I want, and then save them and reload in other projects. This is easy enough to do with code, but a visual way of doing this ideally within the Swatch Manager, is what I’m looking for.

These ones:

 --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
2

I think you can create a bloc or bric with all this classes and save it as a template.
When you start a new project you place this bloc / bric and all the clases are placed in your project. Then you can delete the bloc and continue working. It´s the easiest solution it cames to my mind right now

1 Like
3

Thats a good solution. Thanks.

2 Likes
4

That’s what I did with a project that I needed to do 4 times a year - totally different design, same colours.

1 Like