125 lines
3.3 KiB
CSS
125 lines
3.3 KiB
CSS
:root {
|
||
/* Cottagecore（田园核风）· 奶油底 + 暖棕字，去掉深蓝冷调 */
|
||
--login-bg-color: #f3ece0;
|
||
|
||
/* left menu start */
|
||
--left-menu-max-width: 200px;
|
||
|
||
--left-menu-min-width: 64px;
|
||
|
||
--left-menu-bg-color: #faf6f0;
|
||
|
||
--left-menu-bg-light-color: #f6efe3;
|
||
|
||
--left-menu-bg-active-color: rgba(154, 92, 53, 0.16);
|
||
|
||
--left-menu-text-color: #5f4f3d;
|
||
|
||
--left-menu-text-active-color: #9a5c35;
|
||
|
||
--left-menu-collapse-bg-active-color: rgba(154, 92, 53, 0.16);
|
||
/* left menu end */
|
||
|
||
/* logo start */
|
||
--logo-height: 50px;
|
||
|
||
--logo-title-text-color: #4f4130;
|
||
/* logo end */
|
||
|
||
/* header start
|
||
注意：原文件这几个值是带引号的字符串（'#fff' / 'inherit'），引号会被当成值的一部分，
|
||
已去掉。 */
|
||
--top-header-bg-color: #faf6f0;
|
||
|
||
--top-header-text-color: inherit;
|
||
|
||
--top-header-hover-color: #f6efe3;
|
||
|
||
--top-tool-height: var(--logo-height);
|
||
|
||
--top-tool-p-x: 0;
|
||
|
||
--tags-view-height: 35px;
|
||
/* header start */
|
||
|
||
/* tab menu start */
|
||
--tab-menu-max-width: 80px;
|
||
|
||
--tab-menu-min-width: 30px;
|
||
|
||
--tab-menu-collapse-height: 36px;
|
||
/* tab menu end */
|
||
|
||
--app-content-padding: 20px;
|
||
|
||
--app-content-bg-color: #f3ece0;
|
||
|
||
--app-footer-height: 50px;
|
||
|
||
--transition-time-02: 0.2s;
|
||
}
|
||
|
||
/* ==========================================================================
|
||
Element Plus 设计令牌 · Cottagecore
|
||
用 html:root:not(.dark) 把特异性抬到 (0,2,1)：
|
||
1) 确保压得住后加载的 element-plus 默认 :root；
|
||
2) 只在浅色模式生效，`.dark` 下交还给 element-plus 的 dark/css-vars，
|
||
否则暗色模式会出现「奶油底 + 浅色字」不可读。
|
||
========================================================================== */
|
||
html:root:not(.dark) {
|
||
--el-color-primary: #9a5c35; /* 陶土棕 · 白字 5.31:1 */
|
||
--el-color-success: #457450; /* 草绿 */
|
||
--el-color-warning: #8f6418; /* 深雏菊金 */
|
||
--el-color-danger: #a4485a; /* 莓红 */
|
||
--el-color-info: #6b6152; /* 暖褐灰 */
|
||
|
||
--el-text-color-primary: #4f4130;
|
||
--el-text-color-regular: #5f4f3d;
|
||
--el-text-color-secondary: #7a664e;
|
||
--el-text-color-placeholder: #9a886e;
|
||
--el-text-color-disabled: #9a886e;
|
||
|
||
--el-border-color: #d8c3b0;
|
||
--el-border-color-light: #e2d3c2;
|
||
--el-border-color-lighter: #eadfd0;
|
||
--el-border-color-extra-light: #f0e8dc;
|
||
--el-border-color-hover: #c08a8a;
|
||
|
||
--el-fill-color: #f6efe3;
|
||
--el-fill-color-light: #f6efe3;
|
||
--el-fill-color-lighter: #fbf5ea;
|
||
--el-fill-color-blank: #faf6f0;
|
||
--el-bg-color: #faf6f0;
|
||
--el-bg-color-page: #f3ece0;
|
||
--el-bg-color-overlay: #fffdfa;
|
||
|
||
--el-border-radius-base: 12px;
|
||
--el-border-radius-small: 10px;
|
||
--el-border-radius-round: 999px;
|
||
|
||
--el-box-shadow-light: 0 2px 10px rgba(139, 115, 85, 0.12);
|
||
--el-box-shadow: 0 6px 18px rgba(139, 115, 85, 0.13);
|
||
--el-box-shadow-dark: 0 12px 32px rgba(139, 115, 85, 0.17);
|
||
}
|
||
|
||
/* 标题类走衬线（只在大号字上），正文/表单/表格保持无衬线，
|
||
理由同 ruoyi-ui：13px 宋体在密集表格里可读性会掉。 */
|
||
.el-dialog__title,
|
||
.el-message-box__title,
|
||
.el-drawer__title {
|
||
font-family: 'Songti SC', 'Source Han Serif SC', 'Noto Serif SC', STSong, SimSun, Georgia, 'Times New Roman', serif;
|
||
letter-spacing: 0.2px;
|
||
}
|
||
|
||
.dark {
|
||
--app-content-bg-color: var(--el-bg-color);
|
||
}
|
||
|
||
*,
|
||
:after,
|
||
:before {
|
||
margin: 0;
|
||
padding: 0;
|
||
box-sizing: border-box;
|
||
}
|