Accent color
Accent color is color for some important elements, such as links, buttons, icons. Currently accent color is . This theme has some more predefined colors available in theme.scss:
theme.scss
// Several accent colors, choose one or create your own!
$accent-color: #3CA2A2; // original =)
// $accent-color: #C38FD6; velvet
// $accent-color: #8FD6B3; greenish
// $accent-color: #35B4DE; bluish
// $accent-color: #D2E354; yellowish
// $accent-color: #52B54B; green
You can use one of them (just click the button below to see accent color in action) or define your own!
, , , , .
Other colors
As Jekyll comes with support of SASS I put colors in variables. Here are the ones which could be easily changed:
theme.scss
$font-color: #dddddd;
$background-color: #292929;
$post-panel-color: #444;
$footer-background-color: #292c2f;
$note-color: #87CEFA;
$warning-color: #ffff00;
Background
It is also possible to change the background pattern and color. This theme comes with few patterns pre-installed – you can check them by clicking on the images below. Or check the transparenttextures.com – it has tons of different patterns for background.
To change the color go to the theme.scss and change the background-pattern
variable to the name of the pattern image file. To use custom pattern, download it from transparenttextures.com and place it under css/pics/background/.
theme.scss
// use this or pick any from /css/pics/background folder or from transparenttextures.com
$background-pattern: 'random-grey-variations.png';