在使用Bootstrap吗?快来看看如何使用 Bootswatch 主题吧

Bootswatch是Bootstrap的免费和开源主题的集合。如果要用于包含Bootstrap的资源，则可以使用bootstrap.load_css()并配置变量

BOOTSTRAP_BOOTSWATCH_THEME来设置 Bootswatch 主题。

可用主题名称为： ‘cerulean’, ‘cosmo’, ‘cyborg’, ‘darkly’, ‘flatly’, ‘journal’, ‘litera’, ‘lumen’, ‘lux’, ‘materia’, ‘minty’, ‘pulse’, ‘sandstone’, ‘simplex’, ‘sketchy’, ‘slate’, ‘solar’, ‘spacelab’, ‘superhero’, ‘united’, ‘yeti’。

对于 Bootstrap 5，还可以使用 ‘morph’, ‘quartz’, ‘vapor’, ‘zephyr’ 主题

例如，要使用lumen主题，可以用下面的代码来设置。

app.config['BOOTSTRAP_BOOTSWATCH_THEME'] = 'lumen'

各种Bootswatch主题的配色效果如下图所示。

在 https://bootswatch.com 网站上可以找到这些主题。