| 1 |
:root { |
| 2 |
/** |
| 3 |
Background |
| 4 |
*/ |
| 5 |
--wsrw-background-gray: #F8F8F8; |
| 6 |
--wsrw-background-highlight: #F6FAFF; |
| 7 |
--wsrw-background-light: #F3F4F5; |
| 8 |
--wsrw-background-red: #DF2A35; |
| 9 |
--wsrw-background-white: #fff; |
| 10 |
/** |
| 11 |
Buttons |
| 12 |
*/ |
| 13 |
--wsrw-border-color: #ddd; |
| 14 |
--wsrw-button-disabled-bg: #F5F5F5; |
| 15 |
--wsrw-button-disabled-border: 1px solid #DDDDDD; |
| 16 |
--wsrw-button-disabled-text: #bbb; |
| 17 |
--wsrw-button-primary-bg: var(--wsrw-color-primary); |
| 18 |
--wsrw-button-primary-bg-hover: #397EEB; |
| 19 |
--wsrw-button-primary-text: #fff; |
| 20 |
--wsrw-button-primary-text-hover: #fff; |
| 21 |
--wsrw-button-secondary-bg: #F8F8F8; |
| 22 |
--wsrw-button-secondary-bg-hover: #fff; |
| 23 |
--wsrw-button-secondary-border: 1px solid #DDDDDD; |
| 24 |
--wsrw-button-secondary-text: #777; |
| 25 |
--wsrw-button-orange-bg: #E06B44; |
| 26 |
--wsrw-button-orange-bg-hover: #e17f5e; |
| 27 |
/** |
| 28 |
Border |
| 29 |
*/ |
| 30 |
--wsrw-button-secondary-text-hover: #454545; |
| 31 |
/** |
| 32 |
Colors |
| 33 |
*/ |
| 34 |
--wsrw-color-primary: #3568B7; |
| 35 |
--wsrw-color-red: #DF2A35; |
| 36 |
--wsrw-color-red-darker: #AB2028; |
| 37 |
/** |
| 38 |
Font sizes |
| 39 |
*/ |
| 40 |
--wsrw-font-size-l: 18px; |
| 41 |
--wsrw-font-size-m: 16px; |
| 42 |
--wsrw-font-size-s: 14px; |
| 43 |
--wsrw-font-size-xl: 22px; |
| 44 |
--wsrw-font-size-xs: 12px; |
| 45 |
--wsrw-font-size-xxl: 24px; |
| 46 |
/** |
| 47 |
Inputs |
| 48 |
*/ |
| 49 |
--wsrw-input-border: 1px solid #DDD; |
| 50 |
--wsrw-input-border-active: #3568B7; |
| 51 |
--wsrw-input-text-color: #454545; |
| 52 |
/** |
| 53 |
Notices |
| 54 |
*/ |
| 55 |
--wsrw-notice-success-bg: #09A347; |
| 56 |
--wsrw-notice-success-text: #fff; |
| 57 |
/** |
| 58 |
Spacing |
| 59 |
*/ |
| 60 |
--wsrw-space-h: 36px; |
| 61 |
--wsrw-space-v: 24px; |
| 62 |
/** |
| 63 |
Text |
| 64 |
*/ |
| 65 |
--wsrw-text-color-heading: #454545; |
| 66 |
--wsrw-text-color-highlight: #3568B7; |
| 67 |
--wsrw-text-color-light-bg: #848A8A; |
| 68 |
--wsrw-text-color-paragraph: #777777; |
| 69 |
--wsrw-text-color-placeholder: #bbb; |
| 70 |
} |
| 71 |
|
