# Colors

## Step 1: Go to the customizer

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiAz8tI4C-2ApDLQ3p5%2F-MiAzfYTeK4r71F77dUm%2Fcolor1.png?alt=media\&token=4c4e5d6b-9c58-4f7c-9512-d41b4a05632b)

## Dark Version Enable

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiAzjAHJB87DDOcvXzx%2F-MiB-57XYH4edaz3iC9a%2Fdark.png?alt=media\&token=c3b83144-44a2-4eea-accd-d4393476d07d)

## Step 2: 

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiB-8KeIFLnSFuMEi2T%2F-MiB-xvSBWAbWFzPzvPo%2Fcolor2.png?alt=media\&token=da485e89-b045-46d7-9a01-9803b6e83180)

## Step 3: Product Gird Item Color

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiB00QsRjoKgFkSPOgq%2F-MiB0syLXRMbAFksRhnG%2Fitem_color.png?alt=media\&token=92187d70-10e7-4093-b256-6ada382daac7)

### Action button Color

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiB0vYxg6JVX66_QXNq%2F-MiB1XZiPPz-PxNEVxnh%2Fitem_color.png?alt=media\&token=2021bf90-b7e7-4993-a308-35c56c7ac5c7)

### More color settings

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiB0vYxg6JVX66_QXNq%2F-MiB2Khr6TYpXcUIMG9g%2Fcolor3.png?alt=media\&token=d194122c-5c81-4827-bece-6c24ad0d653b)

## Step 4: Theme Button Color

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiB2NV9FLqOVNIyDaXV%2F-MiB2lanbYbt0G1x9uwD%2Ftheme-button-color.png?alt=media\&token=af792d34-91f2-4b0a-bad2-e7f1827bb87a)

### Red Button

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiB2ph8XHO4mmejNl4J%2F-MiB3G_99CI2Ozb55XN6%2Fredvbutton.png?alt=media\&token=901a9f5a-6e5b-4b48-82ca-5cb5c575cdc6)

## Step 5: Custom Login Page

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiB2ph8XHO4mmejNl4J%2F-MiB3hiH9ZBJERFZkhBO%2Fcsutomer_login.png?alt=media\&token=e89d9da7-372e-4759-90d9-3ee62fcdd300)

## Step 6: Scroll up

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiB2ph8XHO4mmejNl4J%2F-MiB44shWxqBHsMNFOKL%2Fscroll_up.png?alt=media\&token=b2129d1c-1d39-4587-9193-83114a08a8f9)