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