Add Bootswatch themes

Wonderful! There is still the yeti https://bootswatch.com/yeti/

That I used for my own website: https://bootswatch.com/3/yeti/

For the record, on my personal website, I used https://www.bootstrap-live-customizer.com/, where I injected the yeti variables. And did minor changes.

Doesn't seem to exist with Bootstrap 5.

I used https://www.bootstrap-live-customizer.com/

No need anymore with CSS variables?

I think now such tool could directly be a CSS variable configurator.

Then ui_skins could provide a UI to receive a copy/paste of the whole export of such tool.

I might be wrong but it seems like bootswatch themes are compiled sith SCSS variables and not CSS variables the also include some CSS for each theme.

In my UI Suite Bootstrap subtheme I was able to apply one of the bootswatch themes with

libraries-override:
  ui_suite_bootstrap/bootstrap:
    css:
      theme:
        /libraries/bootstrap/dist/css/bootstrap.min.css: /libraries/bootswatch/dist/sketchy/bootstrap.min.css

and composer req npm-asset/bootswatch:^5

Hi Rodrigo,

I might be wrong but it seems like bootswatch themes are compiled sith SCSS variables and not CSS variables the also include some CSS for each theme.

That's a good things for us. Because with UI suite we are strictly differentiating:

• buildtime variables, AKA "design tokens", like SCSS or SASS variables >> we expect themes/modes to be built from them
• runtime variables, so the CSS variables, KA "custom properties" >> we use them one by one, for specific targeted overrides

In my UI Suite Bootstrap subtheme I was able to apply one of the bootswatch themes with

Indeed, that's the "classic" way of doing that. But we lose here the knowledge about this theme, we are just using the default theme but replacing one of its CSS files. UI Skins → modules allow to declare proper themes/modes plugins in YAML, in order to maniopualte them as first class objects, without overrides.

Examples:

• https://git.drupalcode.org/project/ui_suite_bootstrap/-/blob/5.0.x/ui_su...
• https://git.drupalcode.org/project/ui_suite_daisyui/-/blob/4.0.x/ui_suit...
• https://git.drupalcode.org/project/ui_suite_dsfr/-/blob/1.0.x/ui_suite_d...