mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
790e3d4a87
- separate toolbar and tabs variables since there are cases where they shouldn’t automatically match - add opacity to iOS tabs when a color is applied to the tabs - fix Material Design styling to match spec closes #9294
43 lines
1.2 KiB
SCSS
43 lines
1.2 KiB
SCSS
@import "./ionic.globals";
|
|
|
|
|
|
// Default Theme
|
|
// ----------------------------------
|
|
|
|
$colors: (
|
|
|
|
primary: #327eff,
|
|
secondary: #32db64,
|
|
danger: #f53d3d,
|
|
light: #f4f4f4,
|
|
dark: #222,
|
|
|
|
) !default;
|
|
|
|
|
|
$text-color: #000 !default;
|
|
$link-color: color($colors, primary) !default;
|
|
$background-color: #fff !default;
|
|
$subdued-text-color: #666 !default;
|
|
|
|
$font-family-base: -apple-system, "Helvetica Neue", "Roboto", sans-serif !default;
|
|
$font-size-base: 1.4rem !default; // 1.4rem == 14px
|
|
|
|
$content-padding: 16px !default;
|
|
$content-margin: 16px !default;
|
|
|
|
$toolbar-background: #f8f8f8 !default;
|
|
$toolbar-border-color: #b2b2b2 !default;
|
|
$toolbar-text-color: $text-color !default;
|
|
$toolbar-active-color: $link-color !default;
|
|
$toolbar-inactive-color: #8c8c8c !default;
|
|
|
|
$tabs-background: #f8f8f8 !default;
|
|
$tabs-border-color: #b2b2b2 !default;
|
|
$tabs-tab-color-inactive: #8c8c8c !default;
|
|
$tabs-tab-color-active: $link-color !default;
|
|
|
|
$list-text-color: $text-color !default;
|
|
$list-background-color: $background-color !default;
|
|
$list-border-color: #c8c7cc !default;
|