Guidebook comes with 6 predefined themes, here you can find how to change them.

How to change a theme

  1. First navigate to rcore_guidebook\client\html\index.html

    1. The instructions are at the top of the file, but let's break it down!

  2. Find the line with <link rel="stylesheet" href="./css/dist/dark.css">

  3. There you can replace dark with one of the available themes

    1. Available themes: dark, light, green, red, purple, gold

    2. Example: To choose green theme you would replace dark with green like this: <link rel="stylesheet" href="./css/dist/green.css">

How to make your own theme

  1. First navigate to rcore_guidebook\client\html\css\dist

  2. Then copy the dark.css theme and rename it to your liking

    1. Example: If you want to make a new pink theme, you would copy dark.css and rename it to pink.css

  3. Open the new file and edit the colors inside

    1. 💡 You can use for example the google color picker to pick the colors

    2. 💡 These are the main colors in dark.css that you can "Find & Replace" in your editor.

      1. primary: #1D2228.

      2. background: #13181f.

      3. accent: #ff9100.

      4. text: #E1E2E2.

  4. Change the new theme in index.html as described above and enjoy your new theme! ✨🎉

Last updated