1710 lines
48 KiB
SCSS
1710 lines
48 KiB
SCSS
$themes: (
|
|
'default': (
|
|
'globals': (
|
|
'colors': (
|
|
'logo-1': #377FDB,
|
|
'logo-2': #377FDB,
|
|
'logo-1-dark': #95ABFF,
|
|
'logo-2-dark': #95ABFF,
|
|
'brand-050': #EAF1FB,
|
|
'brand-100': #D5E4F7,
|
|
'brand-150': #C0D6F4,
|
|
'brand-200': #ABC9F0,
|
|
'brand-250': #96BCEC,
|
|
'brand-300': #80AEE8,
|
|
'brand-350': #6CA0E4,
|
|
'brand-400': #5693E0,
|
|
'brand-450': #4085DC,
|
|
'brand-500': #2976D8,
|
|
'brand-550': #1167D4,
|
|
'brand-600': #0659C5,
|
|
'brand-650': #1A509F,
|
|
'brand-700': #20467F,
|
|
'brand-750': #203C63,
|
|
'brand-800': #1D314C,
|
|
'brand-850': #1A2638,
|
|
'brand-900': #141C28,
|
|
'brand-950': #0C1117,
|
|
'gray-000': #FFFFFF,
|
|
'gray-025': #F7F8F8,
|
|
'gray-050': #F0F1F2,
|
|
'gray-100': #E1E2E5,
|
|
'gray-150': #D2D4D8,
|
|
'gray-200': #C4C7CB,
|
|
'gray-250': #B5B9BE,
|
|
'gray-300': #A7ACB2,
|
|
'gray-350': #999EA5,
|
|
'gray-400': #8D9197,
|
|
'gray-450': #80848A,
|
|
'gray-500': #74777C,
|
|
'gray-550': #686B6F,
|
|
'gray-600': #5C5F63,
|
|
'gray-650': #505356,
|
|
'gray-700': #45474A,
|
|
'gray-750': #3A3B3E,
|
|
'gray-800': #2F3033,
|
|
'gray-850': #252627,
|
|
'gray-900': #1B1C1D,
|
|
'gray-950': #101112,
|
|
'gray-1000': #000000,
|
|
'info-050': #EAF1FB,
|
|
'info-100': #D5E4F7,
|
|
'info-150': #C0D6F4,
|
|
'info-200': #ABC9F0,
|
|
'info-250': #96BCEC,
|
|
'info-300': #80AEE8,
|
|
'info-350': #6CA0E4,
|
|
'info-400': #5693E0,
|
|
'info-450': #4085DC,
|
|
'info-500': #2976D8,
|
|
'info-550': #1167D4,
|
|
'info-600': #0659C5,
|
|
'info-650': #1A509F,
|
|
'info-700': #20467F,
|
|
'info-750': #203C63,
|
|
'info-800': #1D314C,
|
|
'info-850': #1A2638,
|
|
'info-900': #141C28,
|
|
'info-950': #0C1117,
|
|
'success-050': #E4F7D4,
|
|
'success-100': #C8EEA8,
|
|
'success-150': #AAE579,
|
|
'success-200': #89DC45,
|
|
'success-250': #72CF27,
|
|
'success-300': #6AC024,
|
|
'success-350': #61B121,
|
|
'success-400': #59A21E,
|
|
'success-450': #51941C,
|
|
'success-500': #4B851A,
|
|
'success-550': #427816,
|
|
'success-600': #3A6A14,
|
|
'success-650': #385C1F,
|
|
'success-700': #344D24,
|
|
'success-750': #2E4022,
|
|
'success-800': #27341F,
|
|
'success-850': #20281A,
|
|
'success-900': #181D15,
|
|
'success-950': #10120E,
|
|
'warning-050': #FFF1BD,
|
|
'warning-100': #FFE176,
|
|
'warning-150': #FFCF25,
|
|
'warning-200': #F4BF06,
|
|
'warning-250': #E3B205,
|
|
'warning-300': #D3A504,
|
|
'warning-350': #C29805,
|
|
'warning-400': #B28C03,
|
|
'warning-450': #A27F03,
|
|
'warning-500': #937303,
|
|
'warning-550': #836703,
|
|
'warning-600': #745B03,
|
|
'warning-650': #625019,
|
|
'warning-700': #524620,
|
|
'warning-750': #443B20,
|
|
'warning-800': #36301D,
|
|
'warning-850': #2A2619,
|
|
'warning-900': #1E1C13,
|
|
'warning-950': #12110C,
|
|
'error-050': #FCEDED,
|
|
'error-100': #FADBDB,
|
|
'error-150': #F7C9C9,
|
|
'error-200': #F5B7B7,
|
|
'error-250': #F2A4A4,
|
|
'error-300': #EF9191,
|
|
'error-350': #EC7D7D,
|
|
'error-400': #E96868,
|
|
'error-450': #E55050,
|
|
'error-500': #E13131,
|
|
'error-550': #D80000,
|
|
'error-600': #C00101,
|
|
'error-650': #9E2219,
|
|
'error-700': #802820,
|
|
'error-750': #662820,
|
|
'error-800': #4F231E,
|
|
'error-850': #3B1D19,
|
|
'error-900': #2A1614,
|
|
'error-950': #1A0E0C,
|
|
'red-050': #FDEDED,
|
|
'red-100': #FADBDB,
|
|
'red-150': #F8C9C9,
|
|
'red-200': #F5B7B6,
|
|
'red-250': #F3A4A3,
|
|
'red-300': #F09190,
|
|
'red-350': #EE7C7B,
|
|
'red-400': #EB6665,
|
|
'red-450': #E74E4D,
|
|
'red-500': #D83F3D,
|
|
'red-550': #C23837,
|
|
'red-600': #AC3231,
|
|
'red-650': #8D3531,
|
|
'red-700': #73332F,
|
|
'red-750': #5B2F2B,
|
|
'red-800': #472826,
|
|
'red-850': #35211F,
|
|
'red-900': #251817,
|
|
'red-950': #160F0E,
|
|
'orange-050': #FDEEE2,
|
|
'orange-100': #FCDDC5,
|
|
'orange-150': #FACBA8,
|
|
'orange-200': #F8B98B,
|
|
'orange-250': #F6A76A,
|
|
'orange-300': #F4934B,
|
|
'orange-350': #F27E27,
|
|
'orange-400': #E76E12,
|
|
'orange-450': #D26411,
|
|
'orange-500': #BE5B0F,
|
|
'orange-550': #AA510E,
|
|
'orange-600': #97480C,
|
|
'orange-650': #7E431D,
|
|
'orange-700': #673C22,
|
|
'orange-750': #533422,
|
|
'orange-800': #412C1F,
|
|
'orange-850': #31231B,
|
|
'orange-900': #221A14,
|
|
'orange-950': #15100C,
|
|
'brown-050': #F3F0EF,
|
|
'brown-100': #E7E1DF,
|
|
'brown-150': #DCD2CF,
|
|
'brown-200': #D0C4BF,
|
|
'brown-250': #C5B6B0,
|
|
'brown-300': #BAA7A1,
|
|
'brown-350': #AF9992,
|
|
'brown-400': #A48B83,
|
|
'brown-450': #997E74,
|
|
'brown-500': #8F7065,
|
|
'brown-550': #846357,
|
|
'brown-600': #7A5649,
|
|
'brown-650': #684C42,
|
|
'brown-700': #57423C,
|
|
'brown-750': #463833,
|
|
'brown-800': #382E2A,
|
|
'brown-850': #2B2422,
|
|
'brown-900': #1F1B19,
|
|
'brown-950': #121010,
|
|
'yellow-050': #FAF0D3,
|
|
'yellow-100': #F5E2A4,
|
|
'yellow-150': #F0D275,
|
|
'yellow-200': #EBC242,
|
|
'yellow-250': #E4B213,
|
|
'yellow-300': #D4A511,
|
|
'yellow-350': #C39810,
|
|
'yellow-400': #B38B0F,
|
|
'yellow-450': #A37F0D,
|
|
'yellow-500': #93730C,
|
|
'yellow-550': #84670B,
|
|
'yellow-600': #755B0A,
|
|
'yellow-650': #63501C,
|
|
'yellow-700': #534521,
|
|
'yellow-750': #443A21,
|
|
'yellow-800': #36301F,
|
|
'yellow-850': #29261A,
|
|
'yellow-900': #1D1C14,
|
|
'yellow-950': #12110C,
|
|
'green-050': #E2F6E5,
|
|
'green-100': #C5ECCA,
|
|
'green-150': #A7E3AF,
|
|
'green-200': #89D894,
|
|
'green-250': #67CE75,
|
|
'green-300': #4DC25D,
|
|
'green-350': #48B257,
|
|
'green-400': #41A44F,
|
|
'green-450': #3B9548,
|
|
'green-500': #368741,
|
|
'green-550': #30793A,
|
|
'green-600': #2B6B33,
|
|
'green-650': #2F5C34,
|
|
'green-700': #2E4E31,
|
|
'green-750': #2A412C,
|
|
'green-800': #253426,
|
|
'green-850': #1E281F,
|
|
'green-900': #171D17,
|
|
'green-950': #0F120F,
|
|
'blue-1-050': #EBF1FF,
|
|
'blue-1-100': #D6E3FE,
|
|
'blue-1-150': #C2D5FE,
|
|
'blue-1-200': #ADC7FE,
|
|
'blue-1-250': #99B8FD,
|
|
'blue-1-300': #84AAFD,
|
|
'blue-1-350': #6F9BFD,
|
|
'blue-1-400': #5A8DFB,
|
|
'blue-1-450': #437DFC,
|
|
'blue-1-500': #3D71E4,
|
|
'blue-1-550': #3665CC,
|
|
'blue-1-600': #305AB5,
|
|
'blue-1-650': #315093,
|
|
'blue-1-700': #2E4675,
|
|
'blue-1-750': #293B5E,
|
|
'blue-1-800': #243048,
|
|
'blue-1-850': #1E2635,
|
|
'blue-1-900': #171C25,
|
|
'blue-1-950': #0E1116,
|
|
'blue-2-050': #E2F4F9,
|
|
'blue-2-100': #C5E9F3,
|
|
'blue-2-150': #A7DDED,
|
|
'blue-2-200': #88D1E6,
|
|
'blue-2-250': #68C5E0,
|
|
'blue-2-300': #48B8D9,
|
|
'blue-2-350': #3BAACA,
|
|
'blue-2-400': #359CB9,
|
|
'blue-2-450': #318EA9,
|
|
'blue-2-500': #2C8199,
|
|
'blue-2-550': #277389,
|
|
'blue-2-600': #236679,
|
|
'blue-2-650': #2A5866,
|
|
'blue-2-700': #2A4B55,
|
|
'blue-2-750': #283F47,
|
|
'blue-2-800': #233337,
|
|
'blue-2-850': #1D272A,
|
|
'blue-2-900': #161C1E,
|
|
'blue-2-950': #0E1112,
|
|
'purple-050': #F6EEFF,
|
|
'purple-100': #ECDCFF,
|
|
'purple-150': #E3CBFE,
|
|
'purple-200': #DAB9FE,
|
|
'purple-250': #D0A7FE,
|
|
'purple-300': #C795FE,
|
|
'purple-350': #BD83FD,
|
|
'purple-400': #B36FFD,
|
|
'purple-450': #A85BFD,
|
|
'purple-500': #9B4BF3,
|
|
'purple-550': #8B43DA,
|
|
'purple-600': #7B3CC1,
|
|
'purple-650': #673C9B,
|
|
'purple-700': #56387D,
|
|
'purple-750': #463162,
|
|
'purple-800': #382A4A,
|
|
'purple-850': #2A2237,
|
|
'purple-900': #1E1926,
|
|
'purple-950': #121017,
|
|
'pink-050': #FCEDF5,
|
|
'pink-100': #F9DAEA,
|
|
'pink-150': #F7C7E0,
|
|
'pink-200': #F4B4D5,
|
|
'pink-250': #F1A1CA,
|
|
'pink-300': #EE8CBF,
|
|
'pink-350': #EA77B3,
|
|
'pink-400': #E760A6,
|
|
'pink-450': #E24797,
|
|
'pink-500': #CD4089,
|
|
'pink-550': #B8397B,
|
|
'pink-600': #A3336D,
|
|
'pink-650': #86355E,
|
|
'pink-700': #6E334F,
|
|
'pink-750': #582E42,
|
|
'pink-800': #442834,
|
|
'pink-850': #332028,
|
|
'pink-900': #24181D,
|
|
'pink-950': #160F12,
|
|
'black-000': #00000000,
|
|
'black-050': #0000000D,
|
|
'black-100': #0000001A,
|
|
'black-150': #00000026,
|
|
'black-200': #00000033,
|
|
'black-250': #00000040,
|
|
'black-300': #0000004D,
|
|
'black-350': #00000059,
|
|
'black-400': #00000066,
|
|
'black-450': #00000073,
|
|
'black-500': #00000080,
|
|
'black-550': #0000008C,
|
|
'black-600': #00000099,
|
|
'black-650': #000000A6,
|
|
'black-700': #000000B3,
|
|
'black-750': #000000BF,
|
|
'black-800': #000000CC,
|
|
'black-850': #000000D9,
|
|
'black-900': #000000E6,
|
|
'black-950': #000000F2,
|
|
'white-000': #FFFFFF,
|
|
'white-050': #FFFFFF0D,
|
|
'white-100': #FFFFFF1A,
|
|
'white-150': #FFFFFF26,
|
|
'white-200': #FFFFFF33,
|
|
'white-250': #FFFFFF40,
|
|
'white-300': #FFFFFF4D,
|
|
'white-350': #FFFFFF59,
|
|
'white-400': #FFFFFF66,
|
|
'white-450': #FFFFFF73,
|
|
'white-500': #FFFFFF80,
|
|
'white-550': #FFFFFF8C,
|
|
'white-600': #FFFFFF99,
|
|
'white-650': #FFFFFFA6,
|
|
'white-700': #FFFFFFB3,
|
|
'white-750': #FFFFFFBF,
|
|
'white-800': #FFFFFFCC,
|
|
'white-850': #FFFFFFD9,
|
|
'white-900': #FFFFFFE6,
|
|
'white-950': #FFFFFFF2
|
|
),
|
|
'transitions': (
|
|
'ease-in': #{cubic-bezier(0.32, 0, 0.67, 0)},
|
|
'ease-out': #{cubic-bezier(0.33, 1, 0.68, 1)},
|
|
'ease-in-out': #{cubic-bezier(0.65, 0, 0.35, 1)},
|
|
'duration': 250ms
|
|
),
|
|
'font': (
|
|
'sizes': (
|
|
'xs': 0.75rem,
|
|
'sm': 0.875rem,
|
|
'md': 1rem,
|
|
'lg': 1.125rem,
|
|
'ml': 0.938rem,
|
|
'xl': 1.25rem,
|
|
't': 0.6875rem,
|
|
's': 0.75rem,
|
|
'h1': 2rem,
|
|
'h2': 1.75rem,
|
|
'h3': 1.5rem,
|
|
'h4': 1.375rem,
|
|
'h5': 1.25rem,
|
|
'h6': 1.125rem,
|
|
'xl-alt': 5rem,
|
|
'lg-alt': 4.5rem,
|
|
'md-alt': 4rem,
|
|
'sm-alt': 3.5rem,
|
|
'xs-alt': 3rem
|
|
),
|
|
'weights': (
|
|
'thin': 200,
|
|
'light': 300,
|
|
'regular': 400,
|
|
'medium': 500,
|
|
'bold': 600,
|
|
'extrabold': 700,
|
|
'black': 800
|
|
),
|
|
'families': (
|
|
'base': #{\Roboto Flex Variable\, sans-serif},
|
|
'accent': #{\Roboto Flex Variable\, sans-serif}
|
|
)
|
|
),
|
|
'spacings': (
|
|
'l': 3rem,
|
|
'b': 1.625rem,
|
|
'm': 0.8125rem,
|
|
's': 1rem,
|
|
't': 0.5rem,
|
|
'st': 0.25rem,
|
|
'4xs': 0.125rem,
|
|
'xxxs': 0.25rem,
|
|
'xxs': 0.375rem,
|
|
'xs': 0.5rem,
|
|
'sm': 0.75rem,
|
|
'base': 1rem,
|
|
'md': 1.5rem,
|
|
'lg': 2rem,
|
|
'xl': 2.5rem,
|
|
'xxl': 3rem,
|
|
'xxxl': 3.5rem,
|
|
'4xl': 4rem,
|
|
'5xl': 4.5rem,
|
|
'6xl': 6rem,
|
|
'7xl': 7.5rem
|
|
),
|
|
'breakpoints': (
|
|
'xs': 0,
|
|
'sm': 576px,
|
|
'md': 768px,
|
|
'lg': 992px,
|
|
'xl': 1200px,
|
|
'xxl': 1400px
|
|
)
|
|
),
|
|
'contextuals': (
|
|
'background': (
|
|
'surface': (
|
|
'primary': #FFFFFF,
|
|
'secondary': #FFFFFF,
|
|
'tertiary': #F7F8F8
|
|
),
|
|
'semantic': (
|
|
'brand': (
|
|
'primary': #1167D4,
|
|
'primary-hover': #1A509F,
|
|
'secondary': #D5E4F7,
|
|
'secondary-hover': #C0D6F4,
|
|
'tertiary': #EAF1FB,
|
|
'tertiary-hover': #D5E4F7
|
|
),
|
|
'neutral': (
|
|
'primary': #686B6F,
|
|
'primary-hover': #505356,
|
|
'secondary': #E1E2E5,
|
|
'secondary-hover': #D2D4D8,
|
|
'tertiary': #F0F1F2,
|
|
'tertiary-hover': #E1E2E5
|
|
),
|
|
'contextual': (
|
|
'primary': #0000000D,
|
|
'primary-hover': #0000001A
|
|
),
|
|
'info': (
|
|
'primary': #1167D4,
|
|
'primary-hover': #1A509F,
|
|
'secondary': #D5E4F7,
|
|
'secondary-hover': #C0D6F4,
|
|
'tertiary': #EAF1FB,
|
|
'tertiary-hover': #D5E4F7
|
|
),
|
|
'success': (
|
|
'primary': #427816,
|
|
'primary-hover': #385C1F,
|
|
'secondary': #C8EEA8,
|
|
'secondary-hover': #AAE579,
|
|
'tertiary': #E4F7D4,
|
|
'tertiary-hover': #C8EEA8
|
|
),
|
|
'warning': (
|
|
'primary': #836703,
|
|
'primary-hover': #625019,
|
|
'secondary': #FFE176,
|
|
'secondary-hover': #FFCF25,
|
|
'tertiary': #FFF1BD,
|
|
'tertiary-hover': #FFE176
|
|
),
|
|
'error': (
|
|
'primary': #D80000,
|
|
'primary-hover': #9E2219,
|
|
'secondary': #FADBDB,
|
|
'secondary-hover': #F7C9C9,
|
|
'tertiary': #FCEDED,
|
|
'tertiary-hover': #FADBDB
|
|
),
|
|
'disabled': (
|
|
'primary': #E1E2E5,
|
|
'secondary': #F0F1F2
|
|
)
|
|
),
|
|
'palette': (
|
|
'brand': (
|
|
'primary': #2976D8,
|
|
'secondary': #6CA0E4,
|
|
'tertiary': #C0D6F4
|
|
),
|
|
'red': (
|
|
'primary': #D83F3D,
|
|
'secondary': #EE7C7B,
|
|
'tertiary': #F8C9C9
|
|
),
|
|
'orange': (
|
|
'primary': #BE5B0F,
|
|
'secondary': #F27E27,
|
|
'tertiary': #FACBA8
|
|
),
|
|
'brown': (
|
|
'primary': #8F7065,
|
|
'secondary': #AF9992,
|
|
'tertiary': #DCD2CF
|
|
),
|
|
'yellow': (
|
|
'primary': #93730C,
|
|
'secondary': #C39810,
|
|
'tertiary': #F0D275
|
|
),
|
|
'green': (
|
|
'primary': #368741,
|
|
'secondary': #48B257,
|
|
'tertiary': #A7E3AF
|
|
),
|
|
'blue-1': (
|
|
'primary': #3D71E4,
|
|
'secondary': #6F9BFD,
|
|
'tertiary': #C2D5FE
|
|
),
|
|
'blue-2': (
|
|
'primary': #2C8199,
|
|
'secondary': #3BAACA,
|
|
'tertiary': #A7DDED
|
|
),
|
|
'purple': (
|
|
'primary': #9B4BF3,
|
|
'secondary': #BD83FD,
|
|
'tertiary': #E3CBFE
|
|
),
|
|
'pink': (
|
|
'primary': #CD4089,
|
|
'secondary': #EA77B3,
|
|
'tertiary': #F7C7E0
|
|
),
|
|
'gray': (
|
|
'primary': #74777C,
|
|
'secondary': #999EA5,
|
|
'tertiary': #D2D4D8
|
|
)
|
|
),
|
|
'text': (
|
|
'primary': #0000000D
|
|
)
|
|
),
|
|
'content': (
|
|
'logo1': #377FDB,
|
|
'logo2': #377FDB,
|
|
'semantic': (
|
|
'brand': (
|
|
'primary': #20467F,
|
|
'secondary': #0659C5,
|
|
'tertiary': #2976D8,
|
|
'on-brand': #EAF1FB
|
|
),
|
|
'neutral': (
|
|
'primary': #252627,
|
|
'secondary': #5C5F63,
|
|
'tertiary': #74777C,
|
|
'on-neutral': #F0F1F2
|
|
),
|
|
'contextual': (
|
|
'primary': #FFFFFFF2
|
|
),
|
|
'info': (
|
|
'primary': #20467F,
|
|
'secondary': #0659C5,
|
|
'tertiary': #2976D8,
|
|
'on-info': #EAF1FB
|
|
),
|
|
'success': (
|
|
'primary': #344D24,
|
|
'secondary': #3A6A14,
|
|
'tertiary': #4B851A,
|
|
'on-success': #E4F7D4
|
|
),
|
|
'warning': (
|
|
'primary': #524620,
|
|
'secondary': #745B03,
|
|
'tertiary': #937303,
|
|
'on-warning': #FFF1BD
|
|
),
|
|
'error': (
|
|
'primary': #802820,
|
|
'secondary': #C00101,
|
|
'tertiary': #E13131,
|
|
'on-error': #FCEDED
|
|
),
|
|
'disabled': (
|
|
'primary': #A7ACB2,
|
|
'secondary': #FFFFFF80
|
|
)
|
|
),
|
|
'palette': (
|
|
'brand': (
|
|
'primary': #2976D8,
|
|
'secondary': #6CA0E4,
|
|
'tertiary': #C0D6F4
|
|
),
|
|
'red': (
|
|
'primary': #D83F3D,
|
|
'secondary': #EE7C7B,
|
|
'tertiary': #F8C9C9
|
|
),
|
|
'orange': (
|
|
'primary': #BE5B0F,
|
|
'secondary': #F27E27,
|
|
'tertiary': #FACBA8
|
|
),
|
|
'brown': (
|
|
'primary': #8F7065,
|
|
'secondary': #AF9992,
|
|
'tertiary': #DCD2CF
|
|
),
|
|
'yellow': (
|
|
'primary': #93730C,
|
|
'secondary': #C39810,
|
|
'tertiary': #F0D275
|
|
),
|
|
'green': (
|
|
'primary': #368741,
|
|
'secondary': #48B257,
|
|
'tertiary': #A7E3AF
|
|
),
|
|
'blue-1': (
|
|
'primary': #3D71E4,
|
|
'secondary': #6F9BFD,
|
|
'tertiary': #C2D5FE
|
|
),
|
|
'blue-2': (
|
|
'primary': #2C8199,
|
|
'secondary': #3BAACA,
|
|
'tertiary': #A7DDED
|
|
),
|
|
'purple': (
|
|
'primary': #9B4BF3,
|
|
'secondary': #BD83FD,
|
|
'tertiary': #E3CBFE
|
|
),
|
|
'pink': (
|
|
'primary': #CD4089,
|
|
'secondary': #EA77B3,
|
|
'tertiary': #F7C7E0
|
|
),
|
|
'gray': (
|
|
'primary': #74777C,
|
|
'secondary': #999EA5,
|
|
'tertiary': #D2D4D8
|
|
)
|
|
)
|
|
),
|
|
'border': (
|
|
'surface': (
|
|
'primary': #E1E2E5
|
|
),
|
|
'semantic': (
|
|
'brand': (
|
|
'primary': #1167D4,
|
|
'secondary': #80AEE8,
|
|
'tertiary': #C0D6F4
|
|
),
|
|
'contextual': (
|
|
'primary': #FFFFFF33
|
|
),
|
|
'neutral': (
|
|
'primary': #686B6F,
|
|
'secondary': #A7ACB2,
|
|
'tertiary': #D2D4D8
|
|
),
|
|
'info': (
|
|
'primary': #1167D4,
|
|
'secondary': #80AEE8,
|
|
'tertiary': #C0D6F4
|
|
),
|
|
'success': (
|
|
'primary': #427816,
|
|
'secondary': #6AC024,
|
|
'tertiary': #AAE579
|
|
),
|
|
'warning': (
|
|
'primary': #836703,
|
|
'secondary': #D3A504,
|
|
'tertiary': #FFCF25
|
|
),
|
|
'error': (
|
|
'primary': #D80000,
|
|
'secondary': #EF9191,
|
|
'tertiary': #F7C9C9
|
|
),
|
|
'disabled': (
|
|
'primary': #E1E2E5
|
|
)
|
|
),
|
|
'palette': (
|
|
'brand': (
|
|
'primary': #2976D8,
|
|
'secondary': #6CA0E4,
|
|
'tertiary': #C0D6F4
|
|
),
|
|
'red': (
|
|
'primary': #D83F3D,
|
|
'secondary': #EE7C7B,
|
|
'tertiary': #F8C9C9
|
|
),
|
|
'orange': (
|
|
'primary': #BE5B0F,
|
|
'secondary': #F27E27,
|
|
'tertiary': #FACBA8
|
|
),
|
|
'brown': (
|
|
'primary': #8F7065,
|
|
'secondary': #AF9992,
|
|
'tertiary': #DCD2CF
|
|
),
|
|
'yellow': (
|
|
'primary': #93730C,
|
|
'secondary': #C39810,
|
|
'tertiary': #F0D275
|
|
),
|
|
'green': (
|
|
'primary': #368741,
|
|
'secondary': #48B257,
|
|
'tertiary': #A7E3AF
|
|
),
|
|
'blue-1': (
|
|
'primary': #3D71E4,
|
|
'secondary': #6F9BFD,
|
|
'tertiary': #C2D5FE
|
|
),
|
|
'blue-2': (
|
|
'primary': #2C8199,
|
|
'secondary': #3BAACA,
|
|
'tertiary': #A7DDED
|
|
),
|
|
'purple': (
|
|
'primary': #9B4BF3,
|
|
'secondary': #BD83FD,
|
|
'tertiary': #E3CBFE
|
|
),
|
|
'pink': (
|
|
'primary': #CD4089,
|
|
'secondary': #EA77B3,
|
|
'tertiary': #F7C7E0
|
|
),
|
|
'gray': (
|
|
'primary': #74777C,
|
|
'secondary': #999EA5,
|
|
'tertiary': #D2D4D8
|
|
)
|
|
)
|
|
)
|
|
),
|
|
'components': (
|
|
'tooltip': (
|
|
'border-radius': 0.5rem,
|
|
'background-color': #F0F1F2,
|
|
'border-color': #D2D4D8,
|
|
'color': #74777C,
|
|
'font-size': 0.75rem,
|
|
'padding': 1rem,
|
|
'max-width': 150px
|
|
),
|
|
'toast': (
|
|
'slide-in-duration': 1000ms,
|
|
'slide-out-duration': 300ms,
|
|
'background-color': #F0F1F2,
|
|
'color': #252627,
|
|
'font-weight': 400,
|
|
'icon-size': 19px,
|
|
'progress-bar-height': 3px
|
|
),
|
|
'modal': (
|
|
'background-color': #FFFFFF,
|
|
'backdrop-color': #00000099,
|
|
'border-radius': 4px,
|
|
'border-color': #E1E2E5,
|
|
'box-shadow': 0px 1px 2px 0px #0C1A2B4D,
|
|
'color': #252627,
|
|
'title-font-weight': 600,
|
|
'content-font-size': 0.875rem,
|
|
'content-font-weight': 400,
|
|
'content-color': #252627,
|
|
'width-small': 300px,
|
|
'width-medium': 600px,
|
|
'width-large': 800px,
|
|
'width-extra-large': 75%
|
|
),
|
|
'forms-textarea': (
|
|
'font-weight': 400,
|
|
'font-size': 1rem,
|
|
'border-radius': 8px,
|
|
'border-radius--hover': 2px,
|
|
'border-radius--focus': 2px,
|
|
'border-width': 1px,
|
|
'border-color': #D2D4D8,
|
|
'border-color--hover': #A7ACB2,
|
|
'border-color--focus': #1167D4,
|
|
'border-color--disabled': #E1E2E5,
|
|
'border-style': solid,
|
|
'label-color--focus': #1167D4,
|
|
'background-color': #FFFFFF,
|
|
'value-color': #252627,
|
|
'value-color--disabled': #5C5F63
|
|
),
|
|
'forms-switch': (
|
|
'accent-color': #2976D8,
|
|
'rail-background-color': #74777C,
|
|
'rail-background-color--disabled': #A7ACB2,
|
|
'rail-border-radius': 50vw,
|
|
'handle-background-color': #FFFFFFF2,
|
|
'handle-background-color--disabled': #FFFFFF80,
|
|
'handle-border-radius': 50%
|
|
),
|
|
'forms-select': (
|
|
'border-color': #D2D4D8,
|
|
'border-color--focus': #1167D4,
|
|
'border-color--hover': #A7ACB2,
|
|
'border-radius': 8px,
|
|
'border-radius--focus': 2px,
|
|
'border-radius--hover': 2px,
|
|
'border-style': solid,
|
|
'border-width': 1px,
|
|
'value-color': #252627,
|
|
'value-color--disabled': #A7ACB2,
|
|
'font-size': 1rem,
|
|
'height': 3.5rem,
|
|
'item-background-color--hover': #E1E2E5,
|
|
'item-background-color--selected': #D5E4F7,
|
|
'item-color': #252627,
|
|
'item-color--disabled': #FFFFFF80,
|
|
'item-font-size': 1rem,
|
|
'background-color': #FFFFFF,
|
|
'menu-background-color': #FFFFFF,
|
|
'label-color--focus': #1167D4,
|
|
'multi-pill-background-color': #F0F1F2,
|
|
'multi-pill-border-radius': 2px,
|
|
'multi-pill-max-width': 68%,
|
|
'multi-pill-font-size': 1rem
|
|
),
|
|
'forms-radio': (
|
|
'border-color': #D2D4D8,
|
|
'border-color--disabled': #D2D4D8,
|
|
'accent-color': #2976D8,
|
|
'background-color': #FFFFFF
|
|
),
|
|
'forms-labelledbox': (
|
|
'label-color--small': #74777C,
|
|
'label-color--big': #252627,
|
|
'label-color--small--disabled': #5C5F63,
|
|
'label-color--big--disabled': #5C5F63
|
|
),
|
|
'forms-input': (
|
|
'font-weight': 400,
|
|
'font-size': 1rem,
|
|
'border-radius': 8px,
|
|
'border-radius--hover': 4px,
|
|
'border-radius--focus': 4px,
|
|
'border-width': 1px,
|
|
'border-width--hover': 1px,
|
|
'border-width--focus': 1px,
|
|
'border-color': #D2D4D8,
|
|
'border-color--hover': #D2D4D8,
|
|
'border-color--focus': #1167D4,
|
|
'border-style': solid,
|
|
'placeholder-color': #74777C,
|
|
'label-color': #74777C,
|
|
'label-color--focus': #20467F,
|
|
'background-color': #FFFFFF,
|
|
'value-color': #252627,
|
|
'value-color--disabled': #A7ACB2
|
|
),
|
|
'forms-fileuploader': (
|
|
'background-color': #FFFFFF,
|
|
'border-color': #D2D4D8,
|
|
'border-radius': 0.5rem,
|
|
'border-width': 2px,
|
|
'border-style': dotted,
|
|
'background-color--active': #EAF1FB,
|
|
'color': #252627,
|
|
'color--success': #4B851A,
|
|
'color--error': #E13131,
|
|
'padding': 1rem,
|
|
'accent-color': #1167D4,
|
|
'text-color': #74777C,
|
|
'text-size': 0.6875rem,
|
|
'file-text-size': 0.8125rem,
|
|
'file-text-color': #252627,
|
|
'file-text-weight': 300,
|
|
'file-border-color': #D2D4D8,
|
|
'file-border-width': 1px,
|
|
'file-border-radius': 0.5rem,
|
|
'file-background-color': #FFFFFF,
|
|
'file-specs-size': 0.6875rem,
|
|
'file-specs-color': #74777C
|
|
),
|
|
'forms-field': (
|
|
'width': 292px,
|
|
'font-size': 0.75rem,
|
|
'color': #5C5F63,
|
|
'color--error': #C00101,
|
|
'color--success': #3A6A14,
|
|
'color--disabled': #A7ACB2
|
|
),
|
|
'forms-datepicker': (
|
|
'border-color': #D2D4D8,
|
|
'border-color--disabled': #E1E2E5,
|
|
'border-color--focus': #1167D4,
|
|
'border-color--hover': #A7ACB2,
|
|
'border-radius': 8px,
|
|
'border-radius--focus': 2px,
|
|
'border-radius--hover': 2px,
|
|
'border-style': solid,
|
|
'border-width': 1px,
|
|
'value-color': #74777C,
|
|
'value-color--disabled': #A7ACB2,
|
|
'font-size': 1.125rem,
|
|
'height': 3.5rem,
|
|
'item-background-color--hover': #E1E2E5,
|
|
'item-background-color--selected': #EAF1FB,
|
|
'item-color': #252627,
|
|
'item-font-size': 1rem,
|
|
'background-color': #FFFFFF,
|
|
'menu-background-color': #FFFFFF,
|
|
'range-selection-background-color': #EAF1FB,
|
|
'range-selection-background-color--disabled': #F0F1F2,
|
|
'grid-cell--border-color--today': #1167D4,
|
|
'grid-cell--color--today': #20467F,
|
|
'label-color--focus': #80AEE8
|
|
),
|
|
'forms-checkbox': (
|
|
'background-color--hover': #E1E2E5,
|
|
'background-color': #FFFFFF,
|
|
'font-size': 0.75rem,
|
|
'font-weight': 500,
|
|
'color': #252627,
|
|
'border-color': #74777C,
|
|
'border-radius': 2px,
|
|
'accent-color': #FFFFFFF2,
|
|
'size': 1.5rem,
|
|
'background-color--checked': #2976D8,
|
|
'background-color--indeterminate': #2976D8,
|
|
'background-color--disabled': #A7ACB2,
|
|
'border-color--disabled': #A7ACB2
|
|
),
|
|
'button': (
|
|
'border-radius': 8px,
|
|
'border-radius--active': 2px,
|
|
'border-radius--focus': 4px,
|
|
'medium-text-height': 36px,
|
|
'medium-height': 48px,
|
|
'small-height': 32px,
|
|
'nano-height': 24px,
|
|
'medium-font-size': 1rem,
|
|
'medium-icon-font-size': 1.5rem,
|
|
'small-font-size': 0.875rem,
|
|
'small-icon-font-size': 1rem,
|
|
'nano-font-size': 0.75rem,
|
|
'nano-icon-font-size': 1rem,
|
|
'font-weight': 400,
|
|
'font-family': #{\Roboto Flex Variable\, sans-serif},
|
|
'text-font-weight': 500
|
|
),
|
|
'alert': (
|
|
'background-color': #F0F1F2,
|
|
'border-radius': 4px,
|
|
'border-color': #686B6F,
|
|
'border-left-color': #686B6F,
|
|
'font-weight': 500,
|
|
'color': #252627,
|
|
'icon-size': 19px,
|
|
'additional-font-weight': 400,
|
|
'additional-color': #252627
|
|
)
|
|
)
|
|
),
|
|
'dark': (
|
|
'globals': (
|
|
'colors': (
|
|
'logo-1': #377FDB,
|
|
'logo-2': #377FDB,
|
|
'logo-1-dark': #95ABFF,
|
|
'logo-2-dark': #95ABFF,
|
|
'brand-050': #EAF1FB,
|
|
'brand-100': #D5E4F7,
|
|
'brand-150': #C0D6F4,
|
|
'brand-200': #ABC9F0,
|
|
'brand-250': #96BCEC,
|
|
'brand-300': #80AEE8,
|
|
'brand-350': #6CA0E4,
|
|
'brand-400': #5693E0,
|
|
'brand-450': #4085DC,
|
|
'brand-500': #2976D8,
|
|
'brand-550': #1167D4,
|
|
'brand-600': #0659C5,
|
|
'brand-650': #1A509F,
|
|
'brand-700': #20467F,
|
|
'brand-750': #203C63,
|
|
'brand-800': #1D314C,
|
|
'brand-850': #1A2638,
|
|
'brand-900': #141C28,
|
|
'brand-950': #0C1117,
|
|
'gray-000': #FFFFFF,
|
|
'gray-025': #F7F8F8,
|
|
'gray-050': #F0F1F2,
|
|
'gray-100': #E1E2E5,
|
|
'gray-150': #D2D4D8,
|
|
'gray-200': #C4C7CB,
|
|
'gray-250': #B5B9BE,
|
|
'gray-300': #A7ACB2,
|
|
'gray-350': #999EA5,
|
|
'gray-400': #8D9197,
|
|
'gray-450': #80848A,
|
|
'gray-500': #74777C,
|
|
'gray-550': #686B6F,
|
|
'gray-600': #5C5F63,
|
|
'gray-650': #505356,
|
|
'gray-700': #45474A,
|
|
'gray-750': #3A3B3E,
|
|
'gray-800': #2F3033,
|
|
'gray-850': #252627,
|
|
'gray-900': #1B1C1D,
|
|
'gray-950': #101112,
|
|
'gray-1000': #000000,
|
|
'info-050': #EAF1FB,
|
|
'info-100': #D5E4F7,
|
|
'info-150': #C0D6F4,
|
|
'info-200': #ABC9F0,
|
|
'info-250': #96BCEC,
|
|
'info-300': #80AEE8,
|
|
'info-350': #6CA0E4,
|
|
'info-400': #5693E0,
|
|
'info-450': #4085DC,
|
|
'info-500': #2976D8,
|
|
'info-550': #1167D4,
|
|
'info-600': #0659C5,
|
|
'info-650': #1A509F,
|
|
'info-700': #20467F,
|
|
'info-750': #203C63,
|
|
'info-800': #1D314C,
|
|
'info-850': #1A2638,
|
|
'info-900': #141C28,
|
|
'info-950': #0C1117,
|
|
'success-050': #E4F7D4,
|
|
'success-100': #C8EEA8,
|
|
'success-150': #AAE579,
|
|
'success-200': #89DC45,
|
|
'success-250': #72CF27,
|
|
'success-300': #6AC024,
|
|
'success-350': #61B121,
|
|
'success-400': #59A21E,
|
|
'success-450': #51941C,
|
|
'success-500': #4B851A,
|
|
'success-550': #427816,
|
|
'success-600': #3A6A14,
|
|
'success-650': #385C1F,
|
|
'success-700': #344D24,
|
|
'success-750': #2E4022,
|
|
'success-800': #27341F,
|
|
'success-850': #20281A,
|
|
'success-900': #181D15,
|
|
'success-950': #10120E,
|
|
'warning-050': #FFF1BD,
|
|
'warning-100': #FFE176,
|
|
'warning-150': #FFCF25,
|
|
'warning-200': #F4BF06,
|
|
'warning-250': #E3B205,
|
|
'warning-300': #D3A504,
|
|
'warning-350': #C29805,
|
|
'warning-400': #B28C03,
|
|
'warning-450': #A27F03,
|
|
'warning-500': #937303,
|
|
'warning-550': #836703,
|
|
'warning-600': #745B03,
|
|
'warning-650': #625019,
|
|
'warning-700': #524620,
|
|
'warning-750': #443B20,
|
|
'warning-800': #36301D,
|
|
'warning-850': #2A2619,
|
|
'warning-900': #1E1C13,
|
|
'warning-950': #12110C,
|
|
'error-050': #FCEDED,
|
|
'error-100': #FADBDB,
|
|
'error-150': #F7C9C9,
|
|
'error-200': #F5B7B7,
|
|
'error-250': #F2A4A4,
|
|
'error-300': #EF9191,
|
|
'error-350': #EC7D7D,
|
|
'error-400': #E96868,
|
|
'error-450': #E55050,
|
|
'error-500': #E13131,
|
|
'error-550': #D80000,
|
|
'error-600': #C00101,
|
|
'error-650': #9E2219,
|
|
'error-700': #802820,
|
|
'error-750': #662820,
|
|
'error-800': #4F231E,
|
|
'error-850': #3B1D19,
|
|
'error-900': #2A1614,
|
|
'error-950': #1A0E0C,
|
|
'red-050': #FDEDED,
|
|
'red-100': #FADBDB,
|
|
'red-150': #F8C9C9,
|
|
'red-200': #F5B7B6,
|
|
'red-250': #F3A4A3,
|
|
'red-300': #F09190,
|
|
'red-350': #EE7C7B,
|
|
'red-400': #EB6665,
|
|
'red-450': #E74E4D,
|
|
'red-500': #D83F3D,
|
|
'red-550': #C23837,
|
|
'red-600': #AC3231,
|
|
'red-650': #8D3531,
|
|
'red-700': #73332F,
|
|
'red-750': #5B2F2B,
|
|
'red-800': #472826,
|
|
'red-850': #35211F,
|
|
'red-900': #251817,
|
|
'red-950': #160F0E,
|
|
'orange-050': #FDEEE2,
|
|
'orange-100': #FCDDC5,
|
|
'orange-150': #FACBA8,
|
|
'orange-200': #F8B98B,
|
|
'orange-250': #F6A76A,
|
|
'orange-300': #F4934B,
|
|
'orange-350': #F27E27,
|
|
'orange-400': #E76E12,
|
|
'orange-450': #D26411,
|
|
'orange-500': #BE5B0F,
|
|
'orange-550': #AA510E,
|
|
'orange-600': #97480C,
|
|
'orange-650': #7E431D,
|
|
'orange-700': #673C22,
|
|
'orange-750': #533422,
|
|
'orange-800': #412C1F,
|
|
'orange-850': #31231B,
|
|
'orange-900': #221A14,
|
|
'orange-950': #15100C,
|
|
'brown-050': #F3F0EF,
|
|
'brown-100': #E7E1DF,
|
|
'brown-150': #DCD2CF,
|
|
'brown-200': #D0C4BF,
|
|
'brown-250': #C5B6B0,
|
|
'brown-300': #BAA7A1,
|
|
'brown-350': #AF9992,
|
|
'brown-400': #A48B83,
|
|
'brown-450': #997E74,
|
|
'brown-500': #8F7065,
|
|
'brown-550': #846357,
|
|
'brown-600': #7A5649,
|
|
'brown-650': #684C42,
|
|
'brown-700': #57423C,
|
|
'brown-750': #463833,
|
|
'brown-800': #382E2A,
|
|
'brown-850': #2B2422,
|
|
'brown-900': #1F1B19,
|
|
'brown-950': #121010,
|
|
'yellow-050': #FAF0D3,
|
|
'yellow-100': #F5E2A4,
|
|
'yellow-150': #F0D275,
|
|
'yellow-200': #EBC242,
|
|
'yellow-250': #E4B213,
|
|
'yellow-300': #D4A511,
|
|
'yellow-350': #C39810,
|
|
'yellow-400': #B38B0F,
|
|
'yellow-450': #A37F0D,
|
|
'yellow-500': #93730C,
|
|
'yellow-550': #84670B,
|
|
'yellow-600': #755B0A,
|
|
'yellow-650': #63501C,
|
|
'yellow-700': #534521,
|
|
'yellow-750': #443A21,
|
|
'yellow-800': #36301F,
|
|
'yellow-850': #29261A,
|
|
'yellow-900': #1D1C14,
|
|
'yellow-950': #12110C,
|
|
'green-050': #E2F6E5,
|
|
'green-100': #C5ECCA,
|
|
'green-150': #A7E3AF,
|
|
'green-200': #89D894,
|
|
'green-250': #67CE75,
|
|
'green-300': #4DC25D,
|
|
'green-350': #48B257,
|
|
'green-400': #41A44F,
|
|
'green-450': #3B9548,
|
|
'green-500': #368741,
|
|
'green-550': #30793A,
|
|
'green-600': #2B6B33,
|
|
'green-650': #2F5C34,
|
|
'green-700': #2E4E31,
|
|
'green-750': #2A412C,
|
|
'green-800': #253426,
|
|
'green-850': #1E281F,
|
|
'green-900': #171D17,
|
|
'green-950': #0F120F,
|
|
'blue-1-050': #EBF1FF,
|
|
'blue-1-100': #D6E3FE,
|
|
'blue-1-150': #C2D5FE,
|
|
'blue-1-200': #ADC7FE,
|
|
'blue-1-250': #99B8FD,
|
|
'blue-1-300': #84AAFD,
|
|
'blue-1-350': #6F9BFD,
|
|
'blue-1-400': #5A8DFB,
|
|
'blue-1-450': #437DFC,
|
|
'blue-1-500': #3D71E4,
|
|
'blue-1-550': #3665CC,
|
|
'blue-1-600': #305AB5,
|
|
'blue-1-650': #315093,
|
|
'blue-1-700': #2E4675,
|
|
'blue-1-750': #293B5E,
|
|
'blue-1-800': #243048,
|
|
'blue-1-850': #1E2635,
|
|
'blue-1-900': #171C25,
|
|
'blue-1-950': #0E1116,
|
|
'blue-2-050': #E2F4F9,
|
|
'blue-2-100': #C5E9F3,
|
|
'blue-2-150': #A7DDED,
|
|
'blue-2-200': #88D1E6,
|
|
'blue-2-250': #68C5E0,
|
|
'blue-2-300': #48B8D9,
|
|
'blue-2-350': #3BAACA,
|
|
'blue-2-400': #359CB9,
|
|
'blue-2-450': #318EA9,
|
|
'blue-2-500': #2C8199,
|
|
'blue-2-550': #277389,
|
|
'blue-2-600': #236679,
|
|
'blue-2-650': #2A5866,
|
|
'blue-2-700': #2A4B55,
|
|
'blue-2-750': #283F47,
|
|
'blue-2-800': #233337,
|
|
'blue-2-850': #1D272A,
|
|
'blue-2-900': #161C1E,
|
|
'blue-2-950': #0E1112,
|
|
'purple-050': #F6EEFF,
|
|
'purple-100': #ECDCFF,
|
|
'purple-150': #E3CBFE,
|
|
'purple-200': #DAB9FE,
|
|
'purple-250': #D0A7FE,
|
|
'purple-300': #C795FE,
|
|
'purple-350': #BD83FD,
|
|
'purple-400': #B36FFD,
|
|
'purple-450': #A85BFD,
|
|
'purple-500': #9B4BF3,
|
|
'purple-550': #8B43DA,
|
|
'purple-600': #7B3CC1,
|
|
'purple-650': #673C9B,
|
|
'purple-700': #56387D,
|
|
'purple-750': #463162,
|
|
'purple-800': #382A4A,
|
|
'purple-850': #2A2237,
|
|
'purple-900': #1E1926,
|
|
'purple-950': #121017,
|
|
'pink-050': #FCEDF5,
|
|
'pink-100': #F9DAEA,
|
|
'pink-150': #F7C7E0,
|
|
'pink-200': #F4B4D5,
|
|
'pink-250': #F1A1CA,
|
|
'pink-300': #EE8CBF,
|
|
'pink-350': #EA77B3,
|
|
'pink-400': #E760A6,
|
|
'pink-450': #E24797,
|
|
'pink-500': #CD4089,
|
|
'pink-550': #B8397B,
|
|
'pink-600': #A3336D,
|
|
'pink-650': #86355E,
|
|
'pink-700': #6E334F,
|
|
'pink-750': #582E42,
|
|
'pink-800': #442834,
|
|
'pink-850': #332028,
|
|
'pink-900': #24181D,
|
|
'pink-950': #160F12,
|
|
'black-000': #00000000,
|
|
'black-050': #0000000D,
|
|
'black-100': #0000001A,
|
|
'black-150': #00000026,
|
|
'black-200': #00000033,
|
|
'black-250': #00000040,
|
|
'black-300': #0000004D,
|
|
'black-350': #00000059,
|
|
'black-400': #00000066,
|
|
'black-450': #00000073,
|
|
'black-500': #00000080,
|
|
'black-550': #0000008C,
|
|
'black-600': #00000099,
|
|
'black-650': #000000A6,
|
|
'black-700': #000000B3,
|
|
'black-750': #000000BF,
|
|
'black-800': #000000CC,
|
|
'black-850': #000000D9,
|
|
'black-900': #000000E6,
|
|
'black-950': #000000F2,
|
|
'white-000': #FFFFFF,
|
|
'white-050': #FFFFFF0D,
|
|
'white-100': #FFFFFF1A,
|
|
'white-150': #FFFFFF26,
|
|
'white-200': #FFFFFF33,
|
|
'white-250': #FFFFFF40,
|
|
'white-300': #FFFFFF4D,
|
|
'white-350': #FFFFFF59,
|
|
'white-400': #FFFFFF66,
|
|
'white-450': #FFFFFF73,
|
|
'white-500': #FFFFFF80,
|
|
'white-550': #FFFFFF8C,
|
|
'white-600': #FFFFFF99,
|
|
'white-650': #FFFFFFA6,
|
|
'white-700': #FFFFFFB3,
|
|
'white-750': #FFFFFFBF,
|
|
'white-800': #FFFFFFCC,
|
|
'white-850': #FFFFFFD9,
|
|
'white-900': #FFFFFFE6,
|
|
'white-950': #FFFFFFF2
|
|
),
|
|
'transitions': (
|
|
'ease-in': #{cubic-bezier(0.32, 0, 0.67, 0)},
|
|
'ease-out': #{cubic-bezier(0.33, 1, 0.68, 1)},
|
|
'ease-in-out': #{cubic-bezier(0.65, 0, 0.35, 1)},
|
|
'duration': 250ms
|
|
),
|
|
'font': (
|
|
'sizes': (
|
|
'xs': 0.75rem,
|
|
'sm': 0.875rem,
|
|
'md': 1rem,
|
|
'lg': 1.125rem,
|
|
'ml': 0.938rem,
|
|
'xl': 1.25rem,
|
|
't': 0.6875rem,
|
|
's': 0.75rem,
|
|
'h1': 2rem,
|
|
'h2': 1.75rem,
|
|
'h3': 1.5rem,
|
|
'h4': 1.375rem,
|
|
'h5': 1.25rem,
|
|
'h6': 1.125rem,
|
|
'xl-alt': 5rem,
|
|
'lg-alt': 4.5rem,
|
|
'md-alt': 4rem,
|
|
'sm-alt': 3.5rem,
|
|
'xs-alt': 3rem
|
|
),
|
|
'weights': (
|
|
'thin': 200,
|
|
'light': 300,
|
|
'regular': 400,
|
|
'medium': 500,
|
|
'bold': 600,
|
|
'extrabold': 700,
|
|
'black': 800
|
|
),
|
|
'families': (
|
|
'base': #{\Roboto Flex Variable\, sans-serif},
|
|
'accent': #{\Roboto Flex Variable\, sans-serif}
|
|
)
|
|
),
|
|
'spacings': (
|
|
'l': 3rem,
|
|
'b': 1.625rem,
|
|
'm': 0.8125rem,
|
|
's': 1rem,
|
|
't': 0.5rem,
|
|
'st': 0.25rem,
|
|
'4xs': 0.125rem,
|
|
'xxxs': 0.25rem,
|
|
'xxs': 0.375rem,
|
|
'xs': 0.5rem,
|
|
'sm': 0.75rem,
|
|
'base': 1rem,
|
|
'md': 1.5rem,
|
|
'lg': 2rem,
|
|
'xl': 2.5rem,
|
|
'xxl': 3rem,
|
|
'xxxl': 3.5rem,
|
|
'4xl': 4rem,
|
|
'5xl': 4.5rem,
|
|
'6xl': 6rem,
|
|
'7xl': 7.5rem
|
|
),
|
|
'breakpoints': (
|
|
'xs': 0,
|
|
'sm': 576px,
|
|
'md': 768px,
|
|
'lg': 992px,
|
|
'xl': 1200px,
|
|
'xxl': 1400px
|
|
)
|
|
),
|
|
'contextuals': (
|
|
'background': (
|
|
'surface': (
|
|
'primary': #2F3033,
|
|
'secondary': #252627,
|
|
'tertiary': #1B1C1D
|
|
),
|
|
'semantic': (
|
|
'brand': (
|
|
'primary': #1167D4,
|
|
'primary-hover': #1A509F,
|
|
'secondary': #20467F,
|
|
'secondary-hover': #203C63,
|
|
'tertiary': #203C63,
|
|
'tertiary-hover': #1D314C
|
|
),
|
|
'neutral': (
|
|
'primary': #686B6F,
|
|
'primary-hover': #505356,
|
|
'secondary': #45474A,
|
|
'secondary-hover': #3A3B3E,
|
|
'tertiary': #3A3B3E,
|
|
'tertiary-hover': #2F3033
|
|
),
|
|
'contextual': (
|
|
'primary': #FFFFFF0D,
|
|
'primary-hover': #FFFFFF1A
|
|
),
|
|
'info': (
|
|
'primary': #1167D4,
|
|
'primary-hover': #1A509F,
|
|
'secondary': #20467F,
|
|
'secondary-hover': #203C63,
|
|
'tertiary': #203C63,
|
|
'tertiary-hover': #1D314C
|
|
),
|
|
'success': (
|
|
'primary': #427816,
|
|
'primary-hover': #385C1F,
|
|
'secondary': #344D24,
|
|
'secondary-hover': #2E4022,
|
|
'tertiary': #2E4022,
|
|
'tertiary-hover': #27341F
|
|
),
|
|
'warning': (
|
|
'primary': #836703,
|
|
'primary-hover': #625019,
|
|
'secondary': #524620,
|
|
'secondary-hover': #443B20,
|
|
'tertiary': #443B20,
|
|
'tertiary-hover': #36301D
|
|
),
|
|
'error': (
|
|
'primary': #D80000,
|
|
'primary-hover': #9E2219,
|
|
'secondary': #802820,
|
|
'secondary-hover': #662820,
|
|
'tertiary': #662820,
|
|
'tertiary-hover': #4F231E
|
|
),
|
|
'disabled': (
|
|
'primary': #3A3B3E,
|
|
'secondary': #2F3033
|
|
)
|
|
),
|
|
'palette': (
|
|
'brand': (
|
|
'primary': #6CA0E4,
|
|
'secondary': #4085DC,
|
|
'tertiary': #1167D4
|
|
),
|
|
'red': (
|
|
'primary': #EE7C7B,
|
|
'secondary': #E74E4D,
|
|
'tertiary': #C23837
|
|
),
|
|
'orange': (
|
|
'primary': #F27E27,
|
|
'secondary': #D26411,
|
|
'tertiary': #AA510E
|
|
),
|
|
'brown': (
|
|
'primary': #AF9992,
|
|
'secondary': #997E74,
|
|
'tertiary': #846357
|
|
),
|
|
'yellow': (
|
|
'primary': #C39810,
|
|
'secondary': #A37F0D,
|
|
'tertiary': #84670B
|
|
),
|
|
'green': (
|
|
'primary': #48B257,
|
|
'secondary': #3B9548,
|
|
'tertiary': #30793A
|
|
),
|
|
'blue-1': (
|
|
'primary': #6F9BFD,
|
|
'secondary': #437DFC,
|
|
'tertiary': #3665CC
|
|
),
|
|
'blue-2': (
|
|
'primary': #3BAACA,
|
|
'secondary': #318EA9,
|
|
'tertiary': #277389
|
|
),
|
|
'purple': (
|
|
'primary': #BD83FD,
|
|
'secondary': #A85BFD,
|
|
'tertiary': #8B43DA
|
|
),
|
|
'pink': (
|
|
'primary': #EA77B3,
|
|
'secondary': #E24797,
|
|
'tertiary': #B8397B
|
|
),
|
|
'gray': (
|
|
'primary': #999EA5,
|
|
'secondary': #80848A,
|
|
'tertiary': #686B6F
|
|
)
|
|
)
|
|
),
|
|
'content': (
|
|
'logo1': #95ABFF,
|
|
'logo2': #95ABFF,
|
|
'semantic': (
|
|
'brand': (
|
|
'primary': #EAF1FB,
|
|
'secondary': #D5E4F7,
|
|
'tertiary': #96BCEC,
|
|
'on-brand': #EAF1FB
|
|
),
|
|
'neutral': (
|
|
'primary': #F0F1F2,
|
|
'secondary': #E1E2E5,
|
|
'tertiary': #B5B9BE,
|
|
'on-neutral': #F0F1F2
|
|
),
|
|
'contextual': (
|
|
'primary': #000000D9
|
|
),
|
|
'info': (
|
|
'primary': #EAF1FB,
|
|
'secondary': #D5E4F7,
|
|
'tertiary': #96BCEC,
|
|
'on-info': #EAF1FB
|
|
),
|
|
'success': (
|
|
'primary': #E4F7D4,
|
|
'secondary': #C8EEA8,
|
|
'tertiary': #72CF27,
|
|
'on-success': #E4F7D4
|
|
),
|
|
'warning': (
|
|
'primary': #FFF1BD,
|
|
'secondary': #FFE176,
|
|
'tertiary': #E3B205,
|
|
'on-warning': #FFF1BD
|
|
),
|
|
'error': (
|
|
'primary': #FCEDED,
|
|
'secondary': #FADBDB,
|
|
'tertiary': #F2A4A4,
|
|
'on-error': #FCEDED
|
|
),
|
|
'disabled': (
|
|
'primary': #5C5F63,
|
|
'secondary': #0000004D
|
|
)
|
|
),
|
|
'palette': (
|
|
'brand': (
|
|
'primary': #6CA0E4,
|
|
'secondary': #4085DC,
|
|
'tertiary': #1167D4
|
|
),
|
|
'red': (
|
|
'primary': #EE7C7B,
|
|
'secondary': #E74E4D,
|
|
'tertiary': #C23837
|
|
),
|
|
'orange': (
|
|
'primary': #F27E27,
|
|
'secondary': #D26411,
|
|
'tertiary': #AA510E
|
|
),
|
|
'brown': (
|
|
'primary': #AF9992,
|
|
'secondary': #997E74,
|
|
'tertiary': #846357
|
|
),
|
|
'yellow': (
|
|
'primary': #C39810,
|
|
'secondary': #A37F0D,
|
|
'tertiary': #84670B
|
|
),
|
|
'green': (
|
|
'primary': #48B257,
|
|
'secondary': #3B9548,
|
|
'tertiary': #30793A
|
|
),
|
|
'blue-1': (
|
|
'primary': #6F9BFD,
|
|
'secondary': #437DFC,
|
|
'tertiary': #3665CC
|
|
),
|
|
'blue-2': (
|
|
'primary': #3BAACA,
|
|
'secondary': #318EA9,
|
|
'tertiary': #277389
|
|
),
|
|
'purple': (
|
|
'primary': #BD83FD,
|
|
'secondary': #A85BFD,
|
|
'tertiary': #8B43DA
|
|
),
|
|
'pink': (
|
|
'primary': #EA77B3,
|
|
'secondary': #E24797,
|
|
'tertiary': #B8397B
|
|
),
|
|
'gray': (
|
|
'primary': #999EA5,
|
|
'secondary': #80848A,
|
|
'tertiary': #686B6F
|
|
)
|
|
)
|
|
),
|
|
'border': (
|
|
'surface': (
|
|
'primary': #3A3B3E
|
|
),
|
|
'semantic': (
|
|
'brand': (
|
|
'primary': #4085DC,
|
|
'secondary': #0659C5,
|
|
'tertiary': #20467F
|
|
),
|
|
'contextual': (
|
|
'primary': #00000033
|
|
),
|
|
'neutral': (
|
|
'primary': #80848A,
|
|
'secondary': #5C5F63,
|
|
'tertiary': #45474A
|
|
),
|
|
'info': (
|
|
'primary': #4085DC,
|
|
'secondary': #0659C5,
|
|
'tertiary': #20467F
|
|
),
|
|
'success': (
|
|
'primary': #51941C,
|
|
'secondary': #3A6A14,
|
|
'tertiary': #344D24
|
|
),
|
|
'warning': (
|
|
'primary': #A27F03,
|
|
'secondary': #745B03,
|
|
'tertiary': #524620
|
|
),
|
|
'error': (
|
|
'primary': #E55050,
|
|
'secondary': #C00101,
|
|
'tertiary': #802820
|
|
),
|
|
'disabled': (
|
|
'primary': #2F3033
|
|
)
|
|
),
|
|
'palette': (
|
|
'brand': (
|
|
'primary': #6CA0E4,
|
|
'secondary': #4085DC,
|
|
'tertiary': #1167D4
|
|
),
|
|
'red': (
|
|
'primary': #EE7C7B,
|
|
'secondary': #E74E4D,
|
|
'tertiary': #C23837
|
|
),
|
|
'orange': (
|
|
'primary': #F27E27,
|
|
'secondary': #D26411,
|
|
'tertiary': #AA510E
|
|
),
|
|
'brown': (
|
|
'primary': #AF9992,
|
|
'secondary': #997E74,
|
|
'tertiary': #846357
|
|
),
|
|
'yellow': (
|
|
'primary': #C39810,
|
|
'secondary': #A37F0D,
|
|
'tertiary': #84670B
|
|
),
|
|
'green': (
|
|
'primary': #48B257,
|
|
'secondary': #3B9548,
|
|
'tertiary': #30793A
|
|
),
|
|
'blue-1': (
|
|
'primary': #6F9BFD,
|
|
'secondary': #437DFC,
|
|
'tertiary': #3665CC
|
|
),
|
|
'blue-2': (
|
|
'primary': #3BAACA,
|
|
'secondary': #318EA9,
|
|
'tertiary': #277389
|
|
),
|
|
'purple': (
|
|
'primary': #BD83FD,
|
|
'secondary': #A85BFD,
|
|
'tertiary': #8B43DA
|
|
),
|
|
'pink': (
|
|
'primary': #EA77B3,
|
|
'secondary': #E24797,
|
|
'tertiary': #B8397B
|
|
),
|
|
'gray': (
|
|
'primary': #999EA5,
|
|
'secondary': #80848A,
|
|
'tertiary': #686B6F
|
|
)
|
|
)
|
|
)
|
|
)
|
|
)
|
|
) !default;
|