jquery-ui
5 years ago
photoswipe
4 months ago
_animation.scss
3 years ago
_fonts.scss
2 years ago
_mixins.scss
1 month ago
_variables.scss
1 month ago
activation-rtl.css
2 months ago
activation.css
2 months ago
activation.scss
2 months ago
address-autocomplete-rtl.css
2 months ago
address-autocomplete.css
2 months ago
address-autocomplete.scss
2 months ago
admin-rtl.css
1 month ago
admin.css
1 month ago
admin.scss
1 month ago
auth-rtl.css
1 month ago
auth.css
1 month ago
auth.scss
1 year ago
brands-admin-rtl.css
1 year ago
brands-admin.css
1 year ago
brands-admin.scss
1 year ago
brands-rtl.css
1 year ago
brands.css
1 year ago
brands.scss
1 year ago
coming-soon-entire-site-deprecated-rtl.css
1 year ago
coming-soon-entire-site-deprecated.css
1 year ago
coming-soon-entire-site-deprecated.scss
1 year ago
coming-soon-rtl.css
1 year ago
coming-soon.css
1 year ago
coming-soon.scss
1 year ago
dashboard-rtl.css
1 month ago
dashboard-setup-rtl.css
4 years ago
dashboard-setup.css
4 years ago
dashboard-setup.scss
3 years ago
dashboard.css
1 month ago
dashboard.scss
3 months ago
forms-rtl.css
2 months ago
forms.css
2 months ago
forms.scss
2 months ago
helper-rtl.css
1 month ago
helper.css
1 month ago
helper.scss
1 month ago
marketplace-suggestions-rtl.css
1 month ago
marketplace-suggestions.css
1 month ago
marketplace-suggestions.scss
11 months ago
menu-rtl.css
1 month ago
menu.css
1 month ago
menu.scss
2 years ago
network-order-widget-rtl.css
4 years ago
network-order-widget.css
4 years ago
network-order-widget.scss
3 years ago
order-review-rtl.css
1 month ago
order-review.css
1 month ago
order-review.scss
1 month ago
prettyPhoto-rtl.css
1 month ago
prettyPhoto.css
1 month ago
prettyPhoto.scss
3 years ago
privacy-rtl.css
6 years ago
privacy.css
6 years ago
privacy.scss
3 years ago
reports-print-rtl.css
3 years ago
reports-print.css
3 years ago
reports-print.scss
3 years ago
select2.css
2 months ago
select2.scss
2 months ago
twenty-nineteen-rtl.css
2 months ago
twenty-nineteen.css
2 months ago
twenty-nineteen.scss
10 months ago
twenty-seventeen-rtl.css
2 months ago
twenty-seventeen.css
2 months ago
twenty-seventeen.scss
10 months ago
twenty-twenty-one-admin-rtl.css
2 years ago
twenty-twenty-one-admin.css
2 years ago
twenty-twenty-one-admin.scss
2 years ago
twenty-twenty-one-rtl.css
2 months ago
twenty-twenty-one.css
2 months ago
twenty-twenty-one.scss
3 months ago
twenty-twenty-rtl.css
2 months ago
twenty-twenty-three-rtl.css
2 months ago
twenty-twenty-three.css
2 months ago
twenty-twenty-three.scss
4 months ago
twenty-twenty-two-rtl.css
1 month ago
twenty-twenty-two.css
1 month ago
twenty-twenty-two.scss
4 months ago
twenty-twenty.css
2 months ago
twenty-twenty.scss
3 months ago
variation-gallery-admin-rtl.css
1 month ago
variation-gallery-admin.css
1 month ago
variation-gallery-admin.scss
1 month ago
wc-setup-rtl.css
1 month ago
wc-setup.css
1 month ago
wc-setup.scss
2 months ago
woocommerce-blocktheme-rtl.css
1 month ago
woocommerce-blocktheme.css
1 month ago
woocommerce-blocktheme.scss
10 months ago
woocommerce-classictheme-editor-fonts-rtl.css
1 year ago
woocommerce-classictheme-editor-fonts.css
1 year ago
woocommerce-classictheme-editor-fonts.scss
1 year ago
woocommerce-layout-rtl.css
1 month ago
woocommerce-layout.css
1 month ago
woocommerce-layout.scss
1 year ago
woocommerce-rtl.css
1 month ago
woocommerce-smallscreen-rtl.css
1 month ago
woocommerce-smallscreen.css
1 month ago
woocommerce-smallscreen.scss
2 months ago
woocommerce.css
1 month ago
woocommerce.scss
4 months ago
_variables.scss
62 lines
| 1 | /** |
| 2 | * WooCommerce CSS Variables |
| 3 | */ |
| 4 | |
| 5 | $woocommerce: #720eec !default; |
| 6 | $green: #007518 !default; |
| 7 | $red: #a00 !default; |
| 8 | $orange: #ffba00 !default; |
| 9 | $blue: #2ea2cc !default; |
| 10 | |
| 11 | $primary: #720eec !default; // Primary color for buttons (alt) |
| 12 | $primarytext: desaturate(lighten($primary, 50%), 18%) !default; // Text on primary color background. |
| 13 | |
| 14 | // In the past, the secondary color was derived from the WooCommerce purple (the primary color). |
| 15 | // However, since it was used in many places in the frontend, we decided not to modify it |
| 16 | // after the WooCommerce rebranding. |
| 17 | // See: https://github.com/woocommerce/woocommerce/issues/55165. |
| 18 | $secondary: #e9e6ed !default; // Secondary color for buttons, backgrounds, etc. |
| 19 | $secondarytext: #515151 !default; // Text on secondary color background. |
| 20 | |
| 21 | $highlight: adjust-hue(darken($primary, 18%), 150deg) !default; // Prices, In stock labels, sales flash |
| 22 | $highlightext: desaturate(lighten($highlight, 80%), 18%) !default; // Text on highlight color background. |
| 23 | |
| 24 | $contentbg: #fff !default; // Content BG - Tabs (active state) |
| 25 | $subtext: #767676 !default; // small, breadcrumbs etc |
| 26 | |
| 27 | // Mirrors @wordpress/base-styles/colors.scss (WP 7.0 admin gray scale). |
| 28 | $gray-900: #1e1e1e !default; // Primary admin text |
| 29 | $gray-700: #757575 !default; // Placeholder / secondary admin text |
| 30 | |
| 31 | // Border radius tokens — mirrors WP Design System naming. |
| 32 | $radius-s: 2px !default; // Small radius: inputs, buttons, selects. |
| 33 | |
| 34 | // Grayscale tokens — mirror @wordpress/base-styles/_colors.scss for WP 7.0 alignment. |
| 35 | // Adjacent work in #64280 adds $gray-700 and $gray-900 — coordinate on merge. |
| 36 | $gray-100: #f6f7f7 !default; // Subtle backgrounds. |
| 37 | $gray-200: #dcdcde !default; // Borders, dividers. |
| 38 | |
| 39 | // export vars as CSS vars |
| 40 | :root { |
| 41 | --woocommerce: #{$woocommerce}; |
| 42 | --wc-green: #{$green}; |
| 43 | --wc-red: #{$red}; |
| 44 | --wc-orange: #{$orange}; |
| 45 | --wc-blue: #{$blue}; |
| 46 | --wc-primary: #{$primary}; |
| 47 | --wc-primary-text: #{$primarytext}; |
| 48 | --wc-secondary: #{$secondary}; |
| 49 | --wc-secondary-text: #{$secondarytext}; |
| 50 | --wc-highlight: #{$highlight}; |
| 51 | --wc-highligh-text: #{$highlightext}; |
| 52 | --wc-content-bg: #{$contentbg}; |
| 53 | --wc-subtext: #{$subtext}; |
| 54 | --wc-form-border-color: rgba(32, 7, 7, 0.8); |
| 55 | --wc-form-border-radius: 4px; |
| 56 | --wc-form-border-width: 1px; |
| 57 | // Matches WP 7.0 $alert-red token for destructive actions. |
| 58 | --wc-destructive: #cc1818; |
| 59 | // Matches WP 7.0 $radius-l token (used on dashboard widgets). |
| 60 | --wc-card-border-radius: 8px; |
| 61 | } |
| 62 |