Lesscでcolor名がredのままです。何故＃ff0000にならないのですか

Question

お世話になります
lesscを勉強しております。
styles.lessです

@mycolor: blue;

h1 {
    font-size: 24px;
    color: @mycolor;
}

h2 {
    font-size: 20px;
    color: @mycolor;
}

上記を変換する⇨styles.css
`h1 {
font-size: 24px;
color: blue;
}
h2 {
font-size: 20px;
color: blue;
}``

何故いろ名が変換されないのでしょうか？
また
[vagrant@localhost less_lessons]$ lessc -x styles.less styles.css

The compress option has been deprecated. We recommend you use a dedicated css minifier, for instance see less-plugin-clean-css.

このようになるのは何故ですか？

環境はlessc 2.7.3 (Less Compiler) [JavaScript]です

追加で
less-plugin-clean-css@1.5.1 /usr/lib/node_modules/less-plugin-clean-css
└── clean-css@3.4.28 (source-map@0.4.4, commander@2.8.1)もインストールしました

よろしくお願いいたします

Answer 1

blueはCSS上でもvalidな色名（しかもCSS 1時代から存在する）なので、そのままで問題ありません（MDN）。

また、依存関係の整理のためにCSSのminify機能はプラグインに切り出したとのことです（公式）。-xではなく、--clean-css=""のような形で呼び出してください。

Comments

[Casablanca_mtg]

ありがとうございます。こういった場合はどうなりますか？
“““
@h1-color: red;
@h2-color: derken(@h1-color, 10%);
@h1-size: 24px;
@h2-size: @h1-size - 4px;

h1 {
font-size: @h1-size;
color: @h1-color;
}

h2 {
font-size: @h2-size;
color: @h2-color;
}
“““

答えは
“““
h1 {
font-size: 24px;
color: red;
}
h2 {
font-size: 20px;
color: derken(red, 10%);
}
““““
この様になります
#cc0000と表示したいです

[Casablanca_mtg]

すみません。この欄はMarkdawnが使えないですね

[Casablanca_mtg]

カラーコードで表示するにはどうすれば良いのでしょうか？

[maisumakun]

関数名を正しく「darken」とすれば、計算結果になりました。

[Casablanca_mtg]

すみません。文字が間違っていました。因みにLessc1.7.０ではカラーコードで表示されますが（別Fileを作って試してみました）
どのversionから変更されたのでしょうか？dotinstallさんで一番困っているのは古いversionで初心者はつらいです。
有難うございました