BlizzWiz Learning Journal
0%

Color override in hexo-theme-next deployment

Posted on Edited on In ,

I tried to override color settings of hexo theme after editing source/css/_variables/base.styl

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
// Colors
// colors for use across theme.
// --------------------------------------------------
$whitesmoke   = #f5f5f5;
$gainsboro    = #eee;
$grey-lighter = #ddd;
$grey-light   = #ccc;
$grey         = #bbb;
$grey-dark    = #999;
$grey-dim     = #666;
$black-light  = #00396e;
$black-dim    = #00396e;
$black-deep   = #00396e;
$red          = #ff2a2a;
$blue-bright  = #87daff;
$blue         = #0684bd;
$blue-deep    = #262a30;
$orange       = #fc6423;

However it just couldn’t work out and the color theme of github page remained unchanged. After closer look of source/css/main.styl:

1
2
3
// CSS Style Guide: http://codeguide.co/#css
$scheme    = hexo-config('scheme') ? hexo-config('scheme') : 'Muse';
$variables = base $scheme;

4 schemes under hexo-theme-next
It was simply because the scheme of Hexo theme set to “Muse” instead of the one I used “Mist”. Remeber there are 4 color shcemes under hexo-theme-next.
After changing scheme to “Mist”, everything was back on track.