customization

Changing the color scheme

CSS is a nasty beast. To that end, I have simplified this template such that you can define a few colors that will be used to stylize the links on the webpage. These colors are defined in the auxiliary CSS file variables.css which is located in the assets/css/ subfolders. This file is short and looks like the following

:root {
    --primary-color: #FF6C0c; /* Primary link color (orange in the template) */
    --secondary-color: #3c3c3c; /* Hovering color for orange links (dark grey  in template) */
    --tertiary-color: #4b4b4b; /* Light grey for the headings */
  }

To customize, you only need to specify your favorite color as a hex code in this file.