Changing Color Scheme

Changing Color Scheme

Color scheme plays a crucial role in shaping the website's overall aesthetic, user experience, and branding. It helps convey the website's personality, evoke emotions, and guide users' attention to important elements.

doc-site uses fastn default color scheme. If you wish to update the color scheme, choose a color scheme from our fastn-community color schemes.

How to add a color scheme?

To add color scheme to your fastn web sites. Edit your FASTN.ftd file and add color scheme dependency into it.

In the below example, we are using dark-flame-cs color scheme.

Add color scheme dependency into your FASTN.ftd file as shown in below example:
-- fastn.dependency: fastn-community.github.io/dark-flame-cs
Lang:
ftd

Now modify FASTN/ds.ftd module which is already added inside your fastn package.

Import dark-flame-cs dependency into FASTN/ds.ftd
-- import: fastn-community.github.io/dark-flame-cs
Lang:
ftd

Change -- component page colors property ftd.color-scheme colors: $ftd.default-colors with ftd.color-scheme colors: $dark-flame-cs.main

replace this line of FASTN/ds.ftd file:
-- ftd.color-scheme color-scheme: $ftd.default-colors
Lang:
ftd
with:
-- ftd.color-scheme color-scheme: $dark-flame-cs.main
Lang:
ftd
Deploy or run fastn serve on your localhost. Access your localhost in the browser e.g.http://127.0.0.1:8000/ you will see page colors with Dark Flame CS
Copyright © 2023 - FifthTry