theme.scss 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. /*
  2. 样式规范表
  3. */
  4. $min-width:1200px; //容器安全区域宽度
  5. $min-home-width:1210px; //首页容器安全区域宽度
  6. // 常规字体大小设置
  7. $fontA: 28px; //用于特殊标题文字
  8. $fontB: 24px; //用于引导性标题,特殊二级标题文字
  9. $fontC: 18px; //用于一级标题;常规标题文字
  10. $fontD: 16px; //用于侧导航二级标题,商品列表,商品名称、等
  11. $fontE: 14px; //用于常规文字,文章内容等
  12. $fontF: 12px; //用于次要文字,辅助性文字
  13. // 常规配色设置
  14. $colorMain: #00985e!default; //主色、文字选中、搜索
  15. $colorMain2: #00985e !default; //主色、文字选中、搜索
  16. $colorSkeleton: #eee; //骨架屏颜色
  17. $colorTitle1: #333 !default; //标题、一级标题、一级内容
  18. $colorTitle2: #666 !default; //二级标题、二级内容
  19. $colorC: #E8F2FF !default; //主色,背景色
  20. $colorD: #FFA200 !default; //提示消息、鼠标悬停等
  21. $colorE: #EE1147 !default; //商品价格
  22. $colorF: #333333 !default; //标题、一级标题颜色
  23. $colorG: #666666 !default; //二级标题、列表文字
  24. $colorH: #999999 !default; //文章文字、辅助性文字
  25. $colorI: #EEEEEE !default; //分割线
  26. $colorJ: #F5F5F5 !default; //弹框标题背景色
  27. $colorK: #F8F8F8 !default; //辅色,背景色
  28. $colorHover: #1ba66c!default; //主色、文字选中、搜索
  29. ////element-plus 主题色修改
  30. //$--color-primary: #ec2116;/* 改变主题色变量 */
  31. //
  32. ///* 改变 icon 字体路径变量,必需 */
  33. //$--font-path: '~element-plus/lib/theme-chalk/fonts';
  34. //
  35. //@use "~element-plus/packages/theme-chalk/src/index" as *;
  36. .self_background{
  37. background: #f1f1f1;
  38. }