Bulma 框架中配色变量后缀 -bis、-ter 的含义是什么?
Bulma 配色变量
-bis/-ter 后缀含义 这两个后缀都源自法语的序数词表达,是Bulma用来标记同色系变体的统一规则:
-bis表示同色系的第二变体,色彩和同系列基础值的差异最小-ter表示同色系的第三变体,色彩和同系列基础值的差异比-bis更大
以你提到的主色、反向色系列为例,三个变量的梯度是递进关系:
- 主色系列:
$scheme-main(基础主色)→$scheme-main-bis(主色二级变体)→$scheme-main-ter(主色三级变体) - 反向色系列:
$scheme-invert(基础反向色)→$scheme-invert-bis(反向色二级变体)→$scheme-invert-ter(反向色三级变体)
举默认浅色主题的实际色值参考:
$scheme-main为纯白色#ffffff$scheme-main-bis为极浅灰色#fafafa$scheme-main-ter为浅灰色#f5f5f5
这套预设变体的设计目的是降低界面分层的配色成本,做卡片背景、模块分隔、交互态反馈等场景时,直接调用对应变量就能保证全项目配色风格统一,不需要手动调整同色系色值。
内容的提问来源于stack exchange,提问作者Rakete
相关产品推荐
相关产品推荐

