mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-04 04:59:17 +08:00
3ac4097dc4
* style: button主题适配 (#5780) * feat: button增加font-weight (#5781) * feat: button增加font-weight * fix: button-fix * fix: button-fix Co-authored-by: hongyang03 <hongyang03@baidu.com> * style: font * feat: input输入框变量样式&切换图标方案 (#5847) * feat: input输入框变量样式&切换图标方案 * fix: 去掉多余代码 * fix: 去掉多余代码 Co-authored-by: hongyang03 <hongyang03@baidu.com> * style: input外观 * fix: 修复选择图标没选中 (#5858) * fix: 修复选择图标没选中 * fix: 代码格式 Co-authored-by: hongyang03 <hongyang03@baidu.com> * style: link组件 * style: form * inputNumber输入输入框 组件css变量 (#5874) * inputNumber输入输入框 组件css变量 * inputNumber组件 兼容变量 * inputNumber组件 css变量文件迁移 * inputNumber组件 删除变量 * 去除无用变量 Co-authored-by: xujiahao01 <xujiahao01@baidu.com> * style: form * style: form * InputNumber组件 变量修改 (#5879) * inputNumber输入输入框 组件css变量 * inputNumber组件 兼容变量 * inputNumber组件 css变量文件迁移 * inputNumber组件 删除变量 * 去除无用变量 * InputNumber组件 变量修改 Co-authored-by: xujiahao01 <xujiahao01@baidu.com> * style: form * style: input * inputNumber组件 加强版分别配置 (#5887) Co-authored-by: xujiahao01 <xujiahao01@baidu.com> * style: input-range * inputNumber组件 加强版图标 (#5888) * inputNumber组件 加强版分别配置 * inputNumber组件 加强版图标 * 修改图标变量 Co-authored-by: xujiahao01 <xujiahao01@baidu.com> * style: rating * checkbox组件变量 (#5902) * inputNumber组件 加强版分别配置 * inputNumber组件 加强版图标 * 修改图标变量 * checkbox组件变量 * 修改checkbox-size * 修改checkbox-size变量 * 优化 * 优化 Co-authored-by: xujiahao01 <xujiahao01@baidu.com> * checkbox边框 背景分别配置变量 (#5904) * inputNumber组件 加强版分别配置 * inputNumber组件 加强版图标 * 修改图标变量 * checkbox组件变量 * 修改checkbox-size * 修改checkbox-size变量 * 优化 * 优化 * checkbox边框 背景分别配置变量 Co-authored-by: xujiahao01 <xujiahao01@baidu.com> * listSelect组件变量 (#5917) * listSelect组件变量 * 优化 Co-authored-by: xujiahao01 <xujiahao01@baidu.com> * feat: radio&switch样式变量适配 (#5924) * feat: radio&switch样式变量适配 * fix:修复变量 * fix: 变量修复 * fix: 变量修复 Co-authored-by: hongyang03 <hongyang03@baidu.com> * style: 兼容style * feat: Collapse变量适配 (#5934) Co-authored-by: hongyang03 <hongyang03@baidu.com> * 组件自定义变量补充 (#5947) Co-authored-by: xujiahao01 <xujiahao01@baidu.com> * inputNumber加强版背景覆盖普通版 (#5951) * 组件自定义变量补充 * inputNumber加强版背景覆盖普通版 Co-authored-by: xujiahao01 <xujiahao01@baidu.com> * pref: 已修改组件变量迁移到components (#5952) * pref: 将变量冲properties迁移到components * pref: 已修改组件变量迁移到components Co-authored-by: hongyang03 <hongyang03@baidu.com> * pref: 优化变量位置 (#5953) Co-authored-by: hongyang03 <hongyang03@baidu.com> * theme: 面板\分割线\选项卡 * theme: 选项卡 * theme: link * feat: inputFile&inputImage组件变量 (#5982) Co-authored-by: hongyang03 <hongyang03@baidu.com> * fix: 图标选择修复和兼容处理 (#5984) Co-authored-by: hongyang03 <hongyang03@baidu.com> * theme: bugfix * theme: bugfix * fix: 去掉input的size&修复collapse样式 (#5985) Co-authored-by: hongyang03 <hongyang03@baidu.com> * theme: 样式调整 * theme: 样式调整 * pref: 折叠器样式变量修改 (#5991) Co-authored-by: hongyang03 <hongyang03@baidu.com> * theme: 样式调整 * theme: 样式调整 * theme: 样式调整 * theme: 样式调整 * styles: 主题变量bugfix * checkbox&number组件变量修复 (#6019) Co-authored-by: xujiahao01 <xujiahao01@baidu.com> * fix: 输入框图标样式修复 (#6021) Co-authored-by: hongyang03 <hongyang03@baidu.com> * 回滚注释 * 更新快照 * fix: 修复评分组件报错问题 Co-authored-by: HongYang <33488114+hy993658052@users.noreply.github.com> Co-authored-by: hongyang03 <hongyang03@baidu.com> Co-authored-by: 徐佳豪 <1440054388@qq.com> Co-authored-by: xujiahao01 <xujiahao01@baidu.com>
231 lines
6.9 KiB
SCSS
231 lines
6.9 KiB
SCSS
@import '../functions';
|
|
|
|
// dark 主题
|
|
// 参考： https://developer.apple.com/design/human-interface-guidelines/macos/visual-design/color/
|
|
|
|
$ns: 'dark-';
|
|
|
|
:root {
|
|
--colors-neutral-fill-none: translate;
|
|
--colors-error-main: #dc3545;
|
|
--colors-error-1: #420312;
|
|
--colors-error-2: #69091c;
|
|
--colors-error-3: #8f1428;
|
|
--colors-error-4: #b52236;
|
|
--colors-error-5: #dc3545;
|
|
--colors-error-6: #ff6471;
|
|
--colors-error-7: #ff8b92;
|
|
--colors-error-8: #ffb1b5;
|
|
--colors-error-9: #ffd8da;
|
|
--colors-error-10: #ffe6e6;
|
|
--colors-warning-main: #ff9f0b;
|
|
--colors-warning-1: #663000;
|
|
--colors-warning-2: #8c4600;
|
|
--colors-warning-3: #b35f00;
|
|
--colors-warning-4: #d97b00;
|
|
--colors-warning-5: #ff9f0b;
|
|
--colors-warning-6: #ffb43b;
|
|
--colors-warning-7: #ffc96c;
|
|
--colors-warning-8: #ffdd9d;
|
|
--colors-warning-9: #ffefce;
|
|
--colors-warning-10: #fff7e6;
|
|
--colors-success-main: #32d74b;
|
|
--colors-success-1: #023d13;
|
|
--colors-success-2: #08631f;
|
|
--colors-success-3: #128a2c;
|
|
--colors-success-4: #20b03a;
|
|
--colors-success-5: #32d74b;
|
|
--colors-success-6: #57e36a;
|
|
--colors-success-7: #81f08e;
|
|
--colors-success-8: #affcb6;
|
|
--colors-success-9: #d8ffdb;
|
|
--colors-success-10: #e6ffe7;
|
|
--colors-link-main: #2296f3;
|
|
--colors-link-1: #002559;
|
|
--colors-link-2: #003980;
|
|
--colors-link-3: #0754a6;
|
|
--colors-link-4: #1272cc;
|
|
--colors-link-5: #2296f3;
|
|
--colors-link-6: #50b3ff;
|
|
--colors-link-7: #7bc8ff;
|
|
--colors-link-8: #a7dcff;
|
|
--colors-link-9: #d3eeff;
|
|
--colors-link-10: #e6f6ff;
|
|
--colors-info-main: #2296f3;
|
|
--colors-info-1: #002559;
|
|
--colors-info-2: #003980;
|
|
--colors-info-3: #0754a6;
|
|
--colors-info-4: #1272cc;
|
|
--colors-info-5: #2296f3;
|
|
--colors-info-6: #50b3ff;
|
|
--colors-info-7: #7bc8ff;
|
|
--colors-info-8: #a7dcff;
|
|
--colors-info-9: #d3eeff;
|
|
--colors-info-10: #e6f6ff;
|
|
--colors-other-main: #2468f2;
|
|
--colors-other-1: #001259;
|
|
--colors-other-2: #001e80;
|
|
--colors-other-3: #0832a6;
|
|
--colors-other-4: #144bcc;
|
|
--colors-other-5: #2468f2;
|
|
--colors-other-6: #528eff;
|
|
--colors-other-7: #7dadff;
|
|
--colors-other-8: #a8caff;
|
|
--colors-other-9: #d4e5ff;
|
|
--colors-other-10: #e6f0ff;
|
|
--colors-brand-1: #002566;
|
|
--colors-brand-2: #00388c;
|
|
--colors-brand-3: #004db3;
|
|
--colors-brand-4: #0065d9;
|
|
--colors-brand-5: #0983ff;
|
|
--colors-brand-6: #3ba0ff;
|
|
--colors-brand-7: #6cbaff;
|
|
--colors-brand-8: #9dd3ff;
|
|
--colors-brand-9: #ceeaff;
|
|
--colors-brand-10: #e6f4ff;
|
|
--colors-neutral-text-1: #070e14;
|
|
--colors-neutral-text-2: #f3f1f1;
|
|
--colors-neutral-text-3: #303840;
|
|
--colors-neutral-text-4: #6c6c6c;
|
|
--colors-neutral-text-5: #84888c;
|
|
--colors-neutral-text-6: #b8bbbf;
|
|
--colors-neutral-text-7: #d4d7d9;
|
|
--colors-neutral-text-8: #e8e9eb;
|
|
--colors-neutral-text-9: #f2f4f5;
|
|
--colors-neutral-text-10: #f7f9fa;
|
|
--colors-neutral-text-11: #ffffff;
|
|
--colors-neutral-fill-none: transparent;
|
|
--colors-neutral-fill-1: #070e14;
|
|
--colors-neutral-fill-2: #151e26;
|
|
--colors-neutral-fill-3: #303840;
|
|
--colors-neutral-fill-4: #5c6166;
|
|
--colors-neutral-fill-5: #84888c;
|
|
--colors-neutral-fill-6: #b8bbbf;
|
|
--colors-neutral-fill-7: #d4d7d9;
|
|
--colors-neutral-fill-8: #e8e9eb;
|
|
--colors-neutral-fill-9: #f2f4f5;
|
|
--colors-neutral-fill-10: #f7f9fa;
|
|
--colors-neutral-fill-11: #ffffff;
|
|
--colors-neutral-line-1: #070e14;
|
|
--colors-neutral-line-2: #151e26;
|
|
--colors-neutral-line-3: #303840;
|
|
--colors-neutral-line-4: #5c6166;
|
|
--colors-neutral-line-5: #84888c;
|
|
--colors-neutral-line-6: #b8bbbf;
|
|
--colors-neutral-line-7: #d4d7d9;
|
|
--colors-neutral-line-8: #e8e9eb;
|
|
--colors-neutral-line-9: #f2f4f5;
|
|
--colors-neutral-line-10: #f7f9fa;
|
|
--colors-neutral-line-11: #ffffff;
|
|
--fonts-base-family: -apple-system, BlinkMacSystemFont, SF Pro SC, SF Pro Text,
|
|
Helvetica Neue, Helvetica, PingFang SC, Segoe UI, Roboto, Hiragino Sans GB,
|
|
Arial, microsoft yahei ui, Microsoft YaHei, SimSun, sans-serif;
|
|
--fonts-size-1: 48px;
|
|
--fonts-size-2: 40px;
|
|
--fonts-size-3: 32px;
|
|
--fonts-size-4: 24px;
|
|
--fonts-size-5: 18px;
|
|
--fonts-size-6: 16px;
|
|
--fonts-size-7: 14px;
|
|
--fonts-size-8: 12px;
|
|
--fonts-size-9: 12px;
|
|
--fonts-weight-1: 900;
|
|
--fonts-weight-2: 800;
|
|
--fonts-weight-3: 700;
|
|
--fonts-weight-4: 600;
|
|
--fonts-weight-5: 500;
|
|
--fonts-weight-6: 400;
|
|
--fonts-weight-7: 300;
|
|
--fonts-weight-8: 200;
|
|
--fonts-weight-9: 100;
|
|
--fonts-lineHeight-1: 1.3;
|
|
--fonts-lineHeight-2: 1.5;
|
|
--fonts-lineHeight-3: 1.7;
|
|
--borders-style-1: none;
|
|
--borders-style-2: solid;
|
|
--borders-style-3: dashed;
|
|
--borders-style-4: dotted;
|
|
--borders-width-1: 0px;
|
|
--borders-width-2: 1px;
|
|
--borders-width-3: 2px;
|
|
--borders-width-4: 4px;
|
|
--borders-radius-1: 0px;
|
|
--borders-radius-2: 1px;
|
|
--borders-radius-3: 2px;
|
|
--borders-radius-4: 6px;
|
|
--borders-radius-5: 8px;
|
|
--borders-radius-6: 10px;
|
|
--borders-radius-7: 50%;
|
|
--sizes-size-0: 0rem;
|
|
--sizes-size-1: auto;
|
|
--sizes-size-2: 0.125rem;
|
|
--sizes-size-3: 0.25rem;
|
|
--sizes-size-4: 0.375rem;
|
|
--sizes-size-5: 0.5rem;
|
|
--sizes-size-6: 0.625rem;
|
|
--sizes-size-7: 0.75rem;
|
|
--sizes-size-8: 0.875rem;
|
|
--sizes-size-9: 1rem;
|
|
--sizes-base-1: 0.125rem;
|
|
--sizes-base-2: 0.25rem;
|
|
--sizes-base-3: 0.375rem;
|
|
--sizes-base-4: 0.5rem;
|
|
--sizes-base-5: 0.625rem;
|
|
--sizes-base-6: 0.75rem;
|
|
--sizes-base-7: 0.875rem;
|
|
--sizes-base-8: 1rem;
|
|
--sizes-base-9: 1.125rem;
|
|
--sizes-base-10: 1.25rem;
|
|
--sizes-base-11: 1.375rem;
|
|
--sizes-base-12: 1.5rem;
|
|
--sizes-base-13: 1.625rem;
|
|
--sizes-base-14: 1.75rem;
|
|
--sizes-base-15: 1.875rem;
|
|
--sizes-base-16: 2rem;
|
|
--sizes-base-17: 2.125rem;
|
|
--sizes-base-18: 2.25rem;
|
|
--sizes-base-19: 2.375rem;
|
|
--sizes-base-20: 2.5rem;
|
|
--sizes-base-21: 2.625rem;
|
|
--sizes-base-22: 2.75rem;
|
|
--sizes-base-23: 2.875rem;
|
|
--sizes-base-24: 3rem;
|
|
--sizes-base-25: 3.125rem;
|
|
--sizes-base-26: 3.25rem;
|
|
--sizes-base-27: 3.375rem;
|
|
--sizes-base-28: 3.5rem;
|
|
--sizes-base-29: 3.625rem;
|
|
--sizes-base-30: 3.75rem;
|
|
--sizes-base-31: 3.875rem;
|
|
--sizes-base-32: 4rem;
|
|
--sizes-base-33: 4.125rem;
|
|
--sizes-base-34: 4.25rem;
|
|
--sizes-base-35: 4.375rem;
|
|
--sizes-base-36: 4.5rem;
|
|
--sizes-base-37: 4.625rem;
|
|
--sizes-base-38: 4.75rem;
|
|
--sizes-base-39: 4.875rem;
|
|
--sizes-base-40: 5rem;
|
|
--sizes-base-41: 5.125rem;
|
|
--sizes-base-42: 5.25rem;
|
|
--sizes-base-43: 5.375rem;
|
|
--sizes-base-44: 5.5rem;
|
|
--sizes-base-45: 5.625rem;
|
|
--sizes-base-46: 5.75rem;
|
|
--sizes-base-47: 5.875rem;
|
|
--sizes-base-48: 6rem;
|
|
--sizes-base-49: 6.125rem;
|
|
--sizes-base-50: 6.25rem;
|
|
--shadows-shadow-none: 0px 0px 0px 0px transparent;
|
|
--shadows-shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
|
|
--shadows-shadow-normal: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
|
|
0px 1px 2px 0px rgba(0, 0, 0, 0.06);
|
|
--shadows-shadow-md: 0px 4px -1px 0px rgba(0, 0, 0, 0.1),
|
|
0px 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
--shadows-shadow-lg: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
|
|
0px 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
--shadows-shadow-xl: 0px 20px 25px -5px rgba(0, 0, 0, 0.1),
|
|
0px 10px 10px -5px rgba(0, 0, 0, 0.04);
|
|
--shadows-shadow-2xl: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
|
|
}
|