_base-vars.scss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. :root {
  2. --colors-primary-fill: 255, 255, 255;
  3. --colors-primary-base-fill: 0, 200, 175;
  4. --colors-primary-base: rgb(var(--colors-primary-base-fill));
  5. --colors-primary-hover: #4DD8C7;
  6. // --colors-primary-hover: #008B7A;
  7. --colors-primary-active: #008B7A;
  8. --colors-primary-click: #005046;
  9. --colors-warn: #FA3F48;
  10. --colors-color: #999;
  11. --colors-border-color: rgba(var(--colors-primary-fill), 0.16);
  12. --colors-content-color: rgb(--colors-primary-fill);
  13. --colors-normal-back: rgba(var(--colors-primary-fill), 0.1);
  14. --colors-normal-base: rgba(var(--colors-primary-fill), 0.4);
  15. --colors-normal-hover: rgba(var(--colors-primary-fill), 1);
  16. --colors-normal-click: var(--colors-primary-click);
  17. --colors-normal-fill-back: var(--colors-normal-back);
  18. --colors-normal-fill-base: var(--colors-normal-base);
  19. --colors-normal-fill-hover: var(--colors-normal-hover);
  20. --colors-normal-fill-click: var(--colors-primary-click);
  21. --colors-error-fill: 250, 63, 72;
  22. --small-size: 12px;
  23. --medium-size: 14px;
  24. --big-size: 16px;
  25. // 正常
  26. --color-main-normal: var(--colors-primary-base);
  27. // 悬停
  28. --color-main-hover: var(--colors-primary-hover);
  29. // 点击
  30. --color-main-focus: var(--colors-primary-click);
  31. --editor-head-filter: blur(0px);
  32. --editor-head-height: 50px;
  33. --editor-head-back: rgba(20, 20, 20, 0.86);
  34. --editor-menu-filter: var(--editor-head-filter);
  35. --editor-menu-width: 80px;
  36. --editor-menu-left: 0px;
  37. --editor-menu-right: 0px;
  38. --editer-menu-fill: 27, 27, 28;
  39. --editor-menu-back: rgba(var(--editer-menu-fill), 0.8);
  40. --editor-menu-active-back: rgba(var(--colors-primary-fill), 0.06);
  41. --editor-menu-color: #999;
  42. --editor-menu-active: rgba(255,255,255,0.06);;
  43. --editor-toolbox-top: var(--editor-head-height);
  44. --editor-toolbox-left: calc(var(--editor-menu-left) + var(--editor-menu-width));
  45. --editor-toolbox-width: 340px;
  46. --editor-toolbox-back: var(--editor-menu-back);
  47. --editor-toolbox-padding: 20px;
  48. --editor-toolbar-height: 60px;
  49. }