_variables.scss
64 lines
| 1 | @use 'sass:color'; |
| 2 | |
| 3 | $plugin_key: "wp-parsidate"; |
| 4 | |
| 5 | // https://woocommerce.com/brand-and-logo-guidelines/ |
| 6 | $woo_purple_10: #d1c1ff; |
| 7 | $woo_purple_40: #873eff; |
| 8 | $woo_purple_50: #720eec; |
| 9 | $woo_purple_70: #5007aa; |
| 10 | $woo_purple_90: #2c045d; |
| 11 | |
| 12 | $blue_10: #c3ddf8; |
| 13 | $blue_40: #64aeff; |
| 14 | $blue_50: #2577d7; |
| 15 | $blue_70: #2b6eb7; |
| 16 | $blue_90: #10539b; |
| 17 | |
| 18 | $primary: $blue_50; |
| 19 | $primary_light: #E1CEFF; |
| 20 | |
| 21 | $dark: #2B2B2B; |
| 22 | $gray: #525252; |
| 23 | $gray_light: #8A8A8A; |
| 24 | $gray_light_two: #D3D3D3; |
| 25 | $gray_light_three: #f3f3f3; |
| 26 | $text: $dark; |
| 27 | $meta: $gray; |
| 28 | |
| 29 | $white: color.adjust(#fff); |
| 30 | $white2: color.scale($white, $lightness: -3%); |
| 31 | $red: #b04b55; |
| 32 | |
| 33 | $default: $blue_50; |
| 34 | $default_light: #f0f7fd; |
| 35 | $warning: #8c6d29; |
| 36 | $warning_light: #FFF8E3; |
| 37 | $error: $red; |
| 38 | $error_light: #FFEEEC; |
| 39 | $success: #207b34; |
| 40 | $success_light: #E2F3E6; |
| 41 | $info: #356aa3; |
| 42 | $info_light: #DCEBFB; |
| 43 | |
| 44 | $link: $primary; |
| 45 | $link_hover: color.scale($primary, $lightness: -40%); |
| 46 | |
| 47 | // Background |
| 48 | $background_side: #f5f7f9; |
| 49 | $background_light: color.scale($background_side, $lightness: 50%); |
| 50 | $background_menu: #e5edf3; |
| 51 | $background_input: $default_light; |
| 52 | $background_input_2: $gray_light; |
| 53 | $background_disabled: $gray_light_three; |
| 54 | |
| 55 | // Border |
| 56 | $border_color: $gray_light_three; |
| 57 | $input_border_color: color.scale($border_color, $lightness: -10%); |
| 58 | |
| 59 | // Badges |
| 60 | $default__badge: #818181; |
| 61 | $info__badge: #3f7cff; |
| 62 | $success__badge: #1bb034; |
| 63 | $warning__badge: #ff6c3f; |
| 64 | $danger__badge: #fd2828; |