59 lines
2.0 KiB
CSS
59 lines
2.0 KiB
CSS
|
|
/* color palette from <https://github.com/vuejs/theme> */
|
|
/* https://material-foundation.github.io/material-theme-builder/ */
|
|
:root {
|
|
--main-1000: #01151f; /* 更深沉的深蓝黑 */
|
|
--main-900: #023944; /* 深海蓝 */
|
|
--main-800: #035065; /* 深蓝绿 */
|
|
--main-700: #046a82; /* 增加明度的蓝青色 */
|
|
--main-600: #24839a; /* 冷色调中略带灰 */
|
|
--main-500: #3996ae; /* 平衡且主色调友好 */
|
|
--main-400: #5faec2; /* 更加柔和的中亮蓝 */
|
|
--main-300: #82c3d6; /* 明亮通透，视觉清爽 */
|
|
--main-200: #a3d8e8; /* 比原先更清澈淡蓝 */
|
|
--main-100: #c4eaf5; /* 接近原色，但稍微柔和 */
|
|
--main-50: #e1f6fb; /* 极浅天蓝，适合背景过渡 */
|
|
--main-40: #eaf3f5; /* 淡灰蓝调 */
|
|
--main-30: #f2fbfd; /* 几近白的蓝调提示 */
|
|
--main-20: #f5f9fa; /* 比原配色更均匀些 */
|
|
--main-10: #fafcfd;
|
|
--main-5: #fcfefe;
|
|
--main-1: #fefefe;
|
|
--main-0: #ffffff;
|
|
|
|
|
|
--gray-10000: #000000; /* 保持纯黑 */
|
|
--gray-2000: #0d0d0d; /* 更精致的暗灰，用于极深背景 */
|
|
--gray-1000: #161616; /* 深灰黑，适用于主文本 */
|
|
--gray-900: #1f1f1f;
|
|
--gray-800: #333333; /* 标准深灰，适合背景 */
|
|
--gray-700: #4d4d4d;
|
|
--gray-600: #707070; /* 调和中灰，适合次要文本 */
|
|
--gray-500: #999999; /* 更柔和的中灰色 */
|
|
--gray-400: #bfbfbf;
|
|
--gray-300: #d9d9d9; /* 修正了原300/200重复 */
|
|
--gray-200: #e6e6e6; /* 稍微加深一点，便于分层 */
|
|
--gray-100: #f2f2f2;
|
|
--gray-50: #f7f7f7;
|
|
--gray-25: #fafafa;
|
|
--gray-10: #fcfcfc;
|
|
--gray-0: #ffffff;
|
|
|
|
--main-color: #016179;
|
|
/* 鲜艳一点的 */
|
|
--main-bright: #0188a6;
|
|
--secondry-color: #4e616d;
|
|
--error-color: #ba1a1a;
|
|
--color-primary: #1c7796;
|
|
--color-primary-bg: #d6eef1;
|
|
--color-success: #45b30e;
|
|
--color-error: #c73234;
|
|
--color-info: #0058d4;
|
|
|
|
|
|
--bg-sider: var(--main-5);
|
|
--color-text: var(--c-black);
|
|
|
|
--min-width: 400px;
|
|
}
|