1
0
mirror of https://github.com/thangisme/notes.git synced 2024-10-31 22:17:25 -04:00
notes/docs/customization.md

45 lines
1.1 KiB
Markdown
Raw Normal View History

2017-03-09 13:16:08 -05:00
---
layout: default
title: Customization
2017-04-08 18:51:14 -04:00
nav_order: 5
2017-03-09 13:16:08 -05:00
---
2017-03-26 21:09:19 -04:00
# Customization
{:.no_toc}
## Table of contents
{: .no_toc .text-delta }
1. TOC
{:toc}
---
## Visual customization
To customize your sites aesthetic, open `_sass/custom/custom.scss` in your editor to see if there is a variable that you can override. Most styles like fonts, colors, spacing, etc.. are derived from these variables. To override a specific variable, uncomment out its line and change its value.
For example, to change the link color from the purple default to blue, open `_sass/custom/custom.css` and find the link color variable on line `44`. Uncomment it out, and change it's value to our `$blue-000` variable, or another shade of your choosing.
```scss
// ...
//
// $body-text-color: $grey-dk-100;
// $body-heading-color: $grey-dk-300;
$link-color: $blue-000;
//
// ...
```
_Note:_ Editing the variables directly in `_sass/support/variables.scss` is not recommended and can cause other dependancies to fail.
---
## Themes
{: .d-inline-block :}
Coming soon
{: .label .label-yellow :}
Hard at work on a dark theme, and more.