:root { /* ======================================== COMPONENT-SPECIFIC COLORS Map components to theme colors Auto-generated from CSS ======================================== */ /* ========================================== A ========================================== */ --color-a--link-base: var(--theme-brand-primary); /* ========================================== ACCORDION ========================================== */ --color-accordion-menu-border: var(--theme-blue-custom); --color-accordion-bg: var(--theme-white-light); --color-accordion-content-bg: var(--theme-white-light); --color-accordion-title-base: var(--theme-black-custom); /* ========================================== BADGE ========================================== */ --color-badge-bg: var(--theme-black-darker); /* ========================================== BODY ========================================== */ --color-body-bg: var(--theme-brand-secondary); --color-body-base: var(--theme-brand-primary); /* ========================================== BRAINTREE ========================================== */ --color-braintree-hosted-fields-invalid-border: var(--theme-red-custom); /* ========================================== BRAND ========================================== */ --color-brand-selection--responsive-bg: var(--theme-brand-primary); --color-brand-selection__item--active--responsive-bg: var(--theme-transparent); /* ========================================== BREADCRUMBS ========================================== */ --color-breadcrumbs-base: var(--theme-grey-medium); /* ========================================== BUTTON ========================================== */ --color-button-bg: var(--theme-transparent); --color-button-bg-hover: var(--theme-brand-secondary); --color-button-border-hover: var(--theme-brand-primary); --color-button-border: var(--theme-white-light); --color-button-group-bg: var(--theme-black-darker); --color-button-group-bg-hover: var(--theme-black-custom-2); --color-button-base-hover: var(--theme-brand-primary); --color-button-base: var(--theme-brand-primary); --color-button--success-bg: var(--theme-brand-tertiary); --color-button--success-bg-hover: var(--theme-brand-highlight); --color-button--addtobag-bg: var(--theme-brand-tertiary); --color-button--addtobag-bg-hover: var(--theme-brand-highlight); --color-button--paypal-bg: var(--theme-orange-custom); --color-button--paypal-base: var(--theme-grey-custom); --color-button--paypal-bg-hover: var(--theme-orange-custom-2); --color-button--lined-border: var(--theme-orange-alt); --color-button--lined-base: var(--theme-brand-primary); --color-button--lined-border-hover: var(--theme-orange-alt); --color-button--tertiary-bg: var(--theme-grey-vlight); --color-button--tertiary-base: var(--theme-brand-primary); --color-button--feature-tab-bg: var(--theme-brand-primary); --color-button--feature-tab-border-hover: var(--theme-brand-primary); --color-button--feature-tab-base-hover: var(--theme-brand-secondary); /* ========================================== CALLOUT ========================================== */ --color-callout-bg: var(--theme-white-custom); --color-callout-base: var(--theme-brand-primary); /* ========================================== CARD ========================================== */ --color-card-bg: var(--theme-white-light); /* ========================================== CAROUSEL__ARROW ========================================== */ --color-carousel__arrow-bg: var(--theme-transparent); --color-carousel__arrow-bg-hover: var(--theme-transparent); /* ========================================== CHECKBOX ========================================== */ --color-checkbox-container-bg: var(--theme-brand-primary); /* ========================================== CHECKOUT ========================================== */ --color-checkout-section__title--active-bg: var(--theme-brand-primary); --color-checkout-section__title--disabled-bg: var(--theme-transparent); --color-checkout-section__bag-accordion-bg: var(--theme-grey-vlight); --color-checkout-section__bag-accordion-bg-hover: var(--theme-grey-vlight); /* ========================================== CLOSE ========================================== */ --color-close-button-base: var(--theme-brand-primary); /* ========================================== CODE ========================================== */ --color-code-bg: var(--theme-white-custom-2); /* ========================================== COOKIE ========================================== */ --color-cookie-message-bg: var(--theme-rgba-custom); --color-cookie-message-base: var(--theme-brand-secondary); /* ========================================== COUNTDOWN__NUM ========================================== */ --color-countdown__num-bg: var(--theme-white-custom-3); --color-countdown__num-base: var(--theme-brand-primary); /* ========================================== CUSTOM ========================================== */ --color-custom-scrollbar-container-bg: var(--theme-brand-primary); /* ========================================== DIVIDER ========================================== */ --color-divider-base: var(--theme-brand-primary); --color-divider--homepage-base: var(--theme-brand-primary); --color-divider--tertiary-base: var(--theme-brand-primary); /* ========================================== DOUBLE ========================================== */ --color-double-base: var(--theme-brand-primary); /* ========================================== DRILLDOWN ========================================== */ --color-drilldown-bg: var(--theme-white-light); --color-drilldown-border: var(--theme-transparent); /* ========================================== DROPDOWN ========================================== */ --color-dropdown-border: var(--theme-transparent); --color-dropdown-pane-bg: var(--theme-white-light); --color-dropdown-pane--nostyle-bg: var(--theme-transparent); /* ========================================== EASYZOOM ========================================== */ --color-easyzoom-notice-bg: var(--theme-brand-secondary); /* ========================================== FEATURE ========================================== */ --color-feature-tab__overlay-button-bg: var(--theme-rgba-custom-2); --color-feature-tab__overlay-button-base: var(--theme-brand-secondary); --color-feature-tab__overlay-button-border-hover: var(--theme-brand-highlight); --color-feature-tab__overlay-button-base-hover: var(--theme-brand-secondary); --color-feature-social__text-base: var(--theme-brand-secondary); --color-feature-social__icon-base: var(--theme-brand-secondary); --color-feature-social__item--facebook-bg: var(--theme-blue-custom-2); --color-feature-social__item--twitter-bg: var(--theme-blue-custom-3); --color-feature-social__item--instagram-bg: var(--theme-blue-custom-4); --color-feature-social__item--youtube-bg: var(--theme-brand-primary); /* ========================================== FILTER ========================================== */ --color-filter-button-bg: var(--theme-brand-secondary); --color-filter-button-bg-hover: var(--theme-brand-secondary); --color-filter-button--checked-bg: var(--theme-grey-vlight); --color-filter-button__label-base: var(--theme-brand-primary); --color-filter-button__input-fake-bg: var(--theme-grey-vlight); /* ========================================== FOOTER ========================================== */ --color-footer-bg: var(--theme-brand-tertiary); --color-footer-base: var(--theme-brand-secondary); --color-footer-responsive-base: var(--theme-brand-secondary); --color-footer-responsive-bg: var(--theme-brand-tertiary); --color-footer-column__title-base: var(--theme-brand-secondary); /* ========================================== FOOTER__BOTTOM ========================================== */ --color-footer__bottom-bg: var(--theme-brand-tertiary); --color-footer__bottom-container--responsive-base: var(--theme-brand-secondary); /* ========================================== FOOTER__COLUMN ========================================== */ --color-footer__column-bg: var(--theme-transparent); /* ========================================== FOOTER__LINK ========================================== */ --color-footer__link-base: var(--theme-brand-secondary); /* ========================================== FOOTER__TRUSTPILOT ========================================== */ --color-footer__trustpilot-bg: var(--theme-grey-dark); /* ========================================== GALLERY ========================================== */ --color-gallery-text-base: var(--theme-brand-primary); --color-gallery-view-base: var(--theme-white-custom-4); /* ========================================== HERO__PROMO ========================================== */ --color-hero__promo-text-base: var(--theme-brand-secondary); /* ========================================== HERO__VIDEO ========================================== */ --color-hero__video-text-base: var(--theme-brand-secondary); /* ========================================== HOLDING ========================================== */ --color-holding-header__item-base: var(--theme-brand-primary); /* ========================================== HOMEPAGE ========================================== */ --color-homepage-footer__container-bg: var(--theme-brand-tertiary); /* ========================================== ICON ========================================== */ --color-icon-cross__line-bg: var(--theme-brand-primary); /* ========================================== INFO ========================================== */ --color-info-bg: var(--theme-transparent); /* ========================================== INPUT ========================================== */ --color-input-bg-disabled: var(--theme-white-custom-4); --color-input-group-label-bg: var(--theme-white-custom-2); --color-input-group-label-base: var(--theme-black-dark); --color-input-bg: var(--theme-white-custom-5); --color-input--container-bg: var(--theme-grey-vlight); --color-input-wrapper-bg: var(--theme-grey-vlight); --color-input-wrapper-base: var(--theme-brand-primary); /* ========================================== IS ========================================== */ --color-is-invalid-input-border: var(--theme-red); --color-is-dropdown-submenu-border: var(--theme-transparent); /* ========================================== JS ========================================== */ --color-js-off-canvas-overlay-bg: var(--theme-rgba-custom-3); /* ========================================== KBD ========================================== */ --color-kbd-bg: var(--theme-white-custom-2); --color-kbd-base: var(--theme-black-dark); /* ========================================== LABEL ========================================== */ --color-label-bg: var(--theme-black-darker); /* ========================================== LOYALTY ========================================== */ --color-loyalty-redemption__accordion-content-base: var(--theme-brand-secondary); --color-loyalty-redemption__accordion-content-bg: var(--theme-green-custom); --color-loyalty-redemption__input-label-bg: var(--theme-brand-secondary); --color-loyalty-redemption__input-button-bg: var(--theme-orange-custom-3); /* ========================================== MAIN ========================================== */ --color-main-header__widemenu-bg: var(--theme-brand-tertiary); --color-main-header__widemenu-base: var(--theme-brand-primary); --color-main-header__top-area-bg: var(--theme-brand-secondary); --color-main-header__top-area-base: var(--theme-brand-primary); --color-main-header__top-area--secure-bg: var(--theme-brand-tertiary); --color-main-header__mid-area-bg: var(--theme-transparent); --color-main-header__mega-menu-bg: var(--theme-transparent); /* ========================================== MEGA ========================================== */ --color-mega-menu__title-base: var(--theme-brand-secondary); --color-mega-menu__title-bg: var(--theme-transparent); --color-mega-menu__title-base-hover: var(--theme-brand-secondary); --color-mega-menu__bag-count-bg: var(--theme-brand-secondary); --color-mega-menu__bag-count-base: var(--theme-brand-primary); --color-mega-menu__bag--secure-bg: var(--theme-brand-primary); --color-mega-menu__bag--secure-base: var(--theme-brand-primary); --color-mega-menu__icon-base: var(--theme-brand-secondary); --color-mega-menu__icon-base-hover: var(--theme-brand-secondary); --color-mega-menu__icon--myaccount-label-base: var(--theme-brand-primary); --color-mega-menu__hr-border: var(--theme-brand-primary); --color-mega-menu__icon--bag-base: var(--theme-brand-secondary); --color-mega-menu__icon--bag-base-hover: var(--theme-brand-secondary); --color-mega-menu__bag--secure-base-hover: var(--theme-brand-primary); --color-mega-menu__icon--wishlist-base: var(--theme-brand-secondary); --color-mega-menu__icon--wishlist-base-hover: var(--theme-brand-secondary); --color-mega-menu__icon--myaccount-base: var(--theme-brand-primary); --color-mega-menu__icon--myaccount-base-hover: var(--theme-brand-primary); --color-mega-menu__icon--search-base: var(--theme-brand-secondary); --color-mega-menu__icon--search-base-hover: var(--theme-brand-secondary); --color-mega-menu__icon--currency-base: var(--theme-brand-secondary); --color-mega-menu__icon--currency-base-hover: var(--theme-brand-secondary); --color-mega-menu__nav-menu-bg: var(--theme-transparent); --color-mega-menu__nav-menu-border: var(--theme-brand-tertiary); --color-mega-menu__search-base: var(--theme-brand-secondary); --color-mega-menu__search: var(--theme-transparent); --color-mega-menu__search-button-bg: var(--theme-transparent); --color-mega-menu__search-button-base-hover: var(--theme-brand-secondary); --color-mega-menu__search-button-hover: var(--theme-transparent); --color-mega-menu__search-input-base: var(--theme-brand-secondary); --color-mega-menu__search-input-bg: var(--theme-transparent); --color-mega-menu__search-input-base-hover: var(--theme-brand-secondary); --color-mega-menu__search-input-bg-hover: var(--theme-transparent); /* ========================================== MEGANAV__MORE ========================================== */ --color-meganav__more-base: var(--theme-brand-secondary); /* ========================================== MEGANAV__NAV ========================================== */ --color-meganav__nav-bg: var(--theme-transparent); /* ========================================== MENU ========================================== */ --color-menu-bg: var(--theme-orange-custom-4); --color-menu-icon-bg: var(--theme-black-dark); --color-menu-icon-bg-hover: var(--theme-grey-text); --color-menu-base: var(--theme-orange-custom-4); --color-menu-border: var(--theme-grey-dark); /* ========================================== MYACCOUNT ========================================== */ --color-myaccount-dropdown-bg: var(--theme-brand-primary); --color-myaccount-dropdown-base: var(--theme-brand-secondary); --color-myaccount-dropdown__signout-base: var(--theme-brand-primary); --color-myaccount-dropdown__signout-bg: var(--theme-grey-medium); /* ========================================== NEWSLETTER ========================================== */ --color-newsletter-bg: var(--theme-brand-tertiary); --color-newsletter-base: var(--theme-brand-secondary); --color-newsletter-responsive-bg: var(--theme-brand-tertiary); /* ========================================== NEWSLETTER__BUTTON ========================================== */ --color-newsletter__button-base: var(--theme-brand-secondary); --color-newsletter__button-bg: var(--theme-brand-tertiary); --color-newsletter__button-base-hover: var(--theme-brand-secondary); --color-newsletter__button-bg-hover: var(--theme-brand-highlight); /* ========================================== NEWSLETTER__TEXT ========================================== */ --color-newsletter__text-base: var(--theme-brand-secondary); /* ========================================== OFF ========================================== */ --color-off-canvas-bg: var(--theme-brand-tertiary); /* ========================================== ORBIT ========================================== */ --color-orbit-caption-bg: var(--theme-rgba-custom-4); /* ========================================== PAGINATION ========================================== */ --color-pagination-bg: var(--theme-blue-custom); --color-pagination-base: var(--theme-white-custom-6); /* ========================================== PLAYER ========================================== */ --color-player-section__player-button-base: var(--theme-brand-secondary); --color-player-section__player-button-bg: var(--theme-brand-tertiary); --color-player-section__player-button-base-hover: var(--theme-brand-secondary); /* ========================================== POPUP ========================================== */ --color-popup-graphics-bg: var(--theme-brand-secondary); /* ========================================== PRICEBOX ========================================== */ --color-pricebox-base: var(--theme-grey-medium); /* ========================================== PRODUCT ========================================== */ --color-product-customise-bg: var(--theme-brand-secondary); --color-product-customise-border: var(--theme-brand-primary); --color-product-customise__box-selection-button-base: var(--theme-brand-primary); --color-product-customise__box-selection-button-bg: var(--theme-transparent); --color-product-customise__box-selection-button--active-bg: var(--theme-brand-primary); --color-product-customise__addpers-bg: var(--theme-brand-tertiary); --color-product-customise__pers-sel-options-bg: var(--theme-brand-secondary); --color-product-size__button-base: var(--theme-red); --color-product-size__button-bg: var(--theme-grey-vlight); --color-product-size__button--checked-bg: var(--theme-brand-tertiary); --color-product-quantity__input-base: var(--theme-black-custom); --color-product-quantity__input--number-base: var(--theme-brand-primary); --color-product-list__title-base: var(--theme-grey-custom); --color-product-list__price-base: var(--theme-grey-custom); --color-product-list__wasprice-base: var(--theme-brand-primary); --color-product-list__quick-add-bg: var(--theme-rgba-custom-5); --color-product-list__quick-add-label-base: var(--theme-brand-secondary); --color-product-list__quick-add-button-base-disabled: var(--theme-brand-secondary); --color-product-list__quick-add-button-container-base: var(--theme-brand-secondary); --color-product-list__quick-add-button-container-bg: var(--theme-transparent); --color-product-list__quick-add-button-container--disabled-bg: var(--theme-grey-dark); --color-product-list__quick-add-button-container--disabled-base: var(--theme-red); --color-product-list__quick-add--dropdown-pane-bg: var(--theme-rgba-custom-5); --color-product-list__quick-add-notify-bg: var(--theme-rgba-custom-6); --color-product-related-section--related-bg: var(--theme-transparent); /* ========================================== PRODUCT__PRODUCT ========================================== */ --color-product__product-title-base: var(--theme-brand-primary); --color-product__product-subtitle-base: var(--theme-brand-primary); /* ========================================== PROGRESS ========================================== */ --color-progress-meter-bg: var(--theme-blue-custom); --color-progress-meter-text-base: var(--theme-white-light); /* ========================================== PROGRESSBAR__INDICATOR ========================================== */ --color-progressbar__indicator-icon-bg: var(--theme-white-custom-2); --color-progressbar__indicator--is-complete-base: var(--theme-white-light); --color-progressbar__indicator--is-current-base: var(--theme-white-light); /* ========================================== PROGRESSBAR__TITLE ========================================== */ --color-progressbar__title-base: var(--theme-brand-primary); /* ========================================== RC ========================================== */ --color-rc-selection__block-bg: var(--theme-brand-secondary); --color-rc-selection__block-bg-hover: var(--theme-brand-secondary); --color-rc-selection__icon-base: var(--theme-brand-tertiary); --color-rc-selection__icon-bg: var(--theme-brand-secondary); /* ========================================== REFINE__BUTTON ========================================== */ --color-refine__button-container-bg: var(--theme-grey-vlight); --color-refine__button-container-border: var(--theme-grey-medium); /* ========================================== REFINE__DROPDOWN ========================================== */ --color-refine__dropdown-bg: var(--theme-brand-secondary); --color-refine__dropdown-wrapper-base: var(--theme-grey-medium); /* ========================================== REFINE__RESET ========================================== */ --color-refine__reset-attributes-base: var(--theme-grey-dark); /* ========================================== REFINE__SORTBY ========================================== */ --color-refine__sortby-is-active-bg-hover: var(--theme-brand-primary); /* ========================================== REFINE__WRAPPER ========================================== */ --color-refine__wrapper-bg: var(--theme-brand-secondary); /* ========================================== RESPONSIVE ========================================== */ --color-responsive-header__top-area-bg: var(--theme-brand-secondary); --color-responsive-header__top-area-base: var(--theme-brand-primary); --color-responsive-menu-bg: var(--theme-brand-tertiary); --color-responsive-menu-staticpages-bg: var(--theme-brand-highlight); --color-responsive-topmenu-base-hover: var(--theme-brand-secondary); --color-responsive-topmenu-base: var(--theme-brand-secondary); --color-responsive-search__input-bg: var(--theme-transparent); --color-responsive-search__input-base: var(--theme-brand-secondary); --color-responsive-search__input-base-hover: var(--theme-brand-secondary); --color-responsive-search__input-border-hover: var(--theme-brand-secondary); --color-responsive-topmenu__submenu-bg: var(--theme-blue-custom-5); --color-responsive-menu__static-title-base: var(--theme-brand-secondary); --color-responsive-menu__static-submenu-bg: var(--theme-blue-custom-6); --color-responsive-menu__static-subitem-base: var(--theme-brand-secondary); --color-responsive-menu__static-title--currency-base: var(--theme-brand-secondary); /* ========================================== REVEAL ========================================== */ --color-reveal-overlay-bg: var(--theme-rgba-custom-7); --color-reveal-bg: var(--theme-white-light); /* ========================================== SEARCH ========================================== */ --color-search-modal__input-border-hover: var(--theme-brand-primary); --color-search-modal__input-base-hover: var(--theme-brand-primary); /* ========================================== SECURE ========================================== */ --color-secure-footer-base: var(--theme-brand-primary); --color-secure-footer-bg: var(--theme-grey-light); /* ========================================== SELECT ========================================== */ --color-select-bg: var(--theme-grey-vlight); --color-select-base: var(--theme-brand-primary); --color-select-bg-disabled: var(--theme-white-custom-2); /* ========================================== SHOPBYPLAYER_BACKGROUND_LISTINGSTYLES ========================================== */ --color-shopbyplayer_background_listingstyles-bg: var(--theme-brand-secondary); /* ========================================== SHORTLINES ========================================== */ --color-shortlines-base: var(--theme-blue-custom-3); /* ========================================== SIMPLELINE ========================================== */ --color-simpleline-arrow-base: var(--theme-grey-custom); --color-simpleline-arrow--refine-bg: var(--theme-brand-secondary); /* ========================================== SLICK ========================================== */ --color-slick-prev-base: var(--theme-grey-custom); --color-slick-prev-base-hover: var(--theme-transparent); --color-slick-dots-base: var(--theme-black); /* ========================================== SLIDER ========================================== */ --color-slider-bg: var(--theme-white-custom-2); --color-slider-fill-bg: var(--theme-white-custom-6); --color-slider-handle-bg: var(--theme-grey-dark); /* ========================================== SOCIAL ========================================== */ --color-social-share__item-link-base: var(--theme-grey-dark); /* ========================================== SOCIAL__LINK ========================================== */ --color-social__link-base: var(--theme-brand-tertiary); --color-social__link-bg: var(--theme-transparent); /* ========================================== SOCIAL__TITLE ========================================== */ --color-social__title-base: var(--theme-brand-secondary); /* ========================================== SUBMENU ========================================== */ --color-submenu-toggle-border: var(--theme-blue-custom); /* ========================================== SWAL2 ========================================== */ --color-swal2-container-bg: var(--theme-transparent); --color-swal2-popup-bg: var(--theme-orange-custom-5); --color-swal2-popup-base: var(--theme-brand-secondary); --color-swal2-popup-border: var(--theme-orange-custom-5); --color-swal2-icon-border: var(--theme-blue-custom-7); --color-swal2-icon-bg: var(--theme-green-dark); --color-swal2-progresssteps-bg: var(--theme-blue-info-alt); --color-swal2-progresssteps-base: var(--theme-brand-secondary); /* ========================================== SWITCH ========================================== */ --color-switch-base: var(--theme-white-light); --color-switch-paddle-bg: var(--theme-white-light); --color-switch-bg: var(--theme-white-custom-7); --color-switch-label-bg: var(--theme-white-custom-8); --color-switch-label-base: var(--theme-brand-secondary); --color-switch-input-bg: var(--theme-brand-primary); --color-switch-handle-bg: var(--theme-white-custom-7); /* ========================================== TABLE ========================================== */ --color-table-bg: var(--theme-brand-highlight); --color-table-base: var(--theme-brand-secondary); /* ========================================== TABS ========================================== */ --color-tabs-bg: var(--theme-brand-secondary); --color-tabs-title-bg-hover: var(--theme-brand-secondary); --color-tabs-title-bg: var(--theme-brand-secondary); --color-tabs-content-bg: var(--theme-white-light); --color-tabs-content-base: var(--theme-black-dark); --color-tabs-title-base: var(--theme-grey-medium); --color-tabs-title-border: var(--theme-grey-line); --color-tabs-title-base-hover: var(--theme-brand-primary); --color-tabs--button-bg: var(--theme-grey-light); --color-tabs-border: var(--theme-brand-secondary); --color-tabs-base: var(--theme-grey-line); --color-tabs--minimalist-bg: var(--theme-brand-tertiary); --color-tabs--line-only-bg: var(--theme-transparent); /* ========================================== TACTICAL ========================================== */ --color-tactical-message-bg: var(--theme-grey-vlight); --color-tactical-message--secure-bg: var(--theme-grey-light); /* ========================================== TBODY ========================================== */ --color-tbody-bg: var(--theme-grey-vlight); /* ========================================== TEXT ========================================== */ --color-text-hide-base: var(--theme-transparent); --color-text-hide-bg: var(--theme-transparent); /* ========================================== TFOOT ========================================== */ --color-tfoot-bg: var(--theme-grey-vlight); /* ========================================== THEAD ========================================== */ --color-thead-bg: var(--theme-white-custom-9); /* ========================================== TIPPY ========================================== */ --color-tippy-base-hover: var(--theme-brand-primary); --color-tippy-box-bg: var(--theme-grey-custom); --color-tippy-box-base: var(--theme-blue-custom-8); --color-tippy-arrow-border: var(--theme-transparent); /* ========================================== TITLE ========================================== */ --color-title-bar-bg: var(--theme-transparent); --color-title-bar-base: var(--theme-brand-secondary); --color-title-bar__icon-base: var(--theme-brand-primary); --color-title-bar__icon--myaccount-label-base: var(--theme-brand-primary); --color-title-bar__bag-count-bg: var(--theme-brand-secondary); --color-title-bar__bag-count-base: var(--theme-brand-primary); --color-title-bar__bag--secure-bg: var(--theme-brand-primary); --color-title-bar-base-hover: var(--theme-brand-secondary); --color-title-bar__icon--bag-base: var(--theme-brand-secondary); --color-title-bar__icon--bag-base-hover: var(--theme-brand-secondary); --color-title-bar__icon--wishlist-base: var(--theme-brand-secondary); --color-title-bar__icon--wishlist-base-hover: var(--theme-brand-secondary); --color-title-bar__icon--myaccount-base: var(--theme-brand-primary); --color-title-bar__icon--myaccount-base-hover: var(--theme-brand-primary); --color-title-bar__icon--search-base: var(--theme-brand-secondary); --color-title-bar__icon--search-base-hover: var(--theme-brand-secondary); --color-title-bar__icon--menu-base: var(--theme-brand-secondary); --color-title-bar__icon--menu-base-hover: var(--theme-brand-secondary); /* ========================================== TOGGLER__ITEM ========================================== */ --color-toggler__item-base: var(--theme-brand-primary); --color-toggler__item--is-active-base: var(--theme-brand-highlight); /* ========================================== TOOLTIP ========================================== */ --color-tooltip-bg: var(--theme-black-dark); --color-tooltip-border: var(--theme-transparent); }