| 1 |
// Form Builder styles. |
| 2 |
// |
| 3 |
// Colors. |
| 4 |
// |
| 5 |
// @since 1.6.8 |
| 6 |
|
| 7 |
// Colors by name: |
| 8 |
$color_white: #ffffff; |
| 9 |
$color_black: #2d2d2d; |
| 10 |
|
| 11 |
$color_dark_red: #b32d2e; |
| 12 |
$color_red: #d63638; |
| 13 |
$color_bright_red: #ee5c5c; |
| 14 |
$color_lightest_red: #fcf0f1; |
| 15 |
|
| 16 |
$color_dark_green: #008a20; |
| 17 |
$color_green: #00a32a; |
| 18 |
$color_lightest_green: #edfaef; |
| 19 |
$color_darker_blue: #005387; |
| 20 |
$color_dark_blue: #215d8f; |
| 21 |
$color_blue: #036aab; |
| 22 |
$color_bright_blue: #0399ed; |
| 23 |
$color_bright_blue_alt: #4285f4; |
| 24 |
$color_brighter_blue: #00c6bf; |
| 25 |
$color_light_blue: #79c2f4; |
| 26 |
$color_lighter_blue: #cce0ed; |
| 27 |
$color_lightest_blue: #f1f6fa; |
| 28 |
|
| 29 |
$color_dark_orange: #cd6622; |
| 30 |
$color_orange: #e27730; |
| 31 |
$color_light_orange: #f48120; |
| 32 |
|
| 33 |
$color_dark_yellow: #ffaa00; |
| 34 |
$color_yellow: #ffb900; |
| 35 |
$color_lightest_yellow: #fcf9e8; |
| 36 |
|
| 37 |
$color_darker_grey: #626262; |
| 38 |
$color_dark_grey: #666666; |
| 39 |
$color_bright_grey: #aaaaaa; |
| 40 |
$color_bright_grey_alt: #b6b6b6; |
| 41 |
$color_brighter_grey: #cccccc; |
| 42 |
$color_brighter_grey_alt: #d6d6d6; |
| 43 |
$color_brightest_grey: #e8e8e8; |
| 44 |
$color_light_grey: #f1f1f1; |
| 45 |
$color_lighter_grey: #f6f6f6; |
| 46 |
$color_lightest_grey: #f8f8f8; |
| 47 |
|
| 48 |
// Colors by usage: |
| 49 |
$color_black_background: #2d2d2d; |
| 50 |
$color_black_background_hover: #444444; |
| 51 |
$color_dark_grey_background: #6d6d6d; |
| 52 |
$color_grey_background: #eeeeee; |
| 53 |
$color_grey_background_hover: #d7d7d7; |
| 54 |
$color_light_background: #f8f8f8; |
| 55 |
$color_light_background_hover: #eeeeee; |
| 56 |
|
| 57 |
$color_divider: #dddddd; |
| 58 |
$color_border: #cccccc; |
| 59 |
$color_border_hover: #999999; |
| 60 |
$color_hint: #bbbbbb; |
| 61 |
$color_primary_text: #444444; |
| 62 |
$color_secondary_text: #777777; |
| 63 |
$color_light_text: #86919e; |
| 64 |
$color_lighter_text: #999999; |
| 65 |
|
| 66 |
$color_fields_tabs: #e0e8f0; |
| 67 |
$color_fields_divider: #ced7e0; |
| 68 |
$color_fields_background: #ebf3fc; |
| 69 |
$color_fields_background_hover: #e0e8f0; |
| 70 |
$color_fields_border: #b0b6bd; |
| 71 |
$color_fields_hint: #b0b6bd; |
| 72 |
$color_fields_secondary_text: #86919e; |
| 73 |
$color_preview_button_background: #999999; |
| 74 |
|
| 75 |
$color_close: #bbbbbb; |
| 76 |
$color_close_hover: #777777; |
| 77 |
|
| 78 |
$color_button_icon_light_grey: #a6a6a6; |
| 79 |
$color_button_icon_grey: #999999; |
| 80 |
|
| 81 |
// Semitransparent colors: |
| 82 |
$color_white_trans_35: rgba( 255, 255, 255, .35 ); |
| 83 |
$color_white_trans_65: rgba( 255, 255, 255, .65 ); |
| 84 |
$color_white_trans_60: rgba( 255, 255, 255, .6 ); |
| 85 |
$color_black_trans_35: rgba( 0, 0, 0, .35 ); |
| 86 |
|
| 87 |
$color_scrollbar: rgba( 0, 0, 0, .15 ); |
| 88 |
$color_scrollbar_hover: rgba( 0, 0, 0, .5 ); |
| 89 |
|
| 90 |
$color_box_shadow: rgba( 0, 0, 0, .1 ); |
| 91 |
|
| 92 |
// We need this var since $blue used in `_choices.scss`, |
| 93 |
// which is used in the `admin.scss` as well. |
| 94 |
$blue: $color_blue; |
| 95 |
|
