在使用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 网站上可以找到这些主题。