# Customizing Appearance

The various sections listed here offer loads of options for changing the colors, font-sizing, letter-spacing, and more for nearly all of Craftype's theme elements.

## **Colors**

Add your own colors to the existing palette for quick & easy implementation in General, Header, Off-canvas tabs.<br>

<figure><img src="https://1906976410-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MIZtHfnCi0yDn20wjAk%2Fuploads%2FYxVaBHNxbb3EkQfqS0s3%2Fimage.png?alt=media&#x26;token=cf63e65d-c354-46fe-a8a4-8f9971bbade2" alt=""><figcaption></figcaption></figure>

## **Typography**

The different theme typography sections noted here allow you to change Craftype default fonts to your choice of nearly 1000 [**Google Fonts**](https://fonts.google.com/).

You may Customize typography in the different typography sections

<figure><img src="https://1906976410-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MIZtHfnCi0yDn20wjAk%2Fuploads%2Fwyj8qYFCly9iMzQ02lgj%2Fimage.png?alt=media&#x26;token=8063fbc8-d2ad-4457-82d7-91b0d60a32a5" alt=""><figcaption></figcaption></figure>

## Skins

Select your favorite design style from the existing skins list.

<figure><img src="https://1906976410-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MIZtHfnCi0yDn20wjAk%2Fuploads%2FyeYVUOqklCKzk3nZ2gtZ%2Fimage.png?alt=media&#x26;token=d61be58b-165a-48c9-9264-1041019cb2f8" alt=""><figcaption></figcaption></figure>

## Light/Dark Mode

You can switch Default/Dark mode and adjust your color scheme. Dark Mode is a look that's easy on your eyes and helps you focus on the content. and helps you focus on the content. It uses a dark color scheme and is activated automatically based on the browser's preferred settings or manually with a toggle.

<figure><img src="https://1906976410-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MIZtHfnCi0yDn20wjAk%2Fuploads%2FsiWAubp2fac0OcAuKpcZ%2FGroup%2033.jpg?alt=media&#x26;token=e1837a80-c237-4af3-9b3d-5510db0e08c6" alt=""><figcaption></figcaption></figure>
