更改 Bootstrap 的配色方案

Posted

技术标签:

【中文标题】更改 Bootstrap 的配色方案【英文标题】:Change Bootstrap's Color Scheme 【发布时间】:2017-10-30 04:06:13 【问题描述】:

几年前,当我第一次遇到 Bootstrap 时,当它仍然自称为 Twitter Bootstrap 时,我搜索了如何为它着色,更改了默认的白色/蓝色配色方案。

我记得甚至有一个在线工具,我可以上传一张随机图片,它会生成一个单独的 CSS 文件,其中包含最引人注目的颜色,我也可以在这里和那里编辑,以防他们的算法不符合我的意愿。

今天,在使用 Bootstrap 4 时,我不仅没有再找到这样的在线工具,而且令人惊讶的是,我完全没有找到任何与更改 Bootstrap 版本 4配色方案的方法相关的东西>(让我们强调一点)

现在有什么类似的东西可以帮助自动化一点流程吗?

注意:最好不需要 LESS/SASS/SCSS 或类似的知识

【问题讨论】:

【参考方案1】:

我认为由于 Bootstrap 4 仍处于 alpha 阶段,因此像 bootswatchr 这样的定制网站还没有使用它。

所以现在您可以使用选项来覆盖基本设置:

https://v4-alpha.getbootstrap.com/getting-started/options/

【讨论】:

以上是关于更改 Bootstrap 的配色方案的主要内容,如果未能解决你的问题,请参考以下文章

Plotly:如何更改 3D 曲面图的配色方案?

更改所有应用配色方案

更改 Gentelella 配色方案

如何进入幻灯片配色方案 设置蓝色为背景配色方案 应用于所有幻灯片

如何根据设备主题更改collectionview单元格颜色(按照我的配色方案)

如何使免疫调试器配色方案看起来像 OllyDbg 配色方案?