79 lines
2.3 KiB
CSS
79 lines
2.3 KiB
CSS
:root {
|
|
--color-G100: #FBFBFB;
|
|
--color-G150: #F6F6F8;
|
|
--color-G200: #F0F1F2;
|
|
--color-G300: #E6E6E8;
|
|
--color-G400: #D1D2D4;
|
|
--color-G500: #B3B4B5;
|
|
--color-G600: #9A9B9C;
|
|
--color-G700: #7E7E80;
|
|
--color-G800: #5B5B5C;
|
|
--color-G900: #2D2D2E;
|
|
--color-G1000: #000000;
|
|
--color-CG100: #F8F9FB;
|
|
--color-CG200: #F4F7F9;
|
|
--color-CG300: #E4E9F0;
|
|
--color-CG400: #CAD0D9;
|
|
--color-CG500: #9FA7B3;
|
|
--color-CG600: #707A87;
|
|
--color-CG700: #505A69;
|
|
--color-CG800: #3B4655;
|
|
--color-CG900: #252D3B;
|
|
--color-CG950: #151A26;
|
|
--color-DP100: #FDF4F6;
|
|
--color-DP200: #FAE5EC;
|
|
--color-DP300: #F4C7D5;
|
|
--color-DP400: #EA92AD;
|
|
--color-DP500: #E05E86;
|
|
--color-DP600: #B64C6D;
|
|
--color-DP700: #963F59;
|
|
--color-DP800: #652A3C;
|
|
--color-DP900: #3E1A25;
|
|
--color-DP950: #261017;
|
|
--color-B300: #AECCFC;
|
|
--color-B400: #6FA3F7;
|
|
--color-B500: #3B82F6;
|
|
--color-B600: #2562C4;
|
|
--color-R500: #F2050D;
|
|
--color-O500: #FF6C17;
|
|
--color-Y100: #FEF6E5;
|
|
--color-Y200: #FCE7BB;
|
|
--color-Y500: #F5AB0B;
|
|
--color-GN500: #0EB07B;
|
|
--color-linear100: linear-gradient(180deg, #FCFCFC 0%, #F8F9FB 100%);
|
|
--color-linear200: linear-gradient(180deg, #F8F9FA 0%, #F0F1F2 100%);
|
|
--color-primary: var(--color-B500);
|
|
--color-primary-hover: var(--color-B400);
|
|
--color-primary-active: var(--color-B600);
|
|
--color-primary-disable: var(--color-B300);
|
|
--color-danger: var(--color-R500);
|
|
--color-success: var(--color-GN500);
|
|
--color-tip: var(--color-Y500);
|
|
--color-warning: var(--color-O500);
|
|
--color-link: var(--color-B600);
|
|
--color-font: var(--color-G900);
|
|
--color-light: var(--color-CG600);
|
|
--color-lighter: var(--color-CG500);
|
|
--color-disabled: var(--color-CG500);
|
|
--color-border: var(--color-G300);
|
|
--color-border-light: var(--color-G200);
|
|
--color-button-border: var(--color-G400);
|
|
--color-button-border-hover: var(--color-B500);
|
|
--w-normal: 1440px;
|
|
--w-sm: 1100px;
|
|
--w-xs: 720px;
|
|
--spacing-normal: 32px;
|
|
--text-xs: 12px;
|
|
--text-sm: 14px;
|
|
--text-base: 16px;
|
|
--text-lg: 18px;
|
|
--text-xl: 20px;
|
|
--text-2xl: 22px;
|
|
--border-radius: 3px;
|
|
|
|
--gray-border-color: #E3E3EE;
|
|
--gray-bg-color: #e3e3ed;
|
|
--tab-active-bg: #F1F1F8;
|
|
--checkbox-border-color: #D1D1E0;
|
|
}
|