Skip to content
Villyit
Villyit
  • Helpdesk
    • Veynix
  • Contact
  • Theme Support

Kicks getting started

1
  • Getting Started

Kicks general settings

11
  • Badges
  • Breadcrumb
  • Button
  • Colors
  • Currency Format
  • Layout
  • Logo
  • Product
  • Search
  • Social Media
  • Typography

Kicks header

2
  • Announcement Bar
  • Header

Kicks popups

1
  • Newsletter Popup

Kicks footer

1
  • Footer

Kicks blocks

13
  • Brand avatar badge
  • Breadcrumbs
  • Button
  • Column
  • Countdown
  • Group
  • Heading
  • Image
  • Rating
  • Rich text
  • Slide
  • Subheading
  • Text

Kicks Blogs Articles

4
  • Article
  • Blog post
  • Main blog
  • Related post

Kicks Cart

2
  • Cart Drawer
  • Main Cart

Kicks Collections

4
  • Collection list
  • Main Collection Banner
  • Main Collection List
  • Main Collection

Kicks Pages

4
  • Main 404
  • Main page
  • Main password
  • Main search

Kicks Product

6
  • Featured Product
  • Main product
  • Product Bundle
  • Related Product
  • Product Recommendations
  • Recently Viewed Product

Kicks Sections

25
  • Banner
  • Before After Image
  • Brand story
  • Client logo
  • Contact form
  • Contact information
  • Countdown
  • FAQ
  • Featured collection
  • Hero image
  • Image gallery
  • Image showcase
  • Image with features
  • Image with text
  • Interactive showcase
  • Multicolumn
  • Newsletter
  • Our story
  • Promotional image
  • Rich text
  • Shoppable Videos
  • Shop the look
  • Slideshow
  • Testimonials
  • Video
View Categories
  • Home
  • Helpdesk
  • Kicks
  • Kicks general settings
  • Colors

Colors

< 1 min read

Kicks uses color schemes — reusable sets of background, text, button, and border colors that you build once under Theme settings → Colors and then apply to any section via its Color scheme setting. Create as many schemes as you need (e.g. a light scheme, a dark scheme, a brand-accent scheme) and mix them across sections to create visual rhythm down the page.

  • Open any section and choose the scheme from its Color scheme dropdown.
  • Go to Theme settings → Colors.
  • Click an existing scheme to edit it, or Add color scheme to create a new one.
  • Set the background, text, button, and border colors for that scheme.
Updated on September 8, 2026
Share This Article :
  • Facebook
  • X
  • LinkedIn
  • Pinterest
© 2026 Villyit . All Rights Reserved.