| color-primary-100 | #f2f6ff | color-primary-100(default) |
| color-primary-200 | #d9e4ff | color-primary-200(default) |
| color-primary-300 | #a6c1ff | color-primary-300(default) |
| color-primary-400 | #598bff | color-primary-400(default) |
| color-primary-500 | #3366ff | color-primary-500(default) |
| color-primary-600 | #274bdb | color-primary-600(default) |
| color-primary-700 | #1a34b8 | color-primary-700(default) |
| color-primary-800 | #102694 | color-primary-800(default) |
| color-primary-900 | #091c7a | color-primary-900(default) |
| color-primary-transparent-100 | rgba(51, 102, 255, 0.08) | color-primary-transparent-100(default) |
| color-primary-transparent-200 | rgba(51, 102, 255, 0.16) | color-primary-transparent-200(default) |
| color-primary-transparent-300 | rgba(51, 102, 255, 0.24) | color-primary-transparent-300(default) |
| color-primary-transparent-400 | rgba(51, 102, 255, 0.32) | color-primary-transparent-400(default) |
| color-primary-transparent-500 | rgba(51, 102, 255, 0.4) | color-primary-transparent-500(default) |
| color-primary-transparent-600 | rgba(51, 102, 255, 0.48) | color-primary-transparent-600(default) |
| color-success-100 | #f0fff5 | color-success-100(default) |
| color-success-200 | #ccfce3 | color-success-200(default) |
| color-success-300 | #8cfac7 | color-success-300(default) |
| color-success-400 | #2ce69b | color-success-400(default) |
| color-success-500 | #00d68f | color-success-500(default) |
| color-success-600 | #00b887 | color-success-600(default) |
| color-success-700 | #00997a | color-success-700(default) |
| color-success-800 | #007d6c | color-success-800(default) |
| color-success-900 | #004a45 | color-success-900(default) |
| color-success-transparent-100 | rgba(0, 214, 143, 0.08) | color-success-transparent-100(default) |
| color-success-transparent-200 | rgba(0, 214, 143, 0.16) | color-success-transparent-200(default) |
| color-success-transparent-300 | rgba(0, 214, 143, 0.24) | color-success-transparent-300(default) |
| color-success-transparent-400 | rgba(0, 214, 143, 0.32) | color-success-transparent-400(default) |
| color-success-transparent-500 | rgba(0, 214, 143, 0.4) | color-success-transparent-500(default) |
| color-success-transparent-600 | rgba(0, 214, 143, 0.48) | color-success-transparent-600(default) |
| color-info-100 | #f2f8ff | color-info-100(default) |
| color-info-200 | #c7e2ff | color-info-200(default) |
| color-info-300 | #94cbff | color-info-300(default) |
| color-info-400 | #42aaff | color-info-400(default) |
| color-info-500 | #0095ff | color-info-500(default) |
| color-info-600 | #006fd6 | color-info-600(default) |
| color-info-700 | #0057c2 | color-info-700(default) |
| color-info-800 | #0041a8 | color-info-800(default) |
| color-info-900 | #002885 | color-info-900(default) |
| color-info-transparent-100 | rgba(0, 149, 255, 0.08) | color-info-transparent-100(default) |
| color-info-transparent-200 | rgba(0, 149, 255, 0.16) | color-info-transparent-200(default) |
| color-info-transparent-300 | rgba(0, 149, 255, 0.24) | color-info-transparent-300(default) |
| color-info-transparent-400 | rgba(0, 149, 255, 0.32) | color-info-transparent-400(default) |
| color-info-transparent-500 | rgba(0, 149, 255, 0.4) | color-info-transparent-500(default) |
| color-info-transparent-600 | rgba(0, 149, 255, 0.48) | color-info-transparent-600(default) |
| color-warning-100 | #fffdf2 | color-warning-100(default) |
| color-warning-200 | #fff1c2 | color-warning-200(default) |
| color-warning-300 | #ffe59e | color-warning-300(default) |
| color-warning-400 | #ffc94d | color-warning-400(default) |
| color-warning-500 | #ffaa00 | color-warning-500(default) |
| color-warning-600 | #db8b00 | color-warning-600(default) |
| color-warning-700 | #b86e00 | color-warning-700(default) |
| color-warning-800 | #945400 | color-warning-800(default) |
| color-warning-900 | #703c00 | color-warning-900(default) |
| color-warning-transparent-100 | rgba(255, 170, 0, 0.08) | color-warning-transparent-100(default) |
| color-warning-transparent-200 | rgba(255, 170, 0, 0.16) | color-warning-transparent-200(default) |
| color-warning-transparent-300 | rgba(255, 170, 0, 0.24) | color-warning-transparent-300(default) |
| color-warning-transparent-400 | rgba(255, 170, 0, 0.32) | color-warning-transparent-400(default) |
| color-warning-transparent-500 | rgba(255, 170, 0, 0.4) | color-warning-transparent-500(default) |
| color-warning-transparent-600 | rgba(255, 170, 0, 0.48) | color-warning-transparent-600(default) |
| color-danger-100 | #fff2f2 | color-danger-100(default) |
| color-danger-200 | #ffd6d9 | color-danger-200(default) |
| color-danger-300 | #ffa8b4 | color-danger-300(default) |
| color-danger-400 | #ff708d | color-danger-400(default) |
| color-danger-500 | #ff3d71 | color-danger-500(default) |
| color-danger-600 | #db2c66 | color-danger-600(default) |
| color-danger-700 | #b81d5b | color-danger-700(default) |
| color-danger-800 | #94124e | color-danger-800(default) |
| color-danger-900 | #700940 | color-danger-900(default) |
| color-danger-transparent-100 | rgba(255, 61, 113, 0.08) | color-danger-transparent-100(default) |
| color-danger-transparent-200 | rgba(255, 61, 113, 0.16) | color-danger-transparent-200(default) |
| color-danger-transparent-300 | rgba(255, 61, 113, 0.24) | color-danger-transparent-300(default) |
| color-danger-transparent-400 | rgba(255, 61, 113, 0.32) | color-danger-transparent-400(default) |
| color-danger-transparent-500 | rgba(255, 61, 113, 0.4) | color-danger-transparent-500(default) |
| color-danger-transparent-600 | rgba(255, 61, 113, 0.48) | color-danger-transparent-600(default) |
| color-basic-100 | #ffffff | color-basic-100(default) |
| color-basic-200 | #f7f9fc | color-basic-200(default) |
| color-basic-300 | #edf1f7 | color-basic-300(default) |
| color-basic-400 | #e4e9f2 | color-basic-400(default) |
| color-basic-500 | #c5cee0 | color-basic-500(default) |
| color-basic-600 | #8f9bb3 | color-basic-600(default) |
| color-basic-700 | #2e3a59 | color-basic-700(default) |
| color-basic-800 | #222b45 | color-basic-800(default) |
| color-basic-900 | #192038 | color-basic-900(default) |
| color-basic-1000 | #151a30 | color-basic-1000(default) |
| color-basic-1100 | #101426 | color-basic-1100(default) |
| color-basic-transparent-100 | rgba(143, 155, 179, 0.08) | color-basic-transparent-100(default) |
| color-basic-transparent-200 | rgba(143, 155, 179, 0.16) | color-basic-transparent-200(default) |
| color-basic-transparent-300 | rgba(143, 155, 179, 0.24) | color-basic-transparent-300(default) |
| color-basic-transparent-400 | rgba(143, 155, 179, 0.32) | color-basic-transparent-400(default) |
| color-basic-transparent-500 | rgba(143, 155, 179, 0.4) | color-basic-transparent-500(default) |
| color-basic-transparent-600 | rgba(143, 155, 179, 0.48) | color-basic-transparent-600(default) |
| color-basic-control-transparent-100 | rgba(255, 255, 255, 0.08) | color-basic-control-transparent-100(default) |
| color-basic-control-transparent-200 | rgba(255, 255, 255, 0.16) | color-basic-control-transparent-200(default) |
| color-basic-control-transparent-300 | rgba(255, 255, 255, 0.24) | color-basic-control-transparent-300(default) |
| color-basic-control-transparent-400 | rgba(255, 255, 255, 0.32) | color-basic-control-transparent-400(default) |
| color-basic-control-transparent-500 | rgba(255, 255, 255, 0.4) | color-basic-control-transparent-500(default) |
| color-basic-control-transparent-600 | rgba(255, 255, 255, 0.48) | color-basic-control-transparent-600(default) |
| color-basic-focus | #e4e9f2 | color-basic-400color-basic-400(default) |
| color-basic-hover | #f7f9fc | color-basic-200color-basic-200(default) |
| color-basic-default | #edf1f7 | color-basic-300color-basic-300(default) |
| color-basic-active | #e4e9f2 | color-basic-400color-basic-400(default) |
| color-basic-disabled | rgba(143, 155, 179, 0.24) | color-basic-transparent-300color-basic-transparent-300(default) |
| color-basic-focus-border | #c5cee0 | color-basic-500color-basic-500(default) |
| color-basic-hover-border | #f7f9fc | color-basic-hovercolor-basic-200color-basic-200(default) |
| color-basic-default-border | #edf1f7 | color-basic-defaultcolor-basic-300color-basic-300(default) |
| color-basic-active-border | #e4e9f2 | color-basic-activecolor-basic-400color-basic-400(default) |
| color-basic-disabled-border | rgba(143, 155, 179, 0.24) | color-basic-disabledcolor-basic-transparent-300color-basic-transparent-300(default) |
| color-basic-transparent-focus | rgba(143, 155, 179, 0.24) | color-basic-transparent-300color-basic-transparent-300(default) |
| color-basic-transparent-hover | rgba(143, 155, 179, 0.16) | color-basic-transparent-200color-basic-transparent-200(default) |
| color-basic-transparent-default | rgba(143, 155, 179, 0.08) | color-basic-transparent-100color-basic-transparent-100(default) |
| color-basic-transparent-active | rgba(143, 155, 179, 0.24) | color-basic-transparent-300color-basic-transparent-300(default) |
| color-basic-transparent-disabled | rgba(143, 155, 179, 0.16) | color-basic-transparent-200color-basic-transparent-200(default) |
| color-basic-transparent-focus-border | #8f9bb3 | color-basic-600color-basic-600(default) |
| color-basic-transparent-hover-border | #8f9bb3 | color-basic-600color-basic-600(default) |
| color-basic-transparent-default-border | #8f9bb3 | color-basic-600color-basic-600(default) |
| color-basic-transparent-active-border | #8f9bb3 | color-basic-600color-basic-600(default) |
| color-basic-transparent-disabled-border | rgba(143, 155, 179, 0.24) | color-basic-transparent-300color-basic-transparent-300(default) |
| color-primary-focus | #274bdb | color-primary-600color-primary-600(default) |
| color-primary-hover | #598bff | color-primary-400color-primary-400(default) |
| color-primary-default | #3366ff | color-primary-500color-primary-500(default) |
| color-primary-active | #274bdb | color-primary-600color-primary-600(default) |
| color-primary-disabled | rgba(143, 155, 179, 0.24) | color-basic-transparent-300color-basic-transparent-300(default) |
| color-primary-focus-border | #1a34b8 | color-primary-700color-primary-700(default) |
| color-primary-hover-border | #598bff | color-primary-hovercolor-primary-400color-primary-400(default) |
| color-primary-default-border | #3366ff | color-primary-defaultcolor-primary-500color-primary-500(default) |
| color-primary-active-border | #274bdb | color-primary-activecolor-primary-600color-primary-600(default) |
| color-primary-disabled-border | rgba(143, 155, 179, 0.24) | color-primary-disabledcolor-basic-transparent-300color-basic-transparent-300(default) |
| color-primary-transparent-focus | rgba(51, 102, 255, 0.24) | color-primary-transparent-300color-primary-transparent-300(default) |
| color-primary-transparent-hover | rgba(51, 102, 255, 0.16) | color-primary-transparent-200color-primary-transparent-200(default) |
| color-primary-transparent-default | rgba(51, 102, 255, 0.08) | color-primary-transparent-100color-primary-transparent-100(default) |
| color-primary-transparent-active | rgba(51, 102, 255, 0.24) | color-primary-transparent-300color-primary-transparent-300(default) |
| color-primary-transparent-disabled | rgba(143, 155, 179, 0.16) | color-basic-transparent-200color-basic-transparent-200(default) |
| color-primary-transparent-focus-border | #3366ff | color-primary-500color-primary-500(default) |
| color-primary-transparent-hover-border | #3366ff | color-primary-500color-primary-500(default) |
| color-primary-transparent-default-border | #3366ff | color-primary-500color-primary-500(default) |
| color-primary-transparent-active-border | #3366ff | color-primary-500color-primary-500(default) |
| color-primary-transparent-disabled-border | rgba(143, 155, 179, 0.24) | color-basic-transparent-300color-basic-transparent-300(default) |
| color-success-focus | #00b887 | color-success-600color-success-600(default) |
| color-success-hover | #2ce69b | color-success-400color-success-400(default) |
| color-success-default | #00d68f | color-success-500color-success-500(default) |
| color-success-active | #00b887 | color-success-600color-success-600(default) |
| color-success-disabled | rgba(143, 155, 179, 0.24) | color-basic-transparent-300color-basic-transparent-300(default) |
| color-success-focus-border | #00997a | color-success-700color-success-700(default) |
| color-success-hover-border | #2ce69b | color-success-hovercolor-success-400color-success-400(default) |
| color-success-default-border | #00d68f | color-success-defaultcolor-success-500color-success-500(default) |
| color-success-active-border | #00b887 | color-success-activecolor-success-600color-success-600(default) |
| color-success-disabled-border | rgba(143, 155, 179, 0.24) | color-success-disabledcolor-basic-transparent-300color-basic-transparent-300(default) |
| color-success-transparent-focus | rgba(0, 214, 143, 0.24) | color-success-transparent-300color-success-transparent-300(default) |
| color-success-transparent-focus-border | #00d68f | color-success-500color-success-500(default) |
| color-success-transparent-hover | rgba(0, 214, 143, 0.16) | color-success-transparent-200color-success-transparent-200(default) |
| color-success-transparent-hover-border | #00d68f | color-success-500color-success-500(default) |
| color-success-transparent-default | rgba(0, 214, 143, 0.08) | color-success-transparent-100color-success-transparent-100(default) |
| color-success-transparent-default-border | #00d68f | color-success-500color-success-500(default) |
| color-success-transparent-active | rgba(0, 214, 143, 0.24) | color-success-transparent-300color-success-transparent-300(default) |
| color-success-transparent-active-border | #00d68f | color-success-500color-success-500(default) |
| color-success-transparent-disabled | rgba(143, 155, 179, 0.16) | color-basic-transparent-200color-basic-transparent-200(default) |
| color-success-transparent-disabled-border | rgba(143, 155, 179, 0.24) | color-basic-transparent-300color-basic-transparent-300(default) |
| color-info-focus | #006fd6 | color-info-600color-info-600(default) |
| color-info-hover | #42aaff | color-info-400color-info-400(default) |
| color-info-default | #0095ff | color-info-500color-info-500(default) |
| color-info-active | #006fd6 | color-info-600color-info-600(default) |
| color-info-disabled | rgba(143, 155, 179, 0.24) | color-basic-transparent-300color-basic-transparent-300(default) |
| color-info-focus-border | #0057c2 | color-info-700color-info-700(default) |
| color-info-hover-border | #42aaff | color-info-hovercolor-info-400color-info-400(default) |
| color-info-default-border | #0095ff | color-info-defaultcolor-info-500color-info-500(default) |
| color-info-active-border | #006fd6 | color-info-activecolor-info-600color-info-600(default) |
| color-info-disabled-border | rgba(143, 155, 179, 0.24) | color-info-disabledcolor-basic-transparent-300color-basic-transparent-300(default) |
| color-info-transparent-focus | rgba(0, 149, 255, 0.24) | color-info-transparent-300color-info-transparent-300(default) |
| color-info-transparent-hover | rgba(0, 149, 255, 0.16) | color-info-transparent-200color-info-transparent-200(default) |
| color-info-transparent-default | rgba(0, 149, 255, 0.08) | color-info-transparent-100color-info-transparent-100(default) |
| color-info-transparent-active | rgba(0, 149, 255, 0.24) | color-info-transparent-300color-info-transparent-300(default) |
| color-info-transparent-disabled | rgba(143, 155, 179, 0.16) | color-basic-transparent-200color-basic-transparent-200(default) |
| color-info-transparent-focus-border | #0095ff | color-info-500color-info-500(default) |
| color-info-transparent-hover-border | #0095ff | color-info-500color-info-500(default) |
| color-info-transparent-default-border | #0095ff | color-info-500color-info-500(default) |
| color-info-transparent-active-border | #0095ff | color-info-500color-info-500(default) |
| color-info-transparent-disabled-border | rgba(143, 155, 179, 0.24) | color-basic-transparent-300color-basic-transparent-300(default) |
| color-warning-focus | #db8b00 | color-warning-600color-warning-600(default) |
| color-warning-hover | #ffc94d | color-warning-400color-warning-400(default) |
| color-warning-default | #ffaa00 | color-warning-500color-warning-500(default) |
| color-warning-active | #db8b00 | color-warning-600color-warning-600(default) |
| color-warning-disabled | rgba(143, 155, 179, 0.24) | color-basic-transparent-300color-basic-transparent-300(default) |
| color-warning-focus-border | #b86e00 | color-warning-700color-warning-700(default) |
| color-warning-hover-border | #ffc94d | color-warning-hovercolor-warning-400color-warning-400(default) |
| color-warning-default-border | #ffaa00 | color-warning-defaultcolor-warning-500color-warning-500(default) |
| color-warning-active-border | #db8b00 | color-warning-activecolor-warning-600color-warning-600(default) |
| color-warning-disabled-border | rgba(143, 155, 179, 0.24) | color-warning-disabledcolor-basic-transparent-300color-basic-transparent-300(default) |
| color-warning-transparent-focus | rgba(255, 170, 0, 0.24) | color-warning-transparent-300color-warning-transparent-300(default) |
| color-warning-transparent-hover | rgba(255, 170, 0, 0.16) | color-warning-transparent-200color-warning-transparent-200(default) |
| color-warning-transparent-default | rgba(255, 170, 0, 0.08) | color-warning-transparent-100color-warning-transparent-100(default) |
| color-warning-transparent-active | rgba(255, 170, 0, 0.24) | color-warning-transparent-300color-warning-transparent-300(default) |
| color-warning-transparent-disabled | rgba(143, 155, 179, 0.16) | color-basic-transparent-200color-basic-transparent-200(default) |
| color-warning-transparent-focus-border | #ffaa00 | color-warning-500color-warning-500(default) |
| color-warning-transparent-hover-border | #ffaa00 | color-warning-500color-warning-500(default) |
| color-warning-transparent-default-border | #ffaa00 | color-warning-500color-warning-500(default) |
| color-warning-transparent-active-border | #ffaa00 | color-warning-500color-warning-500(default) |
| color-warning-transparent-disabled-border | rgba(143, 155, 179, 0.24) | color-basic-transparent-300color-basic-transparent-300(default) |
| color-danger-focus | #db2c66 | color-danger-600color-danger-600(default) |
| color-danger-hover | #ff708d | color-danger-400color-danger-400(default) |
| color-danger-default | #ff3d71 | color-danger-500color-danger-500(default) |
| color-danger-active | #db2c66 | color-danger-600color-danger-600(default) |
| color-danger-disabled | rgba(143, 155, 179, 0.24) | color-basic-transparent-300color-basic-transparent-300(default) |
| color-danger-focus-border | #b81d5b | color-danger-700color-danger-700(default) |
| color-danger-hover-border | #ff708d | color-danger-hovercolor-danger-400color-danger-400(default) |
| color-danger-default-border | #ff3d71 | color-danger-defaultcolor-danger-500color-danger-500(default) |
| color-danger-active-border | #db2c66 | color-danger-activecolor-danger-600color-danger-600(default) |
| color-danger-disabled-border | rgba(143, 155, 179, 0.24) | color-danger-disabledcolor-basic-transparent-300color-basic-transparent-300(default) |
| color-danger-transparent-focus | rgba(255, 61, 113, 0.24) | color-danger-transparent-300color-danger-transparent-300(default) |
| color-danger-transparent-hover | rgba(255, 61, 113, 0.16) | color-danger-transparent-200color-danger-transparent-200(default) |
| color-danger-transparent-default | rgba(255, 61, 113, 0.08) | color-danger-transparent-100color-danger-transparent-100(default) |
| color-danger-transparent-active | rgba(255, 61, 113, 0.24) | color-danger-transparent-300color-danger-transparent-300(default) |
| color-danger-transparent-disabled | rgba(143, 155, 179, 0.16) | color-basic-transparent-200color-basic-transparent-200(default) |
| color-danger-transparent-focus-border | #ff3d71 | color-danger-500color-danger-500(default) |
| color-danger-transparent-hover-border | #ff3d71 | color-danger-500color-danger-500(default) |
| color-danger-transparent-default-border | #ff3d71 | color-danger-500color-danger-500(default) |
| color-danger-transparent-active-border | #ff3d71 | color-danger-500color-danger-500(default) |
| color-danger-transparent-disabled-border | rgba(143, 155, 179, 0.24) | color-basic-transparent-300color-basic-transparent-300(default) |
| color-control-focus | #edf1f7 | color-basic-300color-basic-300(default) |
| color-control-hover | #f7f9fc | color-basic-200color-basic-200(default) |
| color-control-default | #ffffff | color-basic-100color-basic-100(default) |
| color-control-active | #edf1f7 | color-basic-300color-basic-300(default) |
| color-control-disabled | rgba(143, 155, 179, 0.24) | color-basic-transparent-300color-basic-transparent-300(default) |
| color-control-focus-border | #c5cee0 | color-basic-500color-basic-500(default) |
| color-control-hover-border | #f7f9fc | color-control-hovercolor-basic-200color-basic-200(default) |
| color-control-default-border | #ffffff | color-control-defaultcolor-basic-100color-basic-100(default) |
| color-control-active-border | #edf1f7 | color-control-activecolor-basic-300color-basic-300(default) |
| color-control-disabled-border | rgba(143, 155, 179, 0.24) | color-control-disabledcolor-basic-transparent-300color-basic-transparent-300(default) |
| color-control-transparent-focus | rgba(255, 255, 255, 0.24) | color-basic-control-transparent-300color-basic-control-transparent-300(default) |
| color-control-transparent-hover | rgba(255, 255, 255, 0.16) | color-basic-control-transparent-200color-basic-control-transparent-200(default) |
| color-control-transparent-default | rgba(255, 255, 255, 0.08) | color-basic-control-transparent-100color-basic-control-transparent-100(default) |
| color-control-transparent-active | rgba(255, 255, 255, 0.24) | color-basic-control-transparent-300color-basic-control-transparent-300(default) |
| color-control-transparent-disabled | rgba(143, 155, 179, 0.16) | color-basic-transparent-200color-basic-transparent-200(default) |
| color-control-transparent-focus-border | #ffffff | color-basic-100color-basic-100(default) |
| color-control-transparent-hover-border | #ffffff | color-basic-100color-basic-100(default) |
| color-control-transparent-default-border | #ffffff | color-basic-100color-basic-100(default) |
| color-control-transparent-active-border | #ffffff | color-basic-100color-basic-100(default) |
| color-control-transparent-disabled-border | rgba(143, 155, 179, 0.24) | color-basic-transparent-300color-basic-transparent-300(default) |
| background-basic-color-1 | #222b45 | color-basic-800color-basic-800(default) |
| background-basic-color-2 | #192038 | color-basic-900color-basic-900(default) |
| background-basic-color-3 | #151a30 | color-basic-1000color-basic-1000(default) |
| background-basic-color-4 | #101426 | color-basic-1100color-basic-1100(default) |
| border-basic-color-1 | #222b45 | color-basic-800color-basic-800(default) |
| border-basic-color-2 | #192038 | color-basic-900color-basic-900(default) |
| border-basic-color-3 | #151a30 | color-basic-1000color-basic-1000(default) |
| border-basic-color-4 | #101426 | color-basic-1100color-basic-1100(default) |
| border-basic-color-5 | #101426 | color-basic-1100color-basic-1100(default) |
| background-alternative-color-1 | #ffffff | color-basic-100color-basic-100(default) |
| background-alternative-color-2 | #f7f9fc | color-basic-200color-basic-200(default) |
| background-alternative-color-3 | #edf1f7 | color-basic-300color-basic-300(default) |
| background-alternative-color-4 | #e4e9f2 | color-basic-400color-basic-400(default) |
| border-alternative-color-1 | #ffffff | color-basic-100color-basic-100(default) |
| border-alternative-color-2 | #f7f9fc | color-basic-200color-basic-200(default) |
| border-alternative-color-3 | #edf1f7 | color-basic-300color-basic-300(default) |
| border-alternative-color-4 | #e4e9f2 | color-basic-400color-basic-400(default) |
| border-alternative-color-5 | #c5cee0 | color-basic-500color-basic-500(default) |
| background-primary-color-1 | #3366ff | color-primary-500color-primary-500(default) |
| background-primary-color-2 | #274bdb | color-primary-600color-primary-600(default) |
| background-primary-color-3 | #1a34b8 | color-primary-700color-primary-700(default) |
| background-primary-color-4 | #102694 | color-primary-800color-primary-800(default) |
| border-primary-color-1 | #c5cee0 | color-basic-500color-basic-500(default) |
| border-primary-color-2 | #8f9bb3 | color-basic-600color-basic-600(default) |
| border-primary-color-3 | #2e3a59 | color-basic-700color-basic-700(default) |
| border-primary-color-4 | #222b45 | color-basic-800color-basic-800(default) |
| border-primary-color-5 | #192038 | color-basic-900color-basic-900(default) |
| text-basic-color | #ffffff | color-basic-100color-basic-100(default) |
| text-alternate-color | #192038 | color-basic-900color-basic-900(default) |
| text-control-color | #ffffff | color-basic-100color-basic-100(default) |
| text-disabled-color | rgba(143, 155, 179, 0.48) | color-basic-transparent-600color-basic-transparent-600(default) |
| text-hint-color | #8f9bb3 | color-basic-600color-basic-600(default) |
| text-primary-color | #3366ff | color-primary-defaultcolor-primary-500color-primary-500(default) |
| text-primary-focus-color | #274bdb | color-primary-focuscolor-primary-600color-primary-600(default) |
| text-primary-hover-color | #598bff | color-primary-hovercolor-primary-400color-primary-400(default) |
| text-primary-active-color | #274bdb | color-primary-activecolor-primary-600color-primary-600(default) |
| text-primary-disabled-color | #598bff | color-primary-400color-primary-400(default) |
| text-success-color | #00d68f | color-success-defaultcolor-success-500color-success-500(default) |
| text-success-focus-color | #00b887 | color-success-focuscolor-success-600color-success-600(default) |
| text-success-hover-color | #2ce69b | color-success-hovercolor-success-400color-success-400(default) |
| text-success-active-color | #00b887 | color-success-activecolor-success-600color-success-600(default) |
| text-success-disabled-color | #2ce69b | color-success-400color-success-400(default) |
| text-info-color | #0095ff | color-info-defaultcolor-info-500color-info-500(default) |
| text-info-focus-color | #006fd6 | color-info-focuscolor-info-600color-info-600(default) |
| text-info-hover-color | #42aaff | color-info-hovercolor-info-400color-info-400(default) |
| text-info-active-color | #006fd6 | color-info-activecolor-info-600color-info-600(default) |
| text-info-disabled-color | #42aaff | color-info-400color-info-400(default) |
| text-warning-color | #ffaa00 | color-warning-defaultcolor-warning-500color-warning-500(default) |
| text-warning-focus-color | #db8b00 | color-warning-focuscolor-warning-600color-warning-600(default) |
| text-warning-hover-color | #ffc94d | color-warning-hovercolor-warning-400color-warning-400(default) |
| text-warning-active-color | #db8b00 | color-warning-activecolor-warning-600color-warning-600(default) |
| text-warning-disabled-color | #ffc94d | color-warning-400color-warning-400(default) |
| text-danger-color | #ff3d71 | color-danger-defaultcolor-danger-500color-danger-500(default) |
| text-danger-focus-color | #db2c66 | color-danger-focuscolor-danger-600color-danger-600(default) |
| text-danger-hover-color | #ff708d | color-danger-hovercolor-danger-400color-danger-400(default) |
| text-danger-active-color | #db2c66 | color-danger-activecolor-danger-600color-danger-600(default) |
| text-danger-disabled-color | #ff708d | color-danger-400color-danger-400(default) |
| font-family-primary | Open Sans, sans-serif | font-family-primary(default) |
| font-family-secondary | Open Sans, sans-serif | font-family-primaryfont-family-primary(default) |
| text-heading-1-font-family | Open Sans, sans-serif | font-family-secondaryfont-family-primaryfont-family-primary(default) |
| text-heading-1-font-size | 2.25rem | text-heading-1-font-size(default) |
| text-heading-1-font-weight | 700 | text-heading-1-font-weight(default) |
| text-heading-1-line-height | 3rem | text-heading-1-line-height(default) |
| text-heading-2-font-family | Open Sans, sans-serif | font-family-secondaryfont-family-primaryfont-family-primary(default) |
| text-heading-2-font-size | 2rem | text-heading-2-font-size(default) |
| text-heading-2-font-weight | 700 | text-heading-2-font-weight(default) |
| text-heading-2-line-height | 2.5rem | text-heading-2-line-height(default) |
| text-heading-3-font-family | Open Sans, sans-serif | font-family-secondaryfont-family-primaryfont-family-primary(default) |
| text-heading-3-font-size | 1.875rem | text-heading-3-font-size(default) |
| text-heading-3-font-weight | 700 | text-heading-3-font-weight(default) |
| text-heading-3-line-height | 2.5rem | text-heading-3-line-height(default) |
| text-heading-4-font-family | Open Sans, sans-serif | font-family-secondaryfont-family-primaryfont-family-primary(default) |
| text-heading-4-font-size | 1.625rem | text-heading-4-font-size(default) |
| text-heading-4-font-weight | 700 | text-heading-4-font-weight(default) |
| text-heading-4-line-height | 2rem | text-heading-4-line-height(default) |
| text-heading-5-font-family | Open Sans, sans-serif | font-family-secondaryfont-family-primaryfont-family-primary(default) |
| text-heading-5-font-size | 1.375rem | text-heading-5-font-size(default) |
| text-heading-5-font-weight | 700 | text-heading-5-font-weight(default) |
| text-heading-5-line-height | 2rem | text-heading-5-line-height(default) |
| text-heading-6-font-family | Open Sans, sans-serif | font-family-secondaryfont-family-primaryfont-family-primary(default) |
| text-heading-6-font-size | 1.125rem | text-heading-6-font-size(default) |
| text-heading-6-font-weight | 700 | text-heading-6-font-weight(default) |
| text-heading-6-line-height | 1.5rem | text-heading-6-line-height(default) |
| text-subtitle-font-family | Open Sans, sans-serif | font-family-primaryfont-family-primary(default) |
| text-subtitle-font-size | 0.9375rem | text-subtitle-font-size(default) |
| text-subtitle-font-weight | 600 | text-subtitle-font-weight(default) |
| text-subtitle-line-height | 1.5rem | text-subtitle-line-height(default) |
| text-subtitle-2-font-family | Open Sans, sans-serif | font-family-primaryfont-family-primary(default) |
| text-subtitle-2-font-size | 0.8125rem | text-subtitle-2-font-size(default) |
| text-subtitle-2-font-weight | 600 | text-subtitle-2-font-weight(default) |
| text-subtitle-2-line-height | 1.5rem | text-subtitle-2-line-height(default) |
| text-paragraph-font-family | Open Sans, sans-serif | font-family-primaryfont-family-primary(default) |
| text-paragraph-font-size | 0.9375rem | text-paragraph-font-size(default) |
| text-paragraph-font-weight | 400 | text-paragraph-font-weight(default) |
| text-paragraph-line-height | 1.25rem | text-paragraph-line-height(default) |
| text-paragraph-2-font-family | Open Sans, sans-serif | font-family-primaryfont-family-primary(default) |
| text-paragraph-2-font-size | 0.8125rem | text-paragraph-2-font-size(default) |
| text-paragraph-2-font-weight | 400 | text-paragraph-2-font-weight(default) |
| text-paragraph-2-line-height | 1.125rem | text-paragraph-2-line-height(default) |
| text-label-font-family | Open Sans, sans-serif | font-family-primaryfont-family-primary(default) |
| text-label-font-size | 0.75rem | text-label-font-size(default) |
| text-label-font-weight | 700 | text-label-font-weight(default) |
| text-label-line-height | 1rem | text-label-line-height(default) |
| text-caption-font-family | Open Sans, sans-serif | font-family-primaryfont-family-primary(default) |
| text-caption-font-size | 0.75rem | text-caption-font-size(default) |
| text-caption-font-weight | 400 | text-caption-font-weight(default) |
| text-caption-line-height | 1rem | text-caption-line-height(default) |
| text-caption-2-font-family | Open Sans, sans-serif | font-family-primaryfont-family-primary(default) |
| text-caption-2-font-size | 0.75rem | text-caption-2-font-size(default) |
| text-caption-2-font-weight | 600 | text-caption-2-font-weight(default) |
| text-caption-2-line-height | 1rem | text-caption-2-line-height(default) |
| text-button-font-family | Open Sans, sans-serif | font-family-primaryfont-family-primary(default) |
| text-button-font-weight | 700 | text-button-font-weight(default) |
| text-button-tiny-font-size | 0.625rem | text-button-tiny-font-size(default) |
| text-button-tiny-line-height | 0.75rem | text-button-tiny-line-height(default) |
| text-button-small-font-size | 0.75rem | text-button-small-font-size(default) |
| text-button-small-line-height | 1rem | text-button-small-line-height(default) |
| text-button-medium-font-size | 0.875rem | text-button-medium-font-size(default) |
| text-button-medium-line-height | 1rem | text-button-medium-line-height(default) |
| text-button-large-font-size | 1rem | text-button-large-font-size(default) |
| text-button-large-line-height | 1.25rem | text-button-large-line-height(default) |
| text-button-giant-font-size | 1.125rem | text-button-giant-font-size(default) |
| text-button-giant-line-height | 1.5rem | text-button-giant-line-height(default) |
| border-radius | 0.25rem | border-radius(default) |
| outline-width | 0.375rem | outline-width(default) |
| outline-color | #2e3a59 | color-basic-700color-basic-700(default) |
| scrollbar-color | #101426 | background-basic-color-4color-basic-1100color-basic-1100(default) |
| scrollbar-background-color | #192038 | background-basic-color-2color-basic-900color-basic-900(default) |
| scrollbar-width | 0.3125rem | scrollbar-width(default) |
| shadow | 0 0.5rem 1rem 0 #1a1f33 | |
| divider-color | #151a30 | border-basic-color-3color-basic-1000color-basic-1000(default) |
| divider-style | solid | divider-style(default) |
| divider-width | 1px | divider-width(default) |