How to use color scheme package?

The importance of color in a website’s overall look and feel is well known. The right color scheme can evoke emotions, create visual interest, and direct a user’s attention to specific elements on a page. That’s why the ftd color scheme framework provides an easy and powerful way to define color schemes and apply them to your website.

To start, you can choose from existing color scheme packages or create your own custom color scheme. To apply a color scheme package on top of your package, you’ll need to import it into one of the module.

For example, let’s say you’re using the page component from doc-site package and want to apply the forest-cs color scheme package on top of it. You first create a new module, let’s say my-ds.ftd. Then you import forest-cs package module and then create a new component called page there.

Here’s what your my-ds.ftd module would look like:
-- import:
-- import: as ds

-- component page:
children wrapper:
optional caption title:
optional body body:

title: $page.title
body: $page.body
wrapper: $page.wrapper
colors: $forest-cs.main

-- end: page

After creating component, use this in rest of the module of your package instead of

Once you have imported the color scheme package and created a new component, you can use it throughout your website instead of the component.

With just a few lines of code, you can dramatically change the look and feel of your website using the ftd color scheme framework.

Support fastn!

Enjoying fastn? Please consider giving us a star ⭐️ on GitHub to show your support!

Getting Help

Have a question or need help?

Visit our GitHub Q&A discussion to get answers and subscribe to it to stay tuned.

Join our Discord channel and share your thoughts, suggestion, question etc.

Connect with our community!

Found an issue?

If you find some issue, please visit our GitHub issues to tell us about it.

Join us

We welcome you to join our Discord community today.

We are trying to create the language for human beings and we do not believe it would be possible without your support. We would love to hear from you.
Copyright © 2023 -