Amber Documentation
  • Amber - Documentation
  • Global Settings
    • Info
    • Typography
    • Colors
    • Styles
    • Search Suggestion
    • Variants and Swatches
    • Product card
    • Breadcrumbs
    • Localization
    • Price
    • Social Media
    • Favicon
    • Cart
    • Animation
    • Checkout
  • Global Features
    • Focal Points
    • Custom product badges
  • Global Sections
    • Announcement bar
    • Header
    • Cookie banner
    • Newsletter popup
    • Product quick view
    • Size guide
  • Content Sections
    • Content sections
    • Common settings
    • Featured collections
    • Featured product
    • Image with text
    • Custom liquid
    • FAQ
    • Featured blog
    • Featured cards
    • Featured products
    • Hero slider
    • Image with products gallery
    • Image with text overlay
    • Logos
    • Media banner
    • Newsletter banner
    • Richtext
    • Shop the look
    • Shop the Look recommendations
    • Size guide
    • Social images
    • Testimonials
    • Marquee
  • Pages
    • Collections list
    • Collection page
    • Product page
    • Size guide page
    • Cart page
    • Contact page
    • Blog
Powered by GitBook
On this page
  • Base
  • Badges
  • Buttons
  • Form elements
  1. Global Settings

Colors

PreviousTypographyNextStyles

Last updated 1 year ago

With Amber you have a full control over the colors of the website.

Base

You can customize the global color settings from Theme settings > Colors

For better and easier management, we suggest using the Brand colors, coming from the Settings of the Shopify store.

Apart from that, every section provides the option to overwrite these default colors and achieve a unique style.

Badges

You can change the background and color of the badges which show on the product cards. There are 2 types of badges - the default ones (like Sale which shows automatically if a product is on sale) and custom badges (which use prefixed tags).

The styling of both types can be managed separately.

Buttons

The buttons have 4 predefined styles and every one of these styles can be managed separately:

Form elements

You can control the color of the form elements like labels, input borders, error color, placeholders, etc.

The styling of the checkout button which shows in the Mini-cart is also managed from the Colors menu.