2024-07-07 01:58:23 +08:00
|
|
|
/* color palette from <https://github.com/vuejs/theme> */
|
|
|
|
|
:root {
|
2024-08-25 10:33:48 +08:00
|
|
|
--main-900: #003A51;
|
|
|
|
|
--main-800: #004F69;
|
|
|
|
|
--main-700: #00637F;
|
|
|
|
|
--main-600: #1B7796;
|
|
|
|
|
--main-500: #2C86A8;
|
|
|
|
|
--main-400: #4e99b9;
|
|
|
|
|
--main-300: #6AADCB;
|
|
|
|
|
--main-200: #8CC6E1;
|
|
|
|
|
--main-100: #ABE0F7;
|
|
|
|
|
--main-50: #CDF5FF;
|
|
|
|
|
|
2024-07-16 18:14:27 +08:00
|
|
|
--c-white: #ffffff;
|
|
|
|
|
--c-white-soft: #f8f8f8;
|
|
|
|
|
--c-white-mute: #f2f2f2;
|
2024-07-07 01:58:23 +08:00
|
|
|
|
2024-07-29 01:00:02 +08:00
|
|
|
--c-black: #202428;
|
2024-07-16 18:14:27 +08:00
|
|
|
--c-black-soft: #222222;
|
|
|
|
|
--c-black-mute: #282828;
|
2024-07-07 01:58:23 +08:00
|
|
|
|
2024-07-25 20:30:28 +08:00
|
|
|
--c-black-light-1: #333333;
|
|
|
|
|
--c-black-light-2: #454545;
|
|
|
|
|
--c-black-light-3: #666666;
|
|
|
|
|
--c-black-light-4: #999999;
|
2024-07-07 01:58:23 +08:00
|
|
|
|
2024-08-25 10:33:48 +08:00
|
|
|
--c-text-light-1: var(--c-black);
|
|
|
|
|
--c-text-dark-1: #0D0D0D;
|
2024-07-31 20:22:05 +08:00
|
|
|
--c-text-dark-2: #b8b8b8;
|
2024-07-29 01:00:02 +08:00
|
|
|
--color-text: var(--c-black);
|
2024-07-07 01:58:23 +08:00
|
|
|
|
2024-08-25 10:33:48 +08:00
|
|
|
--main-color: var(--main-700);
|
2024-07-14 16:42:38 +08:00
|
|
|
--main-color-dark: #004d5c;
|
2024-08-25 10:33:48 +08:00
|
|
|
--main-light-1: #0076AB;
|
|
|
|
|
--main-light-2: #DAEAED;
|
|
|
|
|
--main-light-3: #EDF0F1;
|
|
|
|
|
--main-light-4: #F2F5F5;
|
2024-07-29 01:00:02 +08:00
|
|
|
--main-light-5: #F7FAFB;
|
|
|
|
|
--main-light-6: #FAFDFD;
|
2024-07-14 16:42:38 +08:00
|
|
|
--min-width: 400px;
|
2024-07-16 18:14:27 +08:00
|
|
|
--error-color: #f50a0d;
|
2024-07-07 01:58:23 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
*,
|
|
|
|
|
*::before,
|
|
|
|
|
*::after {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
margin: 0;
|
|
|
|
|
position: relative;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
display: flow-root;
|
|
|
|
|
min-height: 100vh;
|
|
|
|
|
color: var(--color-text);
|
|
|
|
|
line-height: 1.6;
|
|
|
|
|
font-family: 'HarmonyOS Sans SC', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
|
|
|
|
|
Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
|
}
|