_variables.scss 960 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. /* Variables */
  2. // Base color
  3. $blue: #324157;
  4. $light-blue: #3A71A8;
  5. $red: #C03639;
  6. $pink: #E65D6E;
  7. $green: #30B08F;
  8. $tiffany: #4AB7BD;
  9. $yellow: #FEC171;
  10. $panGreen: #30B08F;
  11. // Sidebar
  12. $sideBarWidth: 300px;
  13. $subMenuBg: #1f2d3d;
  14. $subMenuHover: #001528;
  15. $subMenuActiveText: #f4f4f5;
  16. $menuBg: #fff;
  17. $menuText: #162B64;
  18. $menuActiveText: #435EBE; // Also see settings.sidebarTextTheme
  19. // Login page
  20. $lightGray: #eee;
  21. $darkGray: #889aa4;
  22. $loginBg: #2d3a4b;
  23. $loginCursorColor: #fff;
  24. $elActiveColor: #CE9F27;
  25. $elCircle: rgba(226, 208, 160, 1);
  26. $elBg: #F5F5F5;
  27. $elActive4: rgba(206, 159, 39, 0.4);
  28. $elActiveText: #fff;
  29. $elDeleteColor: #E5574F;
  30. $bg: '/sgipad/images/page-officehome/officehome.jpg';
  31. $headerHeight: 48px;
  32. $headerHeightPading: 58px;
  33. // The :export directive is the magic sauce for webpack
  34. // https://mattferderer.com/use-sass-variables-in-typescript-and-javascript
  35. :export {
  36. menuBg: $menuBg;
  37. menuText: $menuText;
  38. menuActiveText: $menuActiveText;
  39. }