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