Strona główna Odkrywaj Pomoc
Zarejestruj się Zaloguj się
smart-grp-nof
/
smart-grp-nof-web
Obserwuj 2
Polub 0
Forkuj 0
Files Problemy 0 Oczekujące zmiany 0 Wiki
Drzewo: ef6029c592
Gałęzie Tagi
smart-grp-no...
/
src
/
assets
/
style
/
theme
/
d2
/
setting.scss

setting.scss 2.7 KB
Historia Czysty

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 
  1. // 主题名称
    2. 

  2. $theme-name: 'd2';
    3. 

  3. // 主题背景颜色
    4. 

  4. $theme-bg-color: #ebf1f6;
    5. 

  5. // 主题背景图片遮罩
    6. 

  6. $theme-bg-mask: rgba(#000, 0);
    7. 

  7. 

  8. // 消息提示
    9. 

  9. $theme-message-info-background-color: $color-bg;
    10. 

  10. $theme-message-info-text-color: $color-text-normal;
    11. 

  11. $theme-message-info-border-color: $color-border-1;
    12. 

  12. 

  13. // container组件
    14. 

  14. $theme-container-background-color: rgba(#FFF, 1);
    15. 

  15. $theme-container-header-footer-background-color: #FFF;
    16. 

  16. $theme-container-border-inner: 1px solid #cfd7e5;
    17. 

  17. $theme-container-border-outer: 1px solid #cfd7e5;
    18. 

  18. 

  19. $theme-multiple-page-control-color: $color-text-normal;
    20. 

  20. $theme-multiple-page-control-color-active: #2f74ff;
    21. 

  21. $theme-multiple-page-control-nav-prev-color: #cfd7e5;
    22. 

  22. $theme-multiple-page-control-nav-next-color: #cfd7e5;
    23. 

  23. $theme-multiple-page-control-border-color: #cfd7e5;
    24. 

  24. $theme-multiple-page-control-border-color-active: #FFF;
    25. 

  25. $theme-multiple-page-control-background-color: rgba(#000, .03);
    26. 

  26. $theme-multiple-page-control-background-color-active: #FFF;
    27. 

  27. 

  28. // 顶栏和侧边栏中展开的菜单 hover 状态下
    29. 

  29. $theme-menu-item-color-hover: #293849;
    30. 

  30. $theme-menu-item-background-color-hover: #ecf5ff;
    31. 

  31. 

  32. // 顶栏上的文字颜色
    33. 

  33. $theme-header-item-color: $color-text-normal;
    34. 

  34. $theme-header-item-background-color: transparent;
    35. 

  35. // 顶栏上的项目在 hover 时
    36. 

  36. $theme-header-item-color-hover: #2f74ff;
    37. 

  37. $theme-header-item-color-hover: #fff; // 顶栏上的项目在 hover 字体颜色
    38. 

  38. $theme-header-item-background-color-hover: rgba(#FFF, .5);
    39. 

  39. $theme-header-item-background-color-hover: #346ebd ;  // 顶栏上的项目在 hover  背景色
    40. 

  40. // 顶栏上的项目在 focus 时
    41. 

  41. $theme-header-item-color-focus: #2f74ff;
    42. 

  42. $theme-header-item-background-color-focus: rgba(#FFF, .5);
    43. 

  43. // 顶栏上的项目在 active 时
    44. 

  44. $theme-header-item-color-active: #2f74ff;
    45. 

  45. $theme-header-item-background-color-active: rgba(#FFF, .5);
    46. 

  46. 

  47. // 侧边栏上的文字颜色
    48. 

  48. $theme-aside-item-color: $color-text-normal;
    49. 

  49. $theme-aside-item-background-color: transparent;
    50. 

  50. // 侧边栏上的项目在 hover 时
    51. 

  51. $theme-aside-item-color-hover: #2f74ff;
    52. 

  52. $theme-aside-item-background-color-hover: rgba(#FFF, .5);
    53. 

  53. // 侧边栏上的项目在 focus 时
    54. 

  54. $theme-aside-item-color-focus: #2f74ff;
    55. 

  55. $theme-aside-item-background-color-focus: rgba(#FFF, .5);
    56. 

  56. // 侧边栏上的项目在 active 时
    57. 

  57. $theme-aside-item-color-active: #2f74ff;
    58. 

  58. $theme-aside-item-background-color-active: rgba(#FFF, .5);
    59. 

  59. 

  60. // 侧边栏菜单为空的时候显示的元素
    61. 

  61. $theme-aside-menu-empty-icon-color: $color-text-normal;
    62. 

  62. $theme-aside-menu-empty-text-color: $color-text-normal;
    63. 

  63. $theme-aside-menu-empty-background-color: rgba(#000, .03);
    64. 

  64. $theme-aside-menu-empty-icon-color-hover: $color-text-main;
    65. 

  65. $theme-aside-menu-empty-text-color-hover: $color-text-main;
    66. 

  66. $theme-aside-menu-empty-background-color-hover: rgba(#000, .05);
    67.