globals.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. $prefix: "ty" !default;
  2. // Color
  3. $primary-color: #002e5d !default;
  4. $white-color: #fff !default;
  5. $gray-100: #f6f9fc !default;
  6. $gray-200: #e9ecef !default;
  7. $gray-300: #dee2e6 !default;
  8. $gray-400: #ced4da !default;
  9. $gray-500: #adb5bd !default;
  10. $gray-600: #8898aa !default;
  11. $gray-700: #525f7f !default;
  12. $gray-800: #32325d !default;
  13. $gray-900: #212529 !default;
  14. $black-color: #000 !default;
  15. $red-color: #dc3545 !default;
  16. $orange-color: #fd7e14 !default;
  17. $yellow-color: #fadb14 !default;
  18. $green-color: #52c41a !default;
  19. $teal-color: #20c997 !default;
  20. $cyan-color: #17a2b8 !default;
  21. $blue-color: #0d6efd !default;
  22. $indigo-color: #6610f2 !default;
  23. $purple-color: #6f42c1 !default;
  24. $magenta-color: #eb2f96 !default;
  25. // @import "~tiny-ui/dist/styles/index.min.css";
  26. @import "~tiny-ui/components/style/index.scss";
  27. body {
  28. background: $gray-500;
  29. .ty-layout-header {
  30. height: auto;
  31. }
  32. .ty-layout-content {
  33. background-color: $gray-500;
  34. }
  35. .ty-layout-footer {
  36. background-color: $gray-500;
  37. }
  38. .ty-menu_dark {
  39. .ty-menu-item {
  40. color: $white-color;
  41. a {
  42. color: $white-color;
  43. }
  44. }
  45. }
  46. }