43 lines
1.7 KiB
SCSS
43 lines
1.7 KiB
SCSS
/**
|
|
* WooCommerce CSS Variables
|
|
*/
|
|
|
|
$woocommerce: #720eec !default;
|
|
$green: #7ad03a !default;
|
|
$red: #a00 !default;
|
|
$orange: #ffba00 !default;
|
|
$blue: #2ea2cc !default;
|
|
|
|
$primary: #720eec !default; // Primary color for buttons (alt)
|
|
$primarytext: desaturate(lighten($primary, 50%), 18%) !default; // Text on primary color bg
|
|
|
|
// We use the old WooCommerce color as the base of the secondary color on purpose.
|
|
// See: https://github.com/woocommerce/woocommerce/issues/55165.
|
|
$secondary: desaturate(lighten(#7F54B3, 40%), 21%) !default; // Secondary buttons
|
|
$secondarytext: desaturate(darken($secondary, 60%), 21%) !default; // Text on secondary color bg
|
|
|
|
$highlight: adjust-hue(darken($primary, 18%), 150deg) !default; // Prices, In stock labels, sales flash
|
|
$highlightext: desaturate(lighten($highlight, 80%), 18%) !default; // Text on highlight color bg
|
|
|
|
$contentbg: #fff !default; // Content BG - Tabs (active state)
|
|
$subtext: #767676 !default; // small, breadcrumbs etc
|
|
|
|
// export vars as CSS vars
|
|
:root {
|
|
--woocommerce: #{$woocommerce};
|
|
--wc-green: #{$green};
|
|
--wc-red: #{$red};
|
|
--wc-orange: #{$orange};
|
|
--wc-blue: #{$blue};
|
|
--wc-primary: #{$primary};
|
|
--wc-primary-text: #{$primarytext};
|
|
--wc-secondary: #{$secondary};
|
|
--wc-secondary-text: #{$secondarytext};
|
|
--wc-highlight: #{$highlight};
|
|
--wc-highligh-text: #{$highlightext};
|
|
--wc-content-bg: #{$contentbg};
|
|
--wc-subtext: #{$subtext};
|
|
--wc-form-border-color: rgba(32, 7, 7, 0.8);
|
|
--wc-form-border-radius: 4px;
|
|
--wc-form-border-width: 1px;
|
|
}
|