diff --git a/styles/duckduckgo/catppuccin.user.css b/styles/duckduckgo/catppuccin.user.css index a0dec6e3c5..2210fdcffd 100644 --- a/styles/duckduckgo/catppuccin.user.css +++ b/styles/duckduckgo/catppuccin.user.css @@ -17,8 +17,8 @@ /* If you need any help with the information above, please see: https://github.com/openstyles/stylus/wiki/Writing-UserCSS#var */ /* For help with URL rules, please see https://github.com/openstyles/stylus/wiki/Writing-styles#valid--moz-document-rules. */ @-moz-document domain(duckduckgo.com) { - /* prettier-ignore */ - @catppuccin: { + /* prettier-ignore */ + @catppuccin: { @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @@ -137,817 +137,862 @@ ; } - #catppuccin(@lookup, @accent) { - @rosewater: @catppuccin[@@lookup][@rosewater]; - @flamingo: @catppuccin[@@lookup][@flamingo]; - @pink: @catppuccin[@@lookup][@pink]; - @mauve: @catppuccin[@@lookup][@mauve]; - @red: @catppuccin[@@lookup][@red]; - @maroon: @catppuccin[@@lookup][@maroon]; - @peach: @catppuccin[@@lookup][@peach]; - @yellow: @catppuccin[@@lookup][@yellow]; - @green: @catppuccin[@@lookup][@green]; - @teal: @catppuccin[@@lookup][@teal]; - @sky: @catppuccin[@@lookup][@sky]; - @sapphire: @catppuccin[@@lookup][@sapphire]; - @blue: @catppuccin[@@lookup][@blue]; - @lavender: @catppuccin[@@lookup][@lavender]; - @text: @catppuccin[@@lookup][@text]; - @subtext1: @catppuccin[@@lookup][@subtext1]; - @subtext0: @catppuccin[@@lookup][@subtext0]; - @overlay2: @catppuccin[@@lookup][@overlay2]; - @overlay1: @catppuccin[@@lookup][@overlay1]; - @overlay0: @catppuccin[@@lookup][@overlay0]; - @surface2: @catppuccin[@@lookup][@surface2]; - @surface1: @catppuccin[@@lookup][@surface1]; - @surface0: @catppuccin[@@lookup][@surface0]; - @base: @catppuccin[@@lookup][@base]; - @mantle: @catppuccin[@@lookup][@mantle]; - @crust: @catppuccin[@@lookup][@crust]; - @accent-color: @catppuccin[@@lookup][@@accent]; - - .eVNpHGjtxRBq_gLOfGDr, - .LQNqh2U1kzYxREs65IJu { - color: @blue - } - - .acp-wrap { - background-color: @surface0 - } - .acp { - color: @text; - } - .acp--highlight { - background-color: @overlay0 !important; - } - .search__autocomplete { - border-color: @surface1; - } - - body { - background-color: @base; - } - - .footer { - background-color: @base; - border-top-color: @surface0 - } - - - .search--header { - background-color: @surface0 - } - .search__clear { - color: @accent-color; - } - .search__button, - .js-search-button { - background-color: @accent-color !important; - color: @mantle; - } + #catppuccin(@lookup, @accent) { + @rosewater: @catppuccin[@@lookup][@rosewater]; + @flamingo: @catppuccin[@@lookup][@flamingo]; + @pink: @catppuccin[@@lookup][@pink]; + @mauve: @catppuccin[@@lookup][@mauve]; + @red: @catppuccin[@@lookup][@red]; + @maroon: @catppuccin[@@lookup][@maroon]; + @peach: @catppuccin[@@lookup][@peach]; + @yellow: @catppuccin[@@lookup][@yellow]; + @green: @catppuccin[@@lookup][@green]; + @teal: @catppuccin[@@lookup][@teal]; + @sky: @catppuccin[@@lookup][@sky]; + @sapphire: @catppuccin[@@lookup][@sapphire]; + @blue: @catppuccin[@@lookup][@blue]; + @lavender: @catppuccin[@@lookup][@lavender]; + @text: @catppuccin[@@lookup][@text]; + @subtext1: @catppuccin[@@lookup][@subtext1]; + @subtext0: @catppuccin[@@lookup][@subtext0]; + @overlay2: @catppuccin[@@lookup][@overlay2]; + @overlay1: @catppuccin[@@lookup][@overlay1]; + @overlay0: @catppuccin[@@lookup][@overlay0]; + @surface2: @catppuccin[@@lookup][@surface2]; + @surface1: @catppuccin[@@lookup][@surface1]; + @surface0: @catppuccin[@@lookup][@surface0]; + @base: @catppuccin[@@lookup][@base]; + @mantle: @catppuccin[@@lookup][@mantle]; + @crust: @catppuccin[@@lookup][@crust]; + @accent-color: @catppuccin[@@lookup][@@accent]; + + .eVNpHGjtxRBq_gLOfGDr, + .LQNqh2U1kzYxREs65IJu { + color: @blue; + } - .is-vertical-tabs-exp, - .header-wrap { - background-color: @mantle - } + .acp-wrap { + background-color: @surface0; + } + .acp { + color: @text; + } + .acp--highlight { + background-color: @overlay0 !important; + } + .search__autocomplete { + border-color: @surface1; + } - .module--carousel__body__title { - color: @blue !important; - } - .js-carousel-module-more, - .module__footer { - color: @blue !important; - border-color: @surface0 !important; - } - .feedback-prompt, - .feedback-prompt__link, - .js-feedback-prompt-yes, - .js-feedback-prompt-no { - color: @text; - } + body { + background-color: @base; + } - .zcm__link, - .js-zci-link { - color: @text; - } + .footer { + background-color: @base; + border-top-color: @surface0; + } + .search--header { + background-color: @surface0; + } + .search__clear { + color: @accent-color; + } + .search__button, + .js-search-button { + background-color: @accent-color !important; + color: @mantle; + } - .js-zci-link--web.is-active { - color: @accent-color !important; - border-color: @accent-color !important; - } + .is-vertical-tabs-exp, + .header-wrap { + background-color: @mantle; + } - .OgdwYG6KE2qthn9XQWFC { - color: @text !important; - } - .module--carousel__left, - .module--carousel__right { - background-color: @mantle; - color: @accent-color - } - .O9Ipab51rBntYb0pwOQn { - background-color: @surface0; - border-color: @surface2 - } + .module--carousel__body__title { + color: @blue !important; + } + .js-carousel-module-more, + .module__footer { + color: @blue !important; + border-color: @surface0 !important; + } + .feedback-prompt, + .feedback-prompt__link, + .js-feedback-prompt-yes, + .js-feedback-prompt-no { + color: @text; + } - .footer__card, - .js-footer-card, - .bg-clr--white { - background-color: @base; - border-color: @surface1 - } + .zcm__link, + .js-zci-link { + color: @text; + } - .footer__text { - color: @subtext1; - } + .js-zci-link--web.is-active { + color: @accent-color !important; + border-color: @accent-color !important; + } - .tile--img__sub { - color: @text !important; - } + .OgdwYG6KE2qthn9XQWFC { + color: @text !important; + } + .module--carousel__left, + .module--carousel__right { + background-color: @mantle; + color: @accent-color; + } + .O9Ipab51rBntYb0pwOQn { + background-color: @surface0; + border-color: @surface2; + } - .metabar__dropdowns-wrap::after, - .metabar__dropdowns-wrap::before { - background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), @base) - } + .footer__card, + .js-footer-card, + .bg-clr--white { + background-color: @base; + border-color: @surface1; + } - .text--primary, - .tx-clr--dk, - .tx-clr--slate { - color: @text - } // quick info box - .module__title, - .module--definitions__definition, - .ia-module--definitions .module--definitions__synonym { - color: @text; - } + .footer__text { + color: @subtext1; + } - .module__title .module--definitions__pronunciation, - .module--definitions__part-of-speech, - .module--definitions__usage, - .module--definitions__attribution-text, - .module__attribution, - .module__attribution-link { - color: @subtext0 !important; - } + .tile--img__sub { + color: @text !important; + } - .module--definitions__group ol li a.module--definitions__reference, - .module--definitions__collapsed-group ol li a.module--definitions__reference, - .module__toggle__chevron, - .module__toggle__chevron--collapse { - color: @accent-color - } //header - .header__button--menu { - background-color: @surface0; - color: @subtext1; - } //right side info box - .H4K96pMGU5icP7hW3kIy { - color: @text; - } + .metabar__dropdowns-wrap::after, + .metabar__dropdowns-wrap::before { + background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), @base); + } - // airline info - .zci, - .metabar--fixed { - background-color: @base !important; - } + .text--primary, + .tx-clr--dk, + .tx-clr--slate { + color: @text; + } // quick info box + .module__title, + .module--definitions__definition, + .ia-module--definitions .module--definitions__synonym { + color: @text; + } - .text--airline-flight, - .tile__day, - .text--title, - .flight-details__values { - color: @text !important; - } + .module__title .module--definitions__pronunciation, + .module--definitions__part-of-speech, + .module--definitions__usage, + .module--definitions__attribution-text, + .module__attribution, + .module__attribution-link { + color: @subtext0 !important; + } - .progress__bar { - background-color: @overlay0 - } + .module--definitions__group ol li a.module--definitions__reference, + .module--definitions__collapsed-group + ol + li + a.module--definitions__reference, + .module__toggle__chevron, + .module__toggle__chevron--collapse { + color: @accent-color; + } //header + .header__button--menu { + background-color: @surface0; + color: @subtext1; + } //right side info box + .H4K96pMGU5icP7hW3kIy { + color: @text; + } - .text--title svg path { - fill: @accent-color; - } + // airline info + .zci, + .metabar--fixed { + background-color: @base !important; + } - .zci--airlines hr { - background-color: @surface1; - } - .scheduled-time { - color: @overlay0 !important; - } + .text--airline-flight, + .tile__day, + .text--title, + .flight-details__values { + color: @text !important; + } - .bg-clr--green { - background-color: @green; - } - .timing { - color: @text; - } + .progress__bar { + background-color: @overlay0; + } - .tile__status { - color: @base !important; - } + .text--title svg path { + fill: @accent-color; + } - .flight-details__labels, - .airlines-footer, - .source-link { - color: @subtext1 - } + .zci--airlines hr { + background-color: @surface1; + } + .scheduled-time { + color: @overlay0 !important; + } - // related searches - .related-searches__title-long { - color: @text; - } - .is-related-search-exp, - .related-searches__item { - border-color: @surface0 - } //result date text - .result__timestamp, - .result__extras__sep, - .OgdwYG6KE2qthn9XQWFC .MILR5XIVy9h75WrLvKiq { - color: @subtext0 - } // dropdown boxes - .dropdown__button:hover, - .dropdown__button:focus, - .dropdown__button:visited, - .dropdown.is-open .dropdown__button, - .modal__list__link, - .tx-clr--slate-light { - color: @text; - } + .bg-clr--green { + background-color: @green; + } + .timing { + color: @text; + } - .modal--dropdown .modal__list__link.is-selected, - .modal--dropdown .modal__list__link.is-selected:hover, - .modal--dropdown .modal__list__link.is-selected:visited { - color: @accent-color - } + .tile__status { + color: @base !important; + } - .js-custom-date-range, - .modal__header__clear, - .sep--before, - .js-region-filter-clear { - color: @accent-color !important; - } + .flight-details__labels, + .airlines-footer, + .source-link { + color: @subtext1; + } - .modal__footer, - .modal--dropdown--region.modal--popout .frm__input { - background-color: @surface1 !important; - border-top-color: @surface1 !important; - } + // related searches + .related-searches__title-long { + color: @text; + } + .is-related-search-exp, + .related-searches__item { + border-color: @surface0; + } //result date text + .result__timestamp, + .result__extras__sep, + .OgdwYG6KE2qthn9XQWFC .MILR5XIVy9h75WrLvKiq { + color: @subtext0; + } // dropdown boxes + .dropdown__button:hover, + .dropdown__button:focus, + .dropdown__button:visited, + .dropdown.is-open .dropdown__button, + .modal__list__link, + .tx-clr--slate-light { + color: @text; + } - .modal__list__link:hover, - .js-region-filter-link:hover, - .modal--dropdown--region .modal__list__link.is-highlighted { - background-color: @mantle; - } + .modal--dropdown .modal__list__link.is-selected, + .modal--dropdown .modal__list__link.is-selected:hover, + .modal--dropdown .modal__list__link.is-selected:visited { + color: @accent-color; + } - .modal__header, - .modal__footer { - border-color: @surface0 - } + .js-custom-date-range, + .modal__header__clear, + .sep--before, + .js-region-filter-clear { + color: @accent-color !important; + } - .frm__text, - .frm__input { - color: @text; - background-color: @surface0; - border-color: @surface1 - } - .is-link-style-exp:not(.dark-header, .dark-bg) .modal--dropdown.modal--dropdown--license .modal__footer .modal__list__link { - color: @blue !important; - } // settings page - .set-head__title { - color: @text; - } + .modal__footer, + .modal--dropdown--region.modal--popout .frm__input { + background-color: @surface1 !important; + border-top-color: @surface1 !important; + } - .set-tab.is-active { - background-color: @mantle !important; - color: @accent-color !important; - } + .modal__list__link:hover, + .js-region-filter-link:hover, + .modal--dropdown--region .modal__list__link.is-highlighted { + background-color: @mantle; + } - .set-tab, - .set-tab:visited { - background-color: @surface0; - color: @text; - } + .modal__header, + .modal__footer { + border-color: @surface0; + } - .cloudsave { - background-color: @surface0 - } + .frm__text, + .frm__input { + color: @text; + background-color: @surface0; + border-color: @surface1; + } + .is-link-style-exp:not(.dark-header, .dark-bg) + .modal--dropdown.modal--dropdown--license + .modal__footer + .modal__list__link { + color: @blue !important; + } // settings page + .set-head__title { + color: @text; + } - .cloudsave__title { - color: @text; - } + .set-tab.is-active { + background-color: @mantle !important; + color: @accent-color !important; + } - .page-settings { - color: @text !important; - } + .set-tab, + .set-tab:visited { + background-color: @surface0; + color: @text; + } - .settings-page-wrapper a:not(.btn, .set-tab) { - color: @blue !important; - } + .cloudsave { + background-color: @surface0; + } - .btn, - .button, - .btn--icon, - .btn--top, - .header__button { - background-color: @surface0; - color: @text; - border-color: @surface1 - } + .cloudsave__title { + color: @text; + } - .frm__select { - background-color: @surface0; - border-color: @surface0 !important; - } - .frm__select::after { - color: @accent-color; - } + .page-settings { + color: @text !important; + } - .btn--primary, - .is-checked .frm__switch__label { - color: @mantle; - } + .settings-page-wrapper a:not(.btn, .set-tab) { + color: @blue !important; + } - .frm__switch-off { - color: @mantle; - } + .btn, + .button, + .btn--icon, + .btn--top, + .header__button { + background-color: @surface0; + color: @text; + border-color: @surface1; + } - .set-main, - .frm__desc { - color: @subtext0 - } + .frm__select { + background-color: @surface0; + border-color: @surface0 !important; + } + .frm__select::after { + color: @accent-color; + } - .frm__hr, - .set-head { - border-bottom-color: @surface2; - } + .btn--primary, + .is-checked .frm__switch__label { + color: @mantle; + } + .frm__switch-off { + color: @mantle; + } - .js-set-exit { - background-color: @surface2; - } + .set-main, + .frm__desc { + color: @subtext0; + } - .js-set-exit:hover { - background-color: @blue; - } + .frm__hr, + .set-head { + border-bottom-color: @surface2; + } - .set-reset, - .set-bookmarklet { - border-color: @surface0 - } // - //right side info box for code related things - .module__title__link, - .module__title__link:hover, - .module__title__link:active, - .module__title__link:visited, - .js-about-item-abstr { - color: @text; - } + .js-set-exit { + background-color: @surface2; + } - .module__title__sub { - color: @subtext1; - } + .js-set-exit:hover { + background-color: @blue; + } - .module__more-at-bottom, - .js-about-item-more-at-bottom { - color: @blue !important; - } // - //codeblock - .module__text pre { - background-color: @surface0 - } - .kwd { - color: @mauve - } - .pun, - .com { - color: @text; - } + .set-reset, + .set-bookmarklet { + border-color: @surface0; + } // + //right side info box for code related things + .module__title__link, + .module__title__link:hover, + .module__title__link:active, + .module__title__link:visited, + .js-about-item-abstr { + color: @text; + } - .str { - color: @green; - } // - // spelling - .w498IXAnug_2RwtqCtbA { - color: @text; - } - .rlkiAscg7L8XDVmbOjmb, - .rlkiAscg7L8XDVmbOjmb:hover { - color: @blue; - } + .module__title__sub { + color: @subtext1; + } - //map thingy - .user-loc-tile { - background-color: @base; - } + .module__more-at-bottom, + .js-about-item-more-at-bottom { + color: @blue !important; + } // + //codeblock + .module__text pre { + background-color: @surface0; + } + .kwd { + color: @mauve; + } + .pun, + .com { + color: @text; + } - .module__place-list, - .js-places-multiple-list { - background-color: @surface0 - } + .str { + color: @green; + } // + // spelling + .w498IXAnug_2RwtqCtbA { + color: @text; + } + .rlkiAscg7L8XDVmbOjmb, + .rlkiAscg7L8XDVmbOjmb:hover { + color: @blue; + } - .place-list-item__title { - color: @text; - } + //map thingy + .user-loc-tile { + background-color: @base; + } - .place-list-item:hover, - .js-place-list-item:hover { - background-color: @crust; - } + .module__place-list, + .js-places-multiple-list { + background-color: @surface0; + } - .review__count, - .place-list-item__rating__count, - .place-list-item__info__item { - color: @subtext0 - } + .place-list-item__title { + color: @text; + } - .place-detail__status--on { - color: @accent-color; - } + .place-list-item:hover, + .js-place-list-item:hover { + background-color: @crust; + } - .module__places-more__link--more-places, - .js-places-multiple-expand { - color: @blue !important; - } + .review__count, + .place-list-item__rating__count, + .place-list-item__info__item { + color: @subtext0; + } - .review__rating-stars, - .place-list-item__rating__image { - @svg: escape(''); - background-image: url("data:image/svg+xml,@{svg}"); - } + .place-detail__status--on { + color: @accent-color; + } - // ddg header logo - .header_headerWrapDesktop__B7AYN.header_hasSearchbox__WU0q5 .header_headerLeft__gTUAg .header_logoImg__PFezv { - @svg: escape(''); - height: 0 !important; - width: 0 !important; - padding-left: 157px !important; - padding-top: 44px !important; - background: url("data:image/svg+xml,@{svg}") no-repeat !important; - } - -.header_logoText__rodFL, .header_logoText__rodFL a, .header_logoText__rodFL svg { -color: @text; -} + .module__places-more__link--more-places, + .js-places-multiple-expand { + color: @blue !important; + } - // home page - .legacy-homepage_root__Rz_nu, .browser-comparison-table_table__PW0Eh { - background-color: @base; - border-color: @surface0 !important - } - - .legacy-homepage-variants_batch11__4DFlQ, - .legacy-homepage-variants_isNarrowTitle__sWwHT, .heading_heading6__hJig2, - .heading_heading__IiMSV,.heading_responsive__oZpJJ, - .legacy-homepage-variants_batch9__ee1Lg .legacy-homepage-variants_ctaCards__N1DiD,.legacy-homepage-variants_scrollCta__hNjqv,.legacy-homepage-variants_socialProof__Z9Cdn,.legacy-homepage-variants_title__p1_T_, .browser-comparison-table_badge___MMhl.browser-comparison-table_default__g5xw8 span, .featureCards_root__brAX3, .footer_footerHeading__CTbCv, .flameSection_flameSectionHeading__czcuu { - color: @text; - } + .review__rating-stars, + .place-list-item__rating__image { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}"); + } - .legacy-homepage_ctaSection__5siuM .legacy-homepage_socialProof__a_Gvg { - color: @overlay0 - } + // ddg header logo + .header_headerWrapDesktop__B7AYN.header_hasSearchbox__WU0q5 + .header_headerLeft__gTUAg + .header_logoImg__PFezv { + @svg: escape( + '' + ); + height: 0 !important; + width: 0 !important; + padding-left: 157px !important; + padding-top: 44px !important; + background: url("data:image/svg+xml,@{svg}") no-repeat !important; + } -.howItWorksSection_downloadsCard__U3Ph9, .card_card__afbUo, .card_elevation50__HbWMO, .card_radiusMd__NotZS, .flameSection_bottomCtaBox__juoxn, .accordion_accordionHeader__C77Sy { -background-color: @surface0 -} + .header_logoText__rodFL, + .header_logoText__rodFL a, + .header_logoText__rodFL svg { + color: @text; + } -.accordion_accordionContent__fzXEY { -background-color: @surface1; -color: @text; -} + // home page + .legacy-homepage_root__Rz_nu, + .browser-comparison-table_table__PW0Eh { + background-color: @base; + border-color: @surface0 !important; + } -.text_text-sm__23qqs, .text_text__q9rvO, .text_responsive__9czhp { -color: @text; -} + .legacy-homepage-variants_batch11__4DFlQ, + .legacy-homepage-variants_isNarrowTitle__sWwHT, + .heading_heading6__hJig2, + .heading_heading__IiMSV, + .heading_responsive__oZpJJ, + .legacy-homepage-variants_batch9__ee1Lg + .legacy-homepage-variants_ctaCards__N1DiD, + .legacy-homepage-variants_scrollCta__hNjqv, + .legacy-homepage-variants_socialProof__Z9Cdn, + .legacy-homepage-variants_title__p1_T_, + .browser-comparison-table_badge___MMhl.browser-comparison-table_default__g5xw8 + span, + .featureCards_root__brAX3, + .footer_footerHeading__CTbCv, + .flameSection_flameSectionHeading__czcuu { + color: @text; + } -.howItWorksDetails_sectionTitle__E9IMg { -color: @subtext0 -} + .legacy-homepage_ctaSection__5siuM .legacy-homepage_socialProof__a_Gvg { + color: @overlay0; + } -.badge_yellow__mD6dA { -background-color: @yellow; -color: @mantle; -} -.heading_heading1__Zrd_9 .heading_responsive__oZpJJ { -color: @mantle !important; -} + .howItWorksSection_downloadsCard__U3Ph9, + .card_card__afbUo, + .card_elevation50__HbWMO, + .card_radiusMd__NotZS, + .flameSection_bottomCtaBox__juoxn, + .accordion_accordionHeader__C77Sy { + background-color: @surface0; + } + .accordion_accordionContent__fzXEY { + background-color: @surface1; + color: @text; + } -.legacy-homepage-variants_controlVariant__bOUc8 .legacy-homepage-variants_belowTheFoldWrapper__7_DL2, .legacy-homepage-variants_controlVariant__bOUc8 .legacy-homepage-variants_belowTheFold__b5i_x, .legacy-homepage-variants_controlVariant__bOUc8 .legacy-homepage-variants_flameSection__EOpfq, .flameSection_footer__XhC99, .container_root__Lmrbx, .container_responsive__IDWnv { -background-color: @base; -} - .button_tertiary__blDIi, .flameSection_pressQuoteIcon__Hqf6Q { - color: @accent-color; - border-color: @blue; - } + .text_text-sm__23qqs, + .text_text__q9rvO, + .text_responsive__9czhp { + color: @text; + } + .howItWorksDetails_sectionTitle__E9IMg { + color: @subtext0; + } -.learnMoreButton_learnMoreButton__B-10PJu{ -color: @blue; -} + .badge_yellow__mD6dA { + background-color: @yellow; + color: @mantle; + } + .heading_heading1__Zrd_9 .heading_responsive__oZpJJ { + color: @mantle !important; + } -.button_primary__e2_Sy{ -background-color: @blue !important; -color: @text; -} - -.accordion_accordionTrigger__WmvuX:hover { -background-color: @mantle; -} + .legacy-homepage-variants_controlVariant__bOUc8 + .legacy-homepage-variants_belowTheFoldWrapper__7_DL2, + .legacy-homepage-variants_controlVariant__bOUc8 + .legacy-homepage-variants_belowTheFold__b5i_x, + .legacy-homepage-variants_controlVariant__bOUc8 + .legacy-homepage-variants_flameSection__EOpfq, + .flameSection_footer__XhC99, + .container_root__Lmrbx, + .container_responsive__IDWnv { + background-color: @base; + } + .button_tertiary__blDIi, + .flameSection_pressQuoteIcon__Hqf6Q { + color: @accent-color; + border-color: @blue; + } - .downloadBrowserButton_button__nFe_k.downloadBrowserButton_primary__gdn0t svg { - color: @base; - } + .learnMoreButton_learnMoreButton__B-10PJu { + color: @blue; + } - .cta-cards_green__HCBmC .cta-cards_badge__Axy2u, .badge_green__1CawN { - background-color: @green; - } + .button_primary__e2_Sy { + background-color: @blue !important; + color: @text; + } - .cta-cards_badgeCorner__dEhy6, .browser-comparison-table_checkIcon__AmF8a { - color: @green; - } - - .browser-comparison-table_crossIcon____V5O { - color: @red - } + .accordion_accordionTrigger__WmvuX:hover { + background-color: @mantle; + } - .cta-cards_badgeText__Wtp2T, .badge_badgeText__5G5RV{ - color: @mantle; - } + .downloadBrowserButton_button__nFe_k.downloadBrowserButton_primary__gdn0t + svg { + color: @base; + } - .cta-cards_card__CJnue, .badge_gray__TzSXI, .browser-comparison-table_table__PW0Eh tbody tr:nth-child(odd) { - background-color: @surface1 - } + .cta-cards_green__HCBmC .cta-cards_badge__Axy2u, + .badge_green__1CawN { + background-color: @green; + } -.browser-comparison-table_table__PW0Eh tbody tr:nth-child(even) -{ -background-color: @surface0 -} + .cta-cards_badgeCorner__dEhy6, + .browser-comparison-table_checkIcon__AmF8a { + color: @green; + } + .browser-comparison-table_crossIcon____V5O { + color: @red; + } -.footer_footerLink__SlwES, .footer_footerBottom__4_pB4, .footer_footerBottom__4_pB4 a, .footer_footerBottom__4_pB4 a:visited { -color: @blue; -} - .cta-cards_setAsDefaultButton__sd5FF, - .cta-cards_tertiary__jX1qI { - border-color: @blue; - } + .cta-cards_badgeText__Wtp2T, + .badge_badgeText__5G5RV { + color: @mantle; + } - // enable location? - .user-loc-tooltip { - background-color: @base; - border-color: @surface0 - } + .cta-cards_card__CJnue, + .badge_gray__TzSXI, + .browser-comparison-table_table__PW0Eh tbody tr:nth-child(odd) { + background-color: @surface1; + } - .user-loc-tooltip__triangle-inner { - border-bottom-color: @base; - } + .browser-comparison-table_table__PW0Eh tbody tr:nth-child(even) { + background-color: @surface0; + } - .user-loc-tooltip__triangle-outer { - border-bottom-color: @surface0; - } + .footer_footerLink__SlwES, + .footer_footerBottom__4_pB4, + .footer_footerBottom__4_pB4 a, + .footer_footerBottom__4_pB4 a:visited { + color: @blue; + } + .cta-cards_setAsDefaultButton__sd5FF, + .cta-cards_tertiary__jX1qI { + border-color: @blue; + } - .user-loc-tooltip__title, - .user-loc-tooltip__subtitle, - .user-loc-tooltip__error-fix { - color: @text; - } + // enable location? + .user-loc-tooltip { + background-color: @base; + border-color: @surface0; + } - .user-loc-tooltip__error-fix li::before { - color: @subtext0 - } + .user-loc-tooltip__triangle-inner { + border-bottom-color: @base; + } - .is-link-style-exp:not(.dark-header, - .dark-bg), - .user-loc-link, - .user-loc-tooltip__link, .accordion_accordionContent__fzXEY a { - color: @blue !important; - } + .user-loc-tooltip__triangle-outer { + border-bottom-color: @surface0; + } - .btn--primary:not(.is-disabled) { - background-color: @blue !important; - border-color: @blue !important - } + .user-loc-tooltip__title, + .user-loc-tooltip__subtitle, + .user-loc-tooltip__error-fix { + color: @text; + } + .user-loc-tooltip__error-fix li::before { + color: @subtext0; + } - .k0dqcyn_SZAmh1pFFuQ5, - .ds1w04wA2KNmfx2PU4CA { - color: @accent-color - } + .is-link-style-exp:not(.dark-header, .dark-bg), + .user-loc-link, + .user-loc-tooltip__link, + .accordion_accordionContent__fzXEY a { + color: @blue !important; + } - .ffON2NH02oMAcqyoh2UU, - .Ee2e63EzQ9F3xq9wsGDY, - .aSBdOftk9efiVV8GwLLE, - .MzDWkY1lmg2n9VGThORi { - color: @text; - } + .btn--primary:not(.is-disabled) { + background-color: @blue !important; + border-color: @blue !important; + } - .rlDhiY437bCQGjsZZ0CL, - .ffON2NH02oMAcqyoh2UU, - .vcOFkrrvuSYp7xsAur2Y, - .sz280YLkLemh3mLtestR { - color: @accent-color; - background-color: @surface0 - } - .Cwg3TAWR68fVkDBMYLUZ, - .EwBVRZ62P2JekkbusBsm { - color: @text; - } - .JhFQAeU7IMxZaS7jCOQm, - .Bl3t3iYRHX9BeMH_V52u { - color: @blue !important; - } - .ighRT8XtMY1IQqf0wCFy { - color: @text; - } - .tV0DEo5a5LUrl8Piw6Ao { - background-color: @surface0 !important; - border-color: @surface1 !important; - } - .ddgsi { - color: @accent-color; - } + .k0dqcyn_SZAmh1pFFuQ5, + .ds1w04wA2KNmfx2PU4CA { + color: @accent-color; + } - .Rn_JXVtoPVAFyGkcaXyK .Wo6ZAEmESLNUuWBkbMxx, - .Wo6ZAEmESLNUuWBkbMxx:active, - .Wo6ZAEmESLNUuWBkbMxx:focus .Wo6ZAEmESLNUuWBkbMxx:hover, - .Wo6ZAEmESLNUuWBkbMxx:visited { - color: @subtext1; - } - .zci--type--tiles:not(.is-fallback).is-full-page.is-expanded { - background-color: @base; - } - .tile, - .tile--s, - .tile--info { - background-color: @surface0; - border-color: @surface2 - } - .result__snippet, - .result__extras__url, - .result__url { - color: @text !important; - } - .result__snippet b, - .result__snippet strong { - color: @text; - } - .result__a { - color: @blue !important; - } + .ffON2NH02oMAcqyoh2UU, + .Ee2e63EzQ9F3xq9wsGDY, + .aSBdOftk9efiVV8GwLLE, + .MzDWkY1lmg2n9VGThORi { + color: @text; + } - .tile__title, - .tile__count { - color: @text; - } - .zci { - color: @text; - } + .rlDhiY437bCQGjsZZ0CL, + .ffON2NH02oMAcqyoh2UU, + .vcOFkrrvuSYp7xsAur2Y, + .sz280YLkLemh3mLtestR { + color: @accent-color; + background-color: @surface0; + } + .Cwg3TAWR68fVkDBMYLUZ, + .EwBVRZ62P2JekkbusBsm { + color: @text; + } + .JhFQAeU7IMxZaS7jCOQm, + .Bl3t3iYRHX9BeMH_V52u { + color: @blue !important; + } + .ighRT8XtMY1IQqf0wCFy { + color: @text; + } + .tV0DEo5a5LUrl8Piw6Ao { + background-color: @surface0 !important; + border-color: @surface1 !important; + } + .ddgsi { + color: @accent-color; + } - .module--carousel__footer, - .has-relative-time { - color: @text !important; - } + .Rn_JXVtoPVAFyGkcaXyK .Wo6ZAEmESLNUuWBkbMxx, + .Wo6ZAEmESLNUuWBkbMxx:active, + .Wo6ZAEmESLNUuWBkbMxx:focus .Wo6ZAEmESLNUuWBkbMxx:hover, + .Wo6ZAEmESLNUuWBkbMxx:visited { + color: @subtext1; + } + .zci--type--tiles:not(.is-fallback).is-full-page.is-expanded { + background-color: @base; + } + .tile, + .tile--s, + .tile--info { + background-color: @surface0; + border-color: @surface2; + } + .result__snippet, + .result__extras__url, + .result__url { + color: @text !important; + } + .result__snippet b, + .result__snippet strong { + color: @text; + } + .result__a { + color: @blue !important; + } - .js-carousel-module-title, - .module__header, - .module__header--link { - color: @text !important; - } + .tile__title, + .tile__count { + color: @text; + } + .zci { + color: @text; + } - .dropdown__switch, - .switch, - .js-region-filter-switch.is-on { - background-color: @accent-color !important; - border-color: @accent-color !important - } + .module--carousel__footer, + .has-relative-time { + color: @text !important; + } - .dropdown__button { - color: @subtext0 - } - .dropdown--region.has-inactive-region .dropdown__button { - color: @subtext0 !important; - } + .js-carousel-module-title, + .module__header, + .module__header--link { + color: @text !important; + } - .dropdown.is-active .dropdown__button { - color: @text; - } + .dropdown__switch, + .switch, + .js-region-filter-switch.is-on { + background-color: @accent-color !important; + border-color: @accent-color !important; + } - .tile__title a:visited { - color: @mauve; - } + .dropdown__button { + color: @subtext0; + } + .dropdown--region.has-inactive-region .dropdown__button { + color: @subtext0 !important; + } - .dropdown__switch.is-on::before { - color: @base; - } - .switch__knob { - background-color: @surface0; - } - .no-touch, - .zcm__item.is-open, - .zcm__link { - color: @text !important; - } + .dropdown.is-active .dropdown__button { + color: @text; + } - .modal__body { - background-color: @surface0; - } + .tile__title a:visited { + color: @mauve; + } - .settings-dropdown--header--label { - color: @text; - } + .dropdown__switch.is-on::before { + color: @base; + } + .switch__knob { + background-color: @surface0; + } + .no-touch, + .zcm__item.is-open, + .zcm__link { + color: @text !important; + } - .settings-dropdown--header--link, - .js-settings-dropdown-reset-appearance { - color: @blue !important; - } + .modal__body { + background-color: @surface0; + } - .frm__label { - color: @text; - } + .settings-dropdown--header--label { + color: @text; + } - .frm__select__input, - .js-set-input { - color: @text; - } - .frm__switch__label { - background-color: @accent-color !important; - border-color: @accent-color !important; - } + .settings-dropdown--header--link, + .js-settings-dropdown-reset-appearance { + color: @blue !important; + } - .modal--dropdown--settings .settings-dropdown--section .frm__field .frm__switch .frm__switch__label.btn::after { - background-color: @base !important; - border-bottom-color: @overlay0 !important; - } + .frm__label { + color: @text; + } - .modal__box { - border-color: @surface1 !important - } + .frm__select__input, + .js-set-input { + color: @text; + } + .frm__switch__label { + background-color: @accent-color !important; + border-color: @accent-color !important; + } + .modal--dropdown--settings + .settings-dropdown--section + .frm__field + .frm__switch + .frm__switch__label.btn::after { + background-color: @base !important; + border-bottom-color: @overlay0 !important; + } + .modal__box { + border-color: @surface1 !important; + } - .modal--dropdown--settings, - .settings-dropdown--section { - border-bottom-color: @surface2 - } - .set-theme__check, - .dgsi, - .ddgsi-check { - background-color: @accent-color !important; - border-color: @accent-color !important; - } - .set-themes, - .set-theme.is-checked, - .set-theme__check { - color: @base !important; - } + .modal--dropdown--settings, + .settings-dropdown--section { + border-bottom-color: @surface2; + } + .set-theme__check, + .dgsi, + .ddgsi-check { + background-color: @accent-color !important; + border-color: @accent-color !important; + } + .set-themes, + .set-theme.is-checked, + .set-theme__check { + color: @base !important; + } - .settings-dropdown--button { - color: @blue !important; - } + .settings-dropdown--button { + color: @blue !important; + } - .is-vertical-tabs-exp, - #duckbar, - .zcm__link:not(.dropdown__button).is-active { - color: @accent-color !important; - border-color: @accent-color !important; - } + .is-vertical-tabs-exp, + #duckbar, + .zcm__link:not(.dropdown__button).is-active { + color: @accent-color !important; + border-color: @accent-color !important; + } - .no-results__link, - .js-no-results-web { - color: @blue !important; - } + .no-results__link, + .js-no-results-web { + color: @blue !important; + } - .oaxCunrdbQs3WQDCq3Ls { - color: @text; - } - .KoEJ3YBbjXKVOE1bc2RA { - color: @text !important; - } - .f3uDrYrWF3Exrfp1m3Og { - color: @blue - } - .f3uDrYrWF3Exrfp1m3Og:visited { - color: @mauve - } - .feedback-btn__send, - .js-feedback-start { - background-color: @surface0; - color: @text; - } - .search__input, - .search__input--adv { - color: @text; - } + .oaxCunrdbQs3WQDCq3Ls { + color: @text; + } + .KoEJ3YBbjXKVOE1bc2RA { + color: @text !important; + } + .f3uDrYrWF3Exrfp1m3Og { + color: @blue; + } + .f3uDrYrWF3Exrfp1m3Og:visited { + color: @mauve; } + .feedback-btn__send, + .js-feedback-start { + background-color: @surface0; + color: @text; + } + .search__input, + .search__input--adv { + color: @text; + } + } - @media (prefers-color-scheme: light) { - :root { - #catppuccin(@lightFlavor, + @media (prefers-color-scheme: light) { + :root { + #catppuccin(@lightFlavor, @accentColor); - } } - @media (prefers-color-scheme: dark) { - :root { - #catppuccin(@darkFlavor, + } + @media (prefers-color-scheme: dark) { + :root { + #catppuccin(@darkFlavor, @accentColor); - } } + } } // vim:ft=less