/* Theme Name: Teenglow Child Theme URI: https://teenglow.qodeinteractive.com Description: A child theme of Teenglow Author: Select Themes Author URI: https://qodeinteractive.com Version: 1.0 Text Domain: teenglow Template: teenglow */ /* ========================================================================= JOY4SKIN BRAND COLOURS (child-theme override, parent theme untouched) ------------------------------------------------------------------------- Primary : #D93D73 Deep Rose Pink (was #0000B4) - CTA / links / brand Primary hover : #C42C64 (was #1111d1) - button / CTA hover Secondary : #D93D73 Olive / Sage (was #C42C64 ) - badges / accents Body text : #2C2C2C Charcoal (was #0000B4) - body / inputs / code The parent theme hard-codes the old blue/yellow in ~120 rules AND in the CSS custom properties. The block below re-declares every one of those rules with the new palette, generated straight from the parent selectors. Where the old colour was used as readable text (body copy, form fields, code, captions, quotes) it maps to Charcoal for legibility; everywhere it was a brand accent it maps to Deep Rose Pink. ========================================================================= */ /* Brand colour custom properties */ :root { --qode-main-color: #D93D73; --qode-second-main-color: #D93D73; } /* Full literal-colour overrides (mirrors every hard-coded parent rule) */ :root { --qode-main-color: #D93D73; } :root { --qode-second-main-color: #D93D73; } pre { color: #2C2C2C; } code { color: #2C2C2C; } figcaption, .wp-caption, .gallery-caption { color: #2C2C2C; } body { color: #2C2C2C; } h1, .qodef-h1 { color: #D93D73; } h2, .qodef-h2 { color: #D93D73; } h3, .qodef-h3 { color: #D93D73; } h4, .qodef-h4 { color: #D93D73; } h5, .qodef-h5 { color: #D93D73; } h6, .qodef-h6 { color: #D93D73; } a, p a { color: #D93D73; } blockquote, .wp-block-quote { color: #2C2C2C; } .qodef-e-info > * { color: #D93D73; } input[type=text], input[type=email], input[type=url], input[type=password], input[type=number], input[type=tel], input[type=search], input[type=date], textarea, select { color: #2C2C2C; } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=search]:focus, input[type=date]:focus, textarea:focus, select:focus { color: #2C2C2C; } select option { color: #2C2C2C; } input[type=submit], button[type=submit], .qodef-theme-button { background-color: #D93D73; } input[type=submit]:hover, button[type=submit]:hover, .qodef-theme-button:hover { background-color: #C42C64; } [class*=teenglow] .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { background-color: #D93D73; } [class*=teenglow] .select2-container--default .select2-search--inline .select2-search__field:focus { border-color: #D93D73; } [class*=teenglow] .select2-container--default .select2-search--dropdown .select2-search__field { color: #2C2C2C; } [class*=teenglow] .select2-container--default .select2-search--dropdown .select2-search__field:focus { color: #2C2C2C; } [class*=teenglow] .select2-container--default .select2-results__option[aria-disabled=true] { color: #2C2C2C; } [class*=teenglow] .select2-container--default .select2-results__option[aria-selected=true], [class*=teenglow] .select2-container--default .select2-results__option[data-selected=true] { color: #2C2C2C; } [class*=teenglow] .select2-container--default .select2-results__option--highlighted[aria-selected] { color: #2C2C2C; } [class*=teenglow] .select2-container--default.select2-container--open .select2-selection--single, [class*=teenglow] .select2-container--default.select2-container--open .select2-selection--multiple { color: #2C2C2C; } .select2-container--default .select2-selection { color: #2C2C2C !important; } .select2-container--default .select2-selection:focus { color: #2C2C2C !important; } input:-webkit-autofill { -webkit-text-fill-color: #D93D73; } .mfp-bottom-bar .mfp-title, .mfp-bottom-bar .mfp-counter { color: #D93D73; } .swiper-pagination-bullets .swiper-pagination-bullet { background-color: #D93D73; } .swiper-button-prev, .swiper-button-next { color: #D93D73; } #qodef-page-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle, #qodef-page-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle { color: #D93D73; } #qodef-page-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a, #qodef-page-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item a { color: #D93D73; } #qodef-page-header .widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal ul li a { color: #D93D73; } #qodef-page-header .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li a { color: #D93D73; } #qodef-page-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle, #qodef-page-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle { color: #D93D73; } #qodef-page-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a, #qodef-page-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item a { color: #D93D73; } #qodef-page-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal ul li a { color: #D93D73; } #qodef-page-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li a { color: #D93D73; } #qodef-page-sidebar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle, #qodef-page-sidebar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle { color: #D93D73; } #qodef-page-sidebar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a, #qodef-page-sidebar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item a { color: #D93D73; } #qodef-page-sidebar .widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal ul li a { color: #D93D73; } #qodef-page-sidebar .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li a { color: #D93D73; } #qodef-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle, #qodef-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle { color: #D93D73; } #qodef-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a, #qodef-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item a { color: #D93D73; } #qodef-side-area .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle, #qodef-side-area .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle { color: #D93D73; } #qodef-side-area .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a, #qodef-side-area .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item a { color: #D93D73; } .qodef-blog .qodef-e-top-holder .entry-date { color: #D93D73; } .qodef-blog.qodef--list .qodef-author-label { color: #D93D73; } #qodef-page-comments-list .qodef-comment-item .qodef-e-date { color: #D93D73; } #qodef-page-comments-list .qodef-comment-item .qodef-e-date a { color: #D93D73; } #qodef-page-comments-list .qodef-comment-item .qodef-e-date a:hover { color: #D93D73; } .qodef-comment-item #respond .comment-reply-title { color: #D93D73; } #qodef-page-footer-top-area { background-color: #D93D73; } .qodef-footer-skin--dark #qodef-page-footer-top-area * { color: #D93D73 !important; } .qodef-footer-skin--dark #qodef-page-footer-top-area input { border-color: #D93D73; } .qodef-footer-skin--dark #qodef-page-footer-top-area input:focus { border-color: #D93D73; } #qodef-page-footer-bottom-area { background-color: #D93D73; } .qodef-footer-skin--dark #qodef-page-footer-bottom-area * { color: #D93D73 !important; } .qodef-footer-skin--dark #qodef-page-footer-bottom-area input { border-color: #D93D73; } .wp-block-button .wp-block-button__link { background-color: #D93D73; } .wp-block-button .wp-block-button__link:hover { background-color: #C42C64; } .wp-block-file { color: #D93D73; } .qodef-single-links .qodef-m-single-links-title { color: #D93D73; } .qodef-search .qodef-search-form-button { color: #D93D73; } .widget a { color: #D93D73; } .widget .qodef-search-form-button.qodef--button-inside { color: #D93D73; } .widget .qodef-search-form-button.qodef--button-inside:hover { color: #D93D73; } .widget .tagcloud a, .widget .wp-block-tag-cloud a { color: #D93D73; } .widget.widget_calendar .wp-calendar-nav a, .widget .wp-block-calendar .wp-calendar-nav a { color: #D93D73; } #qodef-top-area .widget .qodef-search-form-button.qodef--button-inside { color: #D93D73; } #qodef-top-area .widget .qodef-search-form-button.qodef--button-inside:hover { color: #D93D73; } #qodef-side-area .widget .qodef-search-form-button.qodef--button-inside { color: #D93D73; } #qodef-side-area .widget .qodef-search-form-button.qodef--button-inside:hover { color: #D93D73; } .qodef-mega-menu-widget-holder .widget .qodef-search-form-button.qodef--button-inside { color: #D93D73; } .qodef-mega-menu-widget-holder .widget .qodef-search-form-button.qodef--button-inside:hover { color: #D93D73; } #qodef-woo-page .button, #qodef-woo-page .added_to_cart, .qodef-woo-shortcode .button, .qodef-woo-shortcode .added_to_cart, #yith-quick-view-modal .button, #yith-quick-view-modal .added_to_cart { background-color: #D93D73; } #qodef-woo-page .button:hover, #qodef-woo-page .added_to_cart:hover, .qodef-woo-shortcode .button:hover, .qodef-woo-shortcode .added_to_cart:hover, #yith-quick-view-modal .button:hover, #yith-quick-view-modal .added_to_cart:hover { background-color: #C42C64; } #qodef-woo-page .quantity input[type=number] { color: #2C2C2C; } .woocommerce-message .wc-forward, .woocommerce-info .wc-forward, .woocommerce-error .wc-forward { background-color: #D93D73; } .woocommerce-message .wc-forward:hover, .woocommerce-info .wc-forward:hover, .woocommerce-error .wc-forward:hover { background-color: #C42C64; } .woocommerce-page div.woocommerce .shop_table th { color: #D93D73; } #qodef-woo-page.qodef--cart .cross-sells > h2, #qodef-woo-page.qodef--cart .cart_totals > h2, .yith-wcwl-form .cross-sells > h2, .yith-wcwl-form .cart_totals > h2 { color: #D93D73; } .woocommerce-page div.woocommerce .cart-empty { color: #D93D73; } .woocommerce-page div.woocommerce .return-to-shop a { background-color: #D93D73; } .woocommerce-page div.woocommerce .return-to-shop a:hover { background-color: #C42C64; } #qodef-woo-page.qodef--checkout .wc_payment_methods label { color: #D93D73; } .woocommerce-account .woocommerce-MyAccount-content h2 { color: #D93D73; } .woocommerce-account .button { background-color: #D93D73; } .woocommerce-account .button:hover { background-color: #C42C64; } .woocommerce-order-received .woocommerce-order .woocommerce-thankyou-order-received { color: #D93D73; } .woocommerce-order-received .woocommerce-order h2 { color: #D93D73; } .qodef-woo-product-list.qodef-item-layout--info-below .qodef-e-content .added_to_cart, .qodef-woo-product-list.qodef-item-layout--info-below .qodef-e-content .button { color: #D93D73; } #qodef-woo-page .qodef-woo-product-list.qodef-item-layout--info-below .qodef-e-content .added_to_cart, #qodef-woo-page .qodef-woo-product-list.qodef-item-layout--info-below .qodef-e-content .button { color: #D93D73; } #qodef-woo-page .qodef-quantity-buttons .qodef-quantity-input, #qodef-woo-page .qodef-quantity-buttons .qodef-quantity-minus, #qodef-woo-page .qodef-quantity-buttons .qodef-quantity-plus, #yith-quick-view-modal .qodef-quantity-buttons .qodef-quantity-input, #yith-quick-view-modal .qodef-quantity-buttons .qodef-quantity-minus, #yith-quick-view-modal .qodef-quantity-buttons .qodef-quantity-plus { color: #2C2C2C; } #qodef-woo-page.qodef--single .entry-summary .yith-wcwl-add-to-wishlist, #yith-quick-view-content.single-product .entry-summary .yith-wcwl-add-to-wishlist { color: #D93D73; } #qodef-woo-page.qodef--single .woocommerce-product-rating .woocommerce-review-link, #yith-quick-view-content.single-product .woocommerce-product-rating .woocommerce-review-link { color: #D93D73; } #qodef-woo-page.qodef--single .woocommerce-product-rating .woocommerce-review-link:hover, #yith-quick-view-content.single-product .woocommerce-product-rating .woocommerce-review-link:hover { color: #D93D73; } #qodef-woo-page.qodef--single form.cart.grouped_form .group_table label, #yith-quick-view-content.single-product form.cart.grouped_form .group_table label { color: #D93D73; } #qodef-woo-page.qodef--single form.cart .group_table th, #yith-quick-view-content.single-product form.cart .group_table th { color: #D93D73; } #qodef-woo-page.qodef--single form.cart .variations label, #yith-quick-view-content.single-product form.cart .variations label { color: #D93D73; } #qodef-woo-page.qodef--single .out-of-stock, #yith-quick-view-content.single-product .out-of-stock { color: #D93D73; } #qodef-woo-page.qodef--single .product_meta .qodef-woo-meta-label, #yith-quick-view-content.single-product .product_meta .qodef-woo-meta-label { color: #D93D73; } #qodef-woo-page.qodef--single .qodef-social-share .qodef-social-title, #yith-quick-view-content.single-product .qodef-social-share .qodef-social-title { color: #D93D73; } #qodef-woo-page.qodef--single .woocommerce-Reviews .woocommerce-review__author, #yith-quick-view-content.single-product .woocommerce-Reviews .woocommerce-review__author { color: #D93D73; } #qodef-woo-page.qodef--single #review_form .comment-reply-title, #yith-quick-view-content.single-product #review_form .comment-reply-title { color: #D93D73; } .widget.woocommerce .button, .widget.woocommerce .woocommerce-widget-layered-nav-dropdown__submit { background-color: #D93D73; } .widget.woocommerce .button:hover, .widget.woocommerce .woocommerce-widget-layered-nav-dropdown__submit:hover { background-color: #C42C64; } .widget.woocommerce.widget_recent_reviews a { color: #D93D73; } .widget .wc-block-components-price-slider .wc-block-components-price-slider__actions button { background-color: #D93D73 !important; } .widget .wc-block-components-price-slider .wc-block-components-price-slider__actions button { color: #D93D73 !important; } .widget .wc-block-components-price-slider .wc-block-components-price-slider__actions button:hover { background-color: #C42C64 !important; } .widget .wp-block-woocommerce-filter-wrapper .wp-block-woocommerce-attribute-filter ul li .wc-block-components-checkbox__label { color: #D93D73; } .widget.woocommerce .qodef-woo-product-title a { color: #D93D73; } .widget.woocommerce a .product-title { color: #D93D73; } .widget .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item a { color: #D93D73; } /* ========================================================================= COMPANION ADDONS PLUGIN (Qi / Qode Addons) - .qodef-button component ------------------------------------------------------------------------- These rules live in wp-content/plugins (NOT in the theme), so they keep the old blue until overridden here. !important + multi-class selectors guarantee the override wins over the plugin regardless of load order. ========================================================================= */ /* Filled buttons */ .qodef-button.qodef-layout--filled { background-color: #D93D73 !important; } .qodef-button.qodef-layout--filled:hover { background-color: #C42C64 !important; } /* Outlined buttons */ .qodef-button.qodef-layout--outlined { color: #D93D73 !important; border-color: #D93D73 !important; } .qodef-button.qodef-layout--outlined:hover { color: #ffffff !important; background-color: #D93D73 !important; border-color: #D93D73 !important; } /* Textual buttons */ .qodef-button.qodef-layout--textual { color: #D93D73 !important; }