🔮
Ciscryp - Nextjs React NFT Marketplace Template
  • Getting Started
  • Folder Structure
  • Dependencies
  • Install
  • Custom color, fonts
  • Plugins Used
  • Component Structure
  • Sources And Credits
  • Support
  • Database, Backend, CMS?
  • Change log
    • Change log
Powered by GitBook
On this page
  • 1- Custom colors
  • 2- Custom fonts

Custom color, fonts

Custom color, fonts

PreviousInstallNextPlugins Used

Last updated 1 year ago

1- Custom colors

We use css variable for 3 main theme colors: Primary color, Secondary color and Neutrals color

Primary, Secondary color:

These are the splashes of color that should appear the most in your UI, and are the ones that determine the overall "look" of the site. Use these for things like primary actions, links, navigation items, icons, accent borders, or text you want to emphasize.

Neutrals color:

These are the colors you will use the most and will make up the majority of your UI. Use them for most of your text, backgrounds, and borders, as well as for things like secondary buttons and links.

How to custom color?

To customize the colors you just need to go to the __theme_colors.scss file on styles folder and change the css variable values in it.

2- Custom fonts

The template uses Nextjs Google-fonts, so please read this tutorial will help you to customize the font -

https://nextjs.org/docs/app/building-your-application/optimizing/fonts