fix(website): use more variables

[lennartkloock]

Proposed changes

Adds more variables to the css code and unifies colors. This makes it easier to play around with different colors and fonts. This also allows implementing different color themes in the future.

Types of changes

What types of changes does your code introduce to Scuffle? Put an x in the boxes that apply

• [x] Bugfix (non-breaking change which fixes an issue)
• [ ] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] Documentation Update (if none of the other choices apply)

Checklist

Put an x in the boxes that apply. You can also fill these out after creating the PR. If you're unsure about any of them, don't hesitate to ask. We're here to help! This is simply a reminder of what we are going to look for before merging your code.

• [x] I have read the CONTRIBUTING doc
• [ ] Lint and unit tests pass locally with my changes
• [ ] I have added tests that prove my fix is effective or that my feature works
• [ ] I have added necessary documentation (if appropriate)
• [x] Any dependent changes have been merged and published in downstream modules

[codecov[bot]]

Codecov Report

Merging #113 (a686420) into troy/clean-up (ea2387a) will decrease coverage by 0.01%. The diff coverage is n/a.

@@                Coverage Diff                @@
##           troy/clean-up     #113      +/-   ##
=================================================
- Coverage          73.97%   73.96%   -0.01%     
=================================================
  Files                220      220              
  Lines              17538    17538              
=================================================
- Hits               12973    12972       -1     
- Misses              4565     4566       +1     

see 1 file with indirect coverage changes

[TroyKomodo]

Looks good.