setting.scss 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. // 主题名称
  2. $theme-name: 'tomorrow-night-blue';
  3. // 主题背景颜色
  4. $theme-bg-color: #002253;
  5. // 主题背景图片遮罩
  6. $theme-bg-mask: rgba(#000, 0);
  7. // 消息提示
  8. $theme-message-info-background-color: $color-bg;
  9. $theme-message-info-text-color: $color-text-normal;
  10. $theme-message-info-border-color: $color-border-1;
  11. // container组件
  12. $theme-container-background-color: rgba(#FFF, 1);
  13. $theme-container-header-footer-background-color: #FFF;
  14. $theme-container-border-inner: 1px solid $color-border-1;
  15. $theme-container-border-outer: 1px solid #002253;
  16. $theme-multiple-page-control-color: #FFF;
  17. $theme-multiple-page-control-color-active: $color-text-normal;
  18. $theme-multiple-page-control-nav-prev-color: #FFF;
  19. $theme-multiple-page-control-nav-next-color: #FFF;
  20. $theme-multiple-page-control-border-color: #002253;
  21. $theme-multiple-page-control-border-color-active: #FFF;
  22. $theme-multiple-page-control-background-color: rgba(#FFF, .2);
  23. $theme-multiple-page-control-background-color-active: #FFF;
  24. // 顶栏和侧边栏中展开的菜单 hover 状态下
  25. $theme-menu-item-color-hover: #293849;
  26. $theme-menu-item-background-color-hover: #ecf5ff;
  27. // 顶栏上的文字颜色
  28. $theme-header-item-color: #FF929A;
  29. $theme-header-item-background-color: transparent;
  30. // 顶栏上的项目在 hover 时
  31. $theme-header-item-color-hover: #FFEBA4;
  32. $theme-header-item-background-color-hover: rgba(#FFF, .05);
  33. // 顶栏上的项目在 focus 时
  34. $theme-header-item-color-focus: #FFB870;
  35. $theme-header-item-background-color-focus: rgba(#FFF, .05);
  36. // 顶栏上的项目在 active 时
  37. $theme-header-item-color-active: #FFB870;
  38. $theme-header-item-background-color-active: rgba(#FFF, .05);
  39. // 侧边栏上的文字颜色
  40. $theme-aside-item-color: #FF929A;
  41. $theme-aside-item-background-color: transparent;
  42. // 侧边栏上的项目在 hover 时
  43. $theme-aside-item-color-hover: #FFEBA4;
  44. $theme-aside-item-background-color-hover: rgba(#FFF, .05);
  45. // 侧边栏上的项目在 focus 时
  46. $theme-aside-item-color-focus: #FFB870;
  47. $theme-aside-item-background-color-focus: rgba(#FFF, .05);
  48. // 侧边栏上的项目在 active 时
  49. $theme-aside-item-color-active: #FFB870;
  50. $theme-aside-item-background-color-active: rgba(#FFF, .05);
  51. // 侧边栏菜单为空的时候显示的元素
  52. $theme-aside-menu-empty-icon-color: #FFB870;
  53. $theme-aside-menu-empty-text-color: #FFB870;
  54. $theme-aside-menu-empty-background-color: rgba(#FFF, .1);
  55. $theme-aside-menu-empty-icon-color-hover: #FFEBA4;
  56. $theme-aside-menu-empty-text-color-hover: #FFEBA4;
  57. $theme-aside-menu-empty-background-color-hover: rgba(#FFF, .2);