如何在LESS中设置可由用户覆盖的默认值

Question

以下是我的解决方法：

    .css-colors-default() {
        .css-keyword    {color: orange};    
        .css-property   {color: green}; //only here
    }
    .css-colors() {
        .css-keyword    {color: red};   
        .css-qualifier  {color: blue};  //only here
    }

#makeImportant() {                      //see !IMPORTANT note below
    .css-colors-default();
    .CSS {
        .css-colors(); 
        span.cm-m-css {
            &.cm-keyword    {.css-keyword};
            &.cm-property   {.css-property};
            &.cm-qualifier  {.css-qualifier};   
        }
    }
    //  important is required to override uses by code out of my control
} & { #makeImportant() !important}


This works but is creating extra CSS:

    .css-keyword {
        color: orange !important;
    }
    .css-property {
        color: green !important;
    }
    .CSS .css-keyword {
        color: red !important;
    }
    .CSS .css-qualifier {
        color: blue !important;
    }
    .CSS span.cm-m-css.cm-keyword {
        color: red !important;
    }
    .CSS span.cm-m-css.cm-property {
        color: green !important;
    }
    .CSS span.cm-m-css.cm-qualifier {
        color: blue !important;
    }

有更好的方法吗？

许多用户将熟悉设计师的css但不会少。主要目的是让设计师设置标签颜色，尽管在ex代码中没有显示。最初用于Dreamweaver，但将移植到其他应用程序，尤其是devtools。

结束游戏示例：sample tag coloring

.css-colors（）的内部是我打算默认向用户公开的内容。