_variables.scss 1009 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  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: rgba(206, 159, 39, 0.4);
  25. $elDisabledColor: #c4c4c4;
  26. $elCircle: rgba(226, 208, 160, 1);
  27. $elBg: #f5f5f5;
  28. $elActive4: rgba(206, 159, 39, 0.4);
  29. $elActiveText: #fff;
  30. $elDeleteColor: #e5574f;
  31. $bg: "/tenantslink/images/page-officehome/officehome.jpg";
  32. $headerHeight: 48px;
  33. $headerHeightPading: 58px;
  34. // The :export directive is the magic sauce for webpack
  35. // https://mattferderer.com/use-sass-variables-in-typescript-and-javascript
  36. :export {
  37. menuBg: $menuBg;
  38. menuText: $menuText;
  39. menuActiveText: $menuActiveText;
  40. }