quasar.variables.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. // Quasar SCSS (& Sass) Variables
  2. // --------------------------------------------------
  3. // To customize the look and feel of this app, you can override
  4. // the Sass/SCSS variables found in Quasar's source Sass/SCSS files.
  5. // Check documentation for full list of Quasar variables
  6. // Your own variables (that are declared here) and Quasar's own
  7. // ones will be available out of the box in your .vue/.scss/.sass files
  8. // It's highly recommended to change the default colors
  9. // to match your app's branding.
  10. // Tip: Use the "Theme Builder" on Quasar's documentation website.
  11. $primary: #FF4A4A;
  12. $secondary: #FF5D2B;
  13. $accent: #9c27b0;
  14. $dark: #1d1d1d;
  15. $dark-page: #121212;
  16. $positive: #21ba45;
  17. $negative: #c10015;
  18. $info: #31ccec;
  19. $warning: #f2c037;
  20. // 全局字体设置
  21. $typography-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
  22. // 针对不同文本类型的字体设置
  23. $h1-font-family: $typography-font-family;
  24. $h2-font-family: $typography-font-family;
  25. $h3-font-family: $typography-font-family;
  26. $h4-font-family: $typography-font-family;
  27. $h5-font-family: $typography-font-family;
  28. $h6-font-family: $typography-font-family;
  29. $body-font-family: $typography-font-family;
  30. $caption-font-family: $typography-font-family;
  31. $overline-font-family: $typography-font-family;
  32. $subtitle1-font-family: $typography-font-family;
  33. $subtitle2-font-family: $typography-font-family;