如何同步bootstrap btn.default和分页控件的颜色？

Question

我想同步bootstrap的pagination和btn.default控件的颜色。但它证明比我初想的更难。

pagination部分有4组3个，每个州有一个组：

@pagination-color:                     @link-color;
@pagination-bg:                        #fff;
@pagination-border:                    #ddd;

@pagination-hover-color:               @link-hover-color;
@pagination-hover-bg:                  @gray-lighter;
@pagination-hover-border:              #ddd;

@pagination-active-color:              #fff;
@pagination-active-bg:                 @brand-primary;
@pagination-active-border:             @brand-primary;

@pagination-disabled-color:            @gray-light;
@pagination-disabled-bg:               #fff;
@pagination-disabled-border:           #ddd;

但是只有3个btn变量，没有提到状态：

@btn-default-color:              #333;
@btn-default-bg:                 #fff;
@btn-default-border:             #ccc;

我认为使用btn或darken()之类的mixin生成lighten()状态颜色。

有人可以推荐一种有效同步这些控件颜色的方法吗？

理想情况下，我想添加一组可以插入引导程序变量文件的新变量，如下所示：

@btn-default-color:              @control-color;
@btn-default-bg:                 @control-bg;
@btn-default-border:             @control-border;

......和......

@pagination-color:                     @control-color;
@pagination-bg:                        @control-bg;
@pagination-border:                    @control-border;

@pagination-hover-color:               @control-hover-color;
//... etc ...

但我对细节感到困惑，将变量从一个地方转移到另一个地方:(