_base-vars.scss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  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: #008B7A;
  6. --colors-primary-click: #005046;
  7. --colors-color: #999;
  8. --colors-border-color: rgba(var(--colors-primary-fill), 0.16);
  9. --colors-content-color: rgb(--colors-primary-fill);
  10. --colors-normal-back: rgba(var(--colors-primary-fill), 0.1);
  11. --colors-normal-base: rgba(var(--colors-primary-fill), 0.6);
  12. --colors-normal-hover: rgba(var(--colors-primary-fill), 1);
  13. --colors-normal-click: var(--colors-primary-click);
  14. --colors-normal-fill-back: var(--colors-normal-back);
  15. --colors-normal-fill-base: var(--colors-normal-base);
  16. --colors-normal-fill-hover: var(--colors-normal-hover);
  17. --colors-normal-fill-click: var(--colors-primary-click);
  18. --colors-error-fill: 250, 63, 72;
  19. --small-size: 12px;
  20. --medium-size: 14px;
  21. --big-size: 16px;
  22. // 正常
  23. --color-main-normal: var(--colors-primary-base);
  24. // 悬停
  25. --color-main-hover: var(--colors-primary-hover);
  26. // 点击
  27. --color-main-focus: var(--colors-primary-click);
  28. --editor-head-filter: blur(0px);
  29. --editor-head-height: 50px;
  30. --editor-head-back: rgba(20, 20, 20, 0.86);
  31. --editor-menu-filter: var(--editor-head-filter);
  32. --editor-menu-width: 80px;
  33. --editor-menu-left: 0px;
  34. --editor-menu-right: 0px;
  35. --editer-menu-fill: 27, 27, 28;
  36. --editor-menu-back: rgba(var(--editer-menu-fill), 0.8);
  37. --editor-menu-active-back: rgba(var(--colors-primary-fill), 0.06);
  38. --editor-men-color: #999;
  39. --editor-toolbox-width: 340px;
  40. --editor-toolbox-back: var(--editor-menu-back);
  41. }