Ascent(English)
Contact usFAQsFree to install
English
English
  • Introduction
  • Support Policy
  • Refund Policy
  • Template Installation
  • FAQs
  • Global Settings
    • Layout
    • Colors
    • Typography
    • Breadcrumb
    • Animations
    • Section header
    • Product cards
    • Badges
    • Social media
    • Search behavior
    • Currency format
    • Cart settings
    • Favicon
    • Custom CSS
  • Header
    • Custom Mega Menu
    • Mobile Menu Obstruction by Third-Party Plugins
  • Side Drawer
    • Search Drawer
    • Shopping Cart Drawer
  • Sections
    • Seamless scroll
    • Announcement bar
    • Countdown
    • Collection thumbnails
    • Narrow banner image
    • Image banner
    • Video banner
    • Slideshow
    • Image with text
    • Image-text list
    • Rich text
    • Newsletter
    • Text with icons
    • Logo list
    • Contact form
    • FAQs
    • Multicolumn
    • Image comparison banner
    • Image hotspots banner
    • Map
    • Featured collection
    • Featured product
    • Collection list
    • Custom liquid
    • Composite display
    • Confetti trigger
    • Custom section header
    • Quote
    • Testimonials
    • Shop the feed
    • Image gallery
    • Product compare table
    • Text lens zoom
    • Scroll image expand
    • Milestones
    • Team
    • Highlight features
    • Steps
    • Media wall
  • Popups
    • Event popup
    • Age verification popup
  • Footer
    • Custom Payment Icons
  • Tool bar
  • Pages
    • Product Collection Page
      • Create Subcategory
    • Main product
      • Gifts (Freebies)
      • Product Pre-order
      • Size Chart
      • Variant Images Group
      • Variant Samples
      • Complementary Products
      • Related Products
      • Sibling Products
      • In Box Products
      • Product A+ Page
      • Performance Indicator Bar
      • Delivery ETA
  • Others
    • Version Upgrade Notes
      • v2.2.1 (Current version)
      • v2.1.8
      • v2.1.7
Powered by GitBook
On this page
  • Global Color Scheme
  • Color Suggestions
  • Custom Colors

Was this helpful?

  1. Global Settings

Colors

PreviousLayoutNextTypography

Last updated 6 months ago

Was this helpful?

Global Color Scheme

The color setting feature allows you to create and apply multiple color schemes for your online store. These schemes help unify the overall visual style of your store and ensure color consistency across different pages or modules. By selecting and customizing color schemes, you can easily adjust the store's colors to match your brand image or specific marketing campaigns. For detailed usage, refer to .

Color Suggestions

  • Maintain brand consistency.

  • Ensure sufficient contrast between text and background.

  • Set different schemes for different pages based on specific needs.

Custom Colors

  1. Success Color: This color represents successful operations or a normal status. For example, it is typically displayed after successfully submitting a form or completing a task.

  2. Error Color: This color indicates a failed operation or error message. It is used to alert users to issues during operations or errors within the system.

  3. Warning Color: This color prompts users to pay attention to or address certain matters. It is typically used to display notifications that may impact user experience or require user confirmation.

Shopify's color scheme guidelines