variables.scss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. // Ionic Variables and Theming. For more info, please see:
  2. // http://ionicframework.com/docs/theming/
  3. // Font path is used to include ionicons,
  4. // roboto, and noto sans fonts
  5. $font-path: "../assets/fonts";
  6. @import "ionic.globals";
  7. // Shared Variables
  8. // --------------------------------------------------
  9. // To customize the look and feel of this app, you can override
  10. // the Sass variables found in Ionic's source scss files.
  11. // To view all the possible Ionic variables, see:
  12. // http://ionicframework.com/docs/theming/overriding-ionic-variables/
  13. // Named Color Variables
  14. // --------------------------------------------------
  15. // Named colors makes it easy to reuse colors on various components.
  16. // It's highly recommended to change the default colors
  17. // to match your app's branding. Ionic uses a Sass map of
  18. // colors so you can add, rename and remove colors as needed.
  19. // The "primary" color is the only required color in the map.
  20. $colors: (
  21. primary: #387ef5,
  22. secondary: #32db64,
  23. danger: #f53d3d,
  24. light: #f4f4f4,
  25. dark: #222,
  26. vibrant: rebeccapurple,
  27. bright: #ffc125,
  28. greyYellow: (
  29. base:#49606e,
  30. contrast:#fbb636
  31. ),
  32. greyWhite: (
  33. base:#49606e,
  34. contrast:#fff
  35. )
  36. );
  37. // App iOS Variables
  38. // --------------------------------------------------
  39. // iOS only Sass variables can go here
  40. // App Material Design Variables
  41. // --------------------------------------------------
  42. // Material Design only Sass variables can go here
  43. // App Windows Variables
  44. // --------------------------------------------------
  45. // Windows only Sass variables can go here
  46. // App Theme
  47. // --------------------------------------------------
  48. // Ionic apps can have different themes applied, which can
  49. // then be future customized. This import comes last
  50. // so that the above variables are used and Ionic's
  51. // default are overridden.
  52. @import "ionic.theme.default";
  53. // Ionicons
  54. // --------------------------------------------------
  55. // The premium icon font for Ionic. For more info, please see:
  56. // http://ionicframework.com/docs/ionicons/
  57. @import "ionic.ionicons";
  58. // Fonts
  59. // --------------------------------------------------
  60. // Roboto font is used by default for Material Design. Noto sans
  61. // is used by default for Windows.
  62. @import "roboto";
  63. @import "noto-sans";