mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-26 08:13:34 +08:00
74 lines
2.3 KiB
SCSS
74 lines
2.3 KiB
SCSS
@import "themes/default";
|
|
|
|
// Material Design Default Theme
|
|
// ----------------------------------
|
|
|
|
$colors-md: (
|
|
|
|
primary: #387ef5,
|
|
secondary: #32db64,
|
|
danger: #f53d3d,
|
|
light: #f4f4f4,
|
|
dark: #222,
|
|
|
|
) !default;
|
|
|
|
|
|
$text-md-color: $text-color !default;
|
|
$link-md-color: map-get($colors-md, primary) !default;
|
|
$background-md-color: $background-color !default;
|
|
$subdued-text-md-color: $subdued-text-color !default;
|
|
|
|
$font-family-md-base: "Roboto", "Helvetica Neue", sans-serif !default;
|
|
$font-size-md-base: $font-size-base !default;
|
|
|
|
|
|
// Material Design Toolbar
|
|
// --------------------------------------------------
|
|
|
|
$toolbar-md-background-color: $toolbar-background-color !default;
|
|
$toolbar-md-border-color: $toolbar-border-color !default;
|
|
$toolbar-md-text-color: $toolbar-text-color !default;
|
|
$toolbar-md-active-color: $toolbar-active-color !default;
|
|
$toolbar-md-inactive-color: $toolbar-inactive-color !default;
|
|
|
|
|
|
// Material Design List
|
|
// --------------------------------------------------
|
|
|
|
$list-md-text-color: $list-text-color !default;
|
|
$list-md-border-color: $list-border-color !default;
|
|
$list-md-background-color: $list-background-color !default;
|
|
$list-md-activated-background-color: #f1f1f1 !default;
|
|
|
|
|
|
// Material Design Item
|
|
// --------------------------------------------------
|
|
|
|
$item-md-padding-top: 13px !default;
|
|
$item-md-padding-right: 16px !default;
|
|
$item-md-padding-bottom: 13px !default;
|
|
$item-md-padding-left: 16px !default;
|
|
$item-md-padding-media-top: 9px !default;
|
|
$item-md-padding-media-bottom: 9px !default;
|
|
$item-md-padding-icon-top: 11px !default;
|
|
$item-md-padding-icon-bottom: 10px !default;
|
|
|
|
|
|
// Ripple Color
|
|
// --------------------------------------------------
|
|
|
|
@function ripple-background-color($button-color) {
|
|
@return rgba( red($button-color), green($button-color), blue($button-color), 0.1);
|
|
}
|
|
|
|
|
|
// Material Design Body
|
|
// --------------------------------------------------
|
|
|
|
@mixin md-body() {
|
|
font-family: $font-family-md-base;
|
|
font-size: $font-size-md-base;
|
|
background-color: $background-md-color;
|
|
}
|