[Idea] Custom bootstrap variable in default

[Olimbot]

The problem

Hello,
The theme's Sass files use Bootstrap variables.

As a developer, if you want to create a custom overlay with colors or other customizations, the Bootstrap variables in Hummingbird are not enabled by default.

For example, in these two files:

• bootstrap/overrides/variables/_variables.scss
• bootstrap/overrides/variables/components/_inputs.scss

For example, the colors are defined as:
$blue: #0b69f6;
$green: #188251;
$red: #ff4657;

Ideally, it would be practical for them to be:
$blue: #0b69f6 !default;
$green: #188251 !default;
$red: #ff4657 !default;

Regards,

The solution

Add !default for some variables.

Additional context

No response

Do you plan to work on this subject?

• I'm willing to contribute a formal specification.
• I'm willing to provide any wireframes or design assets required for this feature.
• I'm willing to submit a Pull Request that implements this feature.
• I'm willing to help verify that the implemented feature works as intended and produces no unintended side effects.

[tblivet]

Hello @Olimbot,

Thanks for raising this. I don’t think this change is necessary.

Hummingbird v2 is built on top of Bootstrap 5, so Bootstrap should remain the base for Sass variables and customization. The theme should then define its own overrides on top of that, which is already how it works today.

Since Bootstrap already defines its variables with !default, I don’t see much value in adding !default again in Hummingbird’s own override files. To me, this is not the right place to introduce that kind of flexibility.