Pick a color, then click OK
Text Color
pre, .form-control, .form-control:focus, .input-group-text, .custom-select, .custom-file-label, .custom-file-label:after, body, .btn-teriary, .btn.btn-teriary, .ui-autocomplete.ui-menu .ui-menu-item a, .dropdown select, .dropdown-item, .aone-popupnewsletter
color:
select.form-control:focus::-ms-value, .custom-select:focus::-ms-value
color:
Bold Text Color
.btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled, .btn-outline-secondary:hover, .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle, .badge-secondary, .bg-secondary, .btn.btn-secondary, .btn.btn-secondary.disabled, .btn.btn-secondary:disabled, .slick-dots li button
background-color:
.btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled, .btn-outline-secondary, .btn-outline-secondary:hover, .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle, .border-secondary
border-color:
.btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled, .text-secondary, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .title-block, .column-title, .typo .column-title, .column-title a, .typo .column-title a, .page-heading, .page-subheading, .nav-tabs .nav-item .nav-link.active:focus, .nav-tabs .nav-item .nav-link.active:hover, .aone-tabs .dot-line-tabs .dot-line, label, .label, .nav-item .nav-link, .nav-item .nav-link.active, .product-name, .product-accordions .panel .panel-heading .panel-title a, #footer .footer-main h2, #footer .footer-main h3, #footer .footer-main h4, .banner1 span:not(.btn)
color:
.btn-secondary:hover, .btn.btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary:not(:disabled):not(.disabled).active
background-color:
Light Text Color
.blockquote-footer, .regular-price, .product-list .product-miniature .aeuc_unit_price_label, .main-product-details .product-customization small
color:
Green Color
a, .btn-outline-primary, .btn-outline-primary.disabled, .btn-outline-primary:disabled, .btn-link, .page-link, .text-primary, .products-selection .total-products p, .products-selection .products-sort-order .product-display .display-select .selected, .left-categories .arrows .arrow-right:hover, .left-categories .arrows .arrow-down:hover, .carousel .carousel-control .icon-next:hover i, .carousel .carousel-control .icon-prev:hover i, #header .top-menu a[data-depth="0"]:hover, .top-menu .sub-menu a:hover, #header .left-nav-icon, #footer .footer-about-us .fa, #footer .footer-about-us .material-icons, .feature .material-icons, .feature .fa, .feature2 a:hover
color:
.btn-primary, .btn-primary.disabled, .btn-primary:disabled, .btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .dropdown-item.active, .dropdown-item:active, .custom-control-label:before, .custom-control-label:before, .custom-control-label:before, .custom-control-label:before, .nav-pills .nav-link.active, .nav-pills .show > .nav-link, .page-item.active .page-link, .badge-primary, .progress-bar, .list-group-item.active, .bg-primary, .btn.btn-primary, .btn.btn-primary.disabled, .btn.btn-primary:disabled, .group-span-filestyle .btn-default, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .bootstrap-touchspin .group-span-filestyle .btn-touchspin, .pagination .page-list .current a, .add-to-cart, .add-to-cart.disabled, .add-to-cart:disabled, .sidebar-currency .currency-list .current .dropdown-item, .sidebar-language .language-list .current .dropdown-item, .pace .pace-progress, .pace-bounce .pace-activity, #header .mobile-left-nav-trigger .left-nav-icon, #header .mobile-left-nav-trigger .left-nav-icon.disabled, #header .mobile-left-nav-trigger .left-nav-icon:disabled, .banner3:hover
background-color:
.btn-primary, .btn-primary.disabled, .btn-primary:disabled, .btn-outline-primary, .btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .page-item.active .page-link, .list-group-item.active, .border-primary, .main-product-details .combinations-wrapper .combination-item .switch-cbnt.active
border-color:
.pace .pace-progress-inner
box-shadow: 0 0 10px
.pace .pace-activity
border-top-color:
.pace .pace-activity
border-left-color:
.btn-primary:hover, .btn.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .btn.btn-primary:not(:disabled):not(.disabled):active, .btn.btn-primary:not(:disabled):not(.disabled).active, .add-to-cart:hover, .add-to-cart:not(:disabled):not(.disabled):active, .add-to-cart:not(:disabled):not(.disabled).active, #header .mobile-left-nav-trigger .left-nav-icon:hover, #header .mobile-left-nav-trigger .left-nav-icon:not(:disabled):not(.disabled):active, #header .mobile-left-nav-trigger .left-nav-icon:not(:disabled):not(.disabled).active
background-color:
Gray Color
.ui-autocomplete.ui-widget-content, .dropdown-item:hover, .dropdown-item:focus, #search_filters .facet .facet-dropdown .select-title, .pagination .page-list a:hover, .main-product-details .reassurance-hook, .footer-right .block-newsletter .form-control, .currency-selector .dropdown-current, .language-selector .dropdown-current, .sidebar-account, .sidebar-header-phone, .st-menu-title, .cart-preview .cart-title, .cart-preview .cart-bottom, .aone-featuredcategories .category-block .category-name
background-color:
Border Color
.img-thumbnail, .table-bordered, .table-bordered th, .table-bordered td, .table .thead-light th, .form-control, .form-control:focus, .input-group-text, .custom-select, .custom-select:focus, .custom-file-label, .custom-file-label:after, .custom-file-label, .border, .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody, .table .thead-dark th, hr, .column-block, .light-box-bg, #order-summary-content .order-confirmation-table, .page-order-detail .box, .page-my-account #content .links a span.link-item, .card, .bootstrap-touchspin input.form-control, .bootstrap-touchspin .btn-touchspin, .custom-checkbox input[type="checkbox"] + span, .custom-checkbox input[type="radio"] + span, .custom-radio input[type="checkbox"] + span, .custom-radio input[type="radio"] + span, .ui-autocomplete.ui-widget-content, .dropdown-menu, .products-selection .products-sort-order .product-display .display-select, .category-tree > ul > li > a:before, .product-accordions, .product-tabs .nav-tabs .nav-item .nav-link.active, .product-tabs .tab-content, .anav-top .category-item li a:before, .mobile-amega-menu, #header .mobile-menu-icon, .feature, .feature2, .main-product-details .combinations-wrapper .combination-item .switch-cbnt
border-color:
.table th, .table td, .table tbody + tbody, .border-top, .modal-footer, section.checkout-step:first-child, #search_filters .facet + .facet, .product-list .thumbnail-top .product-miniature + .product-miniature .product-container, .product-list .thumbnail-left .product-miniature + .product-miniature .product-container, .product-accordions .panel, .quickview .modal-footer, .block-reassurance li + li, .sidebar-search, .sidebar-currency, .sidebar-language, .user-info .dropdown-customer-account-links .logout, .sidebar-account, .sidebar-header-phone, .sidebar-menu, .cart-preview .cart-bottom, .anav-mobile .amenu-item + .amenu-item
border-top-color:
.table thead th, .border-bottom, .column-title, .typo .column-title, .modal-header, .table thead th, section.checkout-step, #blockcart-modal .divide-right, .promo-name, .cart-preview .cart-title
border-bottom-color:
.custom-file-label:after, .border-left, .category-tree .category-sub-menu, .main-product-details .product-pack .pack-product-quantity, .product-tabs .nav-tabs .nav-item .nav-link.active:before, .typo blockquote, .typo .blockquote, .lang-rtl #blockcart-modal .divide-right
border-left-color:
.border-right, .category-tree .category-sub-menu, .product-tabs .nav-tabs .nav-item .nav-link.active:before, #blockcart-modal .divide-right
border-right-color:
.input-group .input-group-btn > .btn, .main-product-details .product-customization .custom-file button
background-color:
.img-thumbnail, #cart-summary-product-list img, .zoomContainer .zoomWindow, .ui-autocomplete.ui-menu .search-menu-item .search-item .cover img
border-color:
section.checkout-step .address-item .address-footer, section.checkout-step .delivery-option + .delivery-option:before, section.checkout-step .order-options, #order-details .order-details-title, #order-items .order-confirmation-total, #order-items .order-line + .order-line, .page-addresses .address .address-footer, .page-order-detail #order-history .history-lines .history-line + .history-line, .page-order-detail .order-items .order-item + .order-item, .page-order-detail .shipping-lines .shipping-line + .shipping-line, .credit-slips .credit-slip + .credit-slip, .order-returns .order-return + .order-return, .main-product-details .product-pack .pack-product-item + .pack-product-item, .cart-item + .cart-item, .cart-grid-right .cart-detailed-actions, #stores .page-stores .store-item-footer.divide-top, .customization-modal .modal-content .modal-body .product-customization-line + .product-customization-line, .sitemap .category-sitemap .tree > li > ul.nested > li > ul.nested > li > a:before, .my-mail-alerts .mail-alert-line + .mail-alert-line
border-top-color:
#order-items, .lang-rtl#stores .page-stores .store-item-container .divide-left, .lang-rtl .sitemap .category-sitemap .tree > li > ul.nested > li > ul.nested
border-right-color:
.page-order-detail .messages .message
border-bottom-color:
#stores .page-stores .store-item-container .divide-left, .sitemap .category-sitemap .tree > li > ul.nested > li > ul.nested, .lang-rtl #order-items
border-left-color:
Box Background Color
.column-block, .box-bg, .light-box-bg, #order-summary-content .order-confirmation-table, .page-order-detail .box, .page-my-account #content .links a span.link-item, .shadow-box, .card, .table, .product-accordions .panel.active, .product-tabs .nav-tabs .nav-item .nav-link.active, .product-tabs .nav-tabs .nav-item .nav-link.active:before, .product-tabs .tab-content, .aone-featuredcategories .category-block .category-container, .feature, .feature2
background-color:
.box-bg
border-color:
.thead-default th, .active-filters .filter-block, #product-modal .modal-content .modal-footer
background-color:
Pink Color
a:hover, .btn-link:hover, .page-link:hover, .btn-teriary:hover, .btn.btn-teriary:hover, .ui-autocomplete.ui-menu .ui-menu-item .ui-state-focus, .ui-autocomplete.ui-menu .ui-menu-item .ui-state-hover, .dropdown .expand-more:hover, .dropdown a.expand-more:hover, .dropdown-item:hover, .dropdown-item:focus, section.checkout-step .step-number, .page-my-account #content .links a:hover, .active-filters .filter-block .material-icons, .product-price, .price-total, .product-name a:hover, a.product-name:hover, .product-list .product-miniature .grid-hover .grid-hover-btn a, .main-product-details .product-cover .layer .zoom-in, #product-modal .arrows, .block-reassurance img, .st-menu-close:hover, .anav-top .amenu-link > sup, .aone-slideshow.theme-default .nivo-directionNav a, .aone-slideshow.theme-default .nivo-directionNav a:hover, #header .left-nav-icon:hover, .feature a:hover, .feature2 .material-icons, .feature2 .fa
color:
.aone-tabs .nav-tabs .separator:after, .aone-tabs .nav-tabs .separator:before
border-right-color:
.aone-tabs .nav-tabs .separator:after, .aone-tabs .nav-tabs .separator:before
border-left-color:
.custom-checkbox input[type="checkbox"] + span.color .check-circle, .custom-checkbox input[type="radio"] + span.color .check-circle, .custom-radio input[type="checkbox"] + span.color .check-circle, .custom-radio input[type="radio"] + span.color .check-circle, .custom-checkbox input[type="checkbox"]:hover + span, .custom-checkbox input[type="radio"]:hover + span, .custom-radio input[type="checkbox"]:hover + span, .custom-radio input[type="radio"]:hover + span, .custom-checkbox input[type="checkbox"]:checked + span, .custom-checkbox input[type="radio"]:checked + span, .custom-radio input[type="checkbox"]:checked + span, .custom-radio input[type="radio"]:checked + span, .category-tree > ul > li > a:hover:before, .main-product-details .product-images li.thumb-container .thumb.selected, #product-modal .product-images img.selected, .anav-top .category-item li a:hover:before, .aone-slideshow .nivo-controlNav a.active, .banner2 a:before
border-color:
.custom-checkbox input[type="checkbox"]:checked + span, .custom-checkbox input[type="radio"]:checked + span, .custom-radio input[type="checkbox"]:checked + span, .custom-radio input[type="radio"]:checked + span, .modal-header .close:hover, .category-tree > ul > li > a:hover:before, .discount-percentage, .discount-amount, .product-flags .product-flag.discount span, .product-flags .product-flag.on-sale span, .add-to-cart.added:after, .main-product-details .scroll-box-arrows .left, .main-product-details .scroll-box-arrows .right, .cart-preview .cart-header .cart-products-count, .slick-prev, .slick-next, .anav-top .amenu-link > sup, .anav-top .category-item li a:hover:before, .aone-slideshow .nivo-controlNav a, .aone-popupnewsletter button.close, #header .sticky-icon-cart .cart-products-count, #footer .scroll-to-top-button a
background-color:
Blue Color
section.checkout-step .address-item.selected
border-color:
.product-flags .product-flag span
background-color:
