Umino-Shopify
Buy NowDemoHelp Us Improve
  • INTRODUCTION
    • 💡Umino - Greeting
      • Discover Demos
      • Buy now
    • ✨Free Support
    • ✨Leave a review
    • 🛅Changelogs
  • THEME INSTALLATION
    • Install Theme
      • Install Umino In One Click Fast Way
      • Install Umino manually
    • Upgrade theme
      • Update Umino In One Click Fast Way
      • Update Umino Manually
    • Activate and Remove purchase code
    • Import Data
      • Create Required Pages
      • Create Required Metafields
      • Import Sample Products (Not required)
    • Recommended Apps
    • Translate theme
  • How to change Elements of Page?
    • Home Page
      • Main Demo
      • Skincare
      • Simple Modern
      • Fashion Elegance
      • Trendy Style
      • Minimal Clothings
      • Men's Luxury
      • Clothing Store
      • Tiktok Fashion
      • Categories Men’s
      • Unique Watches
      • Underwear
      • Smart Digital
      • Mega Digital
      • Adventure Gear
      • Home Decor
      • Minimal Furniture
      • Cosmetics
      • Sneaker Store
      • Radiant Jewelry
      • Mega Store
      • Gym Fitness
      • Swimwear
      • Organic
      • Christmas
      • Halloween
      • RTL Demo
    • Collection List Page
      • Page Collection List 1
      • Page Collection List 2
      • Page Shop Default
      • Load More Button
      • Infinite Scrolling
      • Filter Left Sidebar
      • Filter Right Sidebar
      • Canvas Sidebar
      • Dropdown Sidebar
      • List View
    • Product Page
      • Product detail
      • Tab accordion
      • Open all tab
      • Tab accordion inner
      • Product left sidebar
      • Product right sidebar
      • Product drawer sidebar
      • Grid 1 column
      • Grid 2 column
    • Blog Page
      • Blog Default
      • Blog List
      • Pagination Loadmore
      • Panigation Infinite scrolling
      • Post Detail
    • Other Page
      • About us
      • Our Stores
      • Faq's
      • Contact us
      • Page 404
  • THEME SETTINGS
    • Purchase code
    • Logo and Favicon
    • Browser tab notifications
    • General settings
    • Layout settings
    • Typography
    • Color
    • Section
    • Header
    • Search
    • Cart
    • Footer
    • Help chat
    • Product
    • Wishlist
    • Quickview
    • Fake order
    • Newsletter popup
    • Promotion popup
    • Before you leave popup
    • GDPR setting
    • Loading image
    • Custom CSS
    • Checkout
    • Theme style
  • THEME SECTIONS
    • Slideshow
    • Instagram
    • Instagram shop
    • Banner image
    • Banner with text
    • Blog posts
    • Collection list
    • Collection list menu
    • Collection packery
    • Collection link
    • Custom content
    • Custom liquid
    • Scrolling text
    • Divider
    • Faq
    • Gallery
    • Google map
    • Image box
    • Image comparison slider
    • Lookbook
    • Newsletter
    • Product single
    • Products carousel
    • Collection tab
    • Collection tab list
    • Custom HTML
    • Products deal
    • Products grid
    • Products list
    • Products list carousel
    • Products recently viewed
    • Testimonials
    • Tiktok video
    • Video
    • Shop the Look
    • Spacing
    • Age verifier popup
    • Animation
    • Counter
    • Shopable video
  • COLLECTION PAGE
    • Edit Collection Page
    • Page Heading
    • Collection List Page
    • Sub Collection
    • Collection main
      • Sidebar & Filter
      • Pagination
    • Filter by tags
    • Filter Dynamic
    • Shopable
  • PRODUCT SETTINGS
    • Edit Product Page
    • Breadcrumb
    • Product Sidebar
      • Left Sidebar
      • Right sidebar
      • Drawer sidebar
    • Product Thumbnails Position
      • Thumbnails Left
      • Thumbnails Right
      • Thumbnails bottom
      • No Thumbnails
      • Grid 1 column
      • Grid 2 column
      • Inner zoom 1
      • Inner zoom 2
      • External zoom
    • Product summary
      • General Option
      • Product title
      • Short description
      • Product Review & Sold
      • Product price
      • Visitors counter
      • Product custom field
      • Custom HTML
      • Product meta
      • Trust badge
      • Delivery & Return and Pickup availability
      • Product form
      • Stock countdown
      • Product addons
        • Size chart
        • Show compare color
        • Show Ask a Question
        • Show share
      • Product swatch
      • Product label
      • Custom TEXT
      • Guarantee safe checkout
      • Custom liquid
      • More Products Color
      • Countdown timer
      • 360° Product Viewer
      • Product vendor logo
      • Subscriptions
    • Variant Image Grouped
    • Product Description
      • Layout 1
      • Layout 2
      • Layout 3
    • Product information tabs
      • Tab Description
      • Tab Review
      • Tab Custom
    • Product recommendations
    • Products recently viewed
    • Setup External/Affiliate product
    • Setup Product group
    • Setup Stock notification form
    • Setup Frequently Bought Together
  • GLOBAL SETTINGS
    • Announcement Bar
    • Top bar
    • Main menu
    • Vertical Menu
    • Product swatches
      • Type color
      • Type image
      • Type radio
      • Type dropdown
      • Type text
      • Variant trigger name
    • Mobile stickybar
  • OTHER PAGES
    • Blogs
      • Layout
      • Pagination
      • Sidebar position
    • Blog posts
    • 404 page
    • Password
    • Our Stores
    • About
    • Contact
    • Faqs
    • Compare
    • Wishlist
  • SHOPIFY KNOWLEDGEBASE
    • User Guide
    • Edit theme code
  • FREQUENTLY ASKED QUESTIONS
    • How to update color schemes?
    • How to translate a theme after adding a new default language?
    • The purchase code is already activated on another site
    • Missing images when install Umino
    • Some pages are missing
    • How to remove Help Chat?
    • Theme Translation
    • Change Currency
    • The desktop screen look more like on a tablet
    • Change free shipping message
    • Missing template "layout/theme.liquid"
    • How to setup pre-order products?
    • How to translate "Buy now" button?
    • Staff account
  • VIDEO LIBRARY
    • Playlists
  • RECOMMENDED PARTNERS
    • Theme partners
    • App partners
      • Marketing & Conversion
      • Order & Shipping
      • Store Design
      • Finding Products
      • Selling Products
    • Service partners
Powered by GitBook
On this page
  1. THEME SETTINGS

Color

Change the color scheme to match the website's look and feel

PreviousTypographyNextSection

Last updated 1 year ago

You can define different color schemes in your theme settings and apply the color schemes to different sections throughout your online store with a color scheme picker. A color scheme is a set of colors. Your theme has a set of default color schemes applied that you can change at any time in the theme editor. You can add your brand colors to ensure a cohesive application of your color palette across your online store. Please follow this link for more clearly about Color Scheme:

To customize color in our theme please follow the steps:

Steps

  1. In the theme editor (Customize), click Theme settings

  2. Locate Colors

  3. Make necessary changes

  4. Save

Please follow the document to change the colors on your store.

Site background: Your site background color

Primary: You can change the color when hover to Blog tilte, Add to cart button, Filter, Sortby,...

Text color: You can change the text color of your store.

Heading: You can change Heading of some sections like: Product form, Filter, Sidebar collection, Layout switch, ...

Link color: You can change color of the Links on your store.

Link color hover: You can change color when hover to the Links on your store.

Border color: Border color in your store.

2.Button color

Change background and text color for all call-to-action buttons and button hover.

  • Button primary: used for the most important or prominent action on your webpage (ex: "Submit" button on a form, "Buy Now" button on an e-commerce site, ...)

  • Primary button: used for actions that are less important or serve as alternatives to the primary action (ex: a "Cancel" or "Reset" button in a form, ...)

https://help.shopify.com/en/manual/online-store/themes/theme-structure/color-scheme