mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
78 lines
2.0 KiB
SCSS
78 lines
2.0 KiB
SCSS
// Ionic Variables and Theming. For more info, please see:
|
|
// http://ionicframework.com/docs/theming/
|
|
|
|
// Font path is used to include roboto and noto sans fonts
|
|
$font-path: "../assets/fonts";
|
|
|
|
@import "ionic.globals";
|
|
|
|
|
|
// Shared Variables
|
|
// --------------------------------------------------
|
|
// To customize the look and feel of this app, you can override
|
|
// the Sass variables found in Ionic's source scss files.
|
|
// To view all the possible Ionic variables, see:
|
|
// http://ionicframework.com/docs/theming/overriding-ionic-variables/
|
|
|
|
|
|
// Named Color Variables
|
|
// --------------------------------------------------
|
|
// Named colors makes it easy to reuse colors on various components.
|
|
// It's highly recommended to change the default colors
|
|
// to match your app's branding. Ionic uses a Sass map of
|
|
// colors so you can add, rename and remove colors as needed.
|
|
// The "primary" color is the only required color in the map.
|
|
|
|
$colors: (
|
|
primary: #387ef5,
|
|
secondary: #32db64,
|
|
danger: #f53d3d,
|
|
light: #f4f4f4,
|
|
dark: #222,
|
|
vibrant: rebeccapurple,
|
|
bright: #ffc125,
|
|
greyYellow: (
|
|
base:#49606e,
|
|
contrast:#fbb636
|
|
),
|
|
greyWhite: (
|
|
base:#49606e,
|
|
contrast:#fff
|
|
)
|
|
);
|
|
|
|
|
|
// App iOS Variables
|
|
// --------------------------------------------------
|
|
// iOS only Sass variables can go here
|
|
|
|
|
|
|
|
// App Material Design Variables
|
|
// --------------------------------------------------
|
|
// Material Design only Sass variables can go here
|
|
|
|
|
|
// App Windows Variables
|
|
// --------------------------------------------------
|
|
// Windows only Sass variables can go here
|
|
|
|
|
|
|
|
// App Theme
|
|
// --------------------------------------------------
|
|
// Ionic apps can have different themes applied, which can
|
|
// then be future customized. This import comes last
|
|
// so that the above variables are used and Ionic's
|
|
// default are overridden.
|
|
|
|
@import "ionic.theme.default";
|
|
|
|
|
|
// Fonts
|
|
// --------------------------------------------------
|
|
// Roboto font is used by default for Material Design. Noto sans
|
|
// is used by default for Windows.
|
|
|
|
@import "roboto";
|
|
@import "noto-sans"; |