mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 20:33:32 +08:00
5f2e737904
BREAKING CHANGE:
Can now pass contrast to the colors map:
```
$colors-wp: (
primary: (
base: #327eff,
contrast: yellow
),
secondary: (
base: #32db64,
contrast: hotpink
),
danger: #d91e18,
light: #f4f4f4,
dark: #222
) !default;
```
references #5445
72 lines
2.3 KiB
SCSS
72 lines
2.3 KiB
SCSS
@import "./default";
|
|
|
|
// Windows Default Theme
|
|
// ----------------------------------
|
|
|
|
$colors-wp: copy-colors($colors) !default;
|
|
|
|
|
|
$text-wp-color: $text-color !default;
|
|
$paragraph-wp-color: $paragraph-color !default;
|
|
$link-wp-color: color($colors-wp, primary) !default;
|
|
$background-wp-color: $background-color !default;
|
|
$subdued-text-wp-color: $subdued-text-color !default;
|
|
|
|
$font-family-wp-base: "Segoe UI", "Noto Sans", sans-serif !default;
|
|
$font-size-wp-base: $font-size-base !default;
|
|
|
|
|
|
// Windows Toolbar
|
|
// --------------------------------------------------
|
|
|
|
$toolbar-wp-background: $toolbar-background !default;
|
|
$toolbar-wp-border-color: $toolbar-border-color !default;
|
|
$toolbar-wp-text-color: $toolbar-text-color !default;
|
|
$toolbar-wp-active-color: $toolbar-active-color !default;
|
|
$toolbar-wp-inactive-color: $toolbar-inactive-color !default;
|
|
$toolbar-wp-button-color: $toolbar-text-color !default;
|
|
|
|
|
|
// Windows List
|
|
// --------------------------------------------------
|
|
|
|
$list-wp-text-color: $list-text-color !default;
|
|
$list-wp-border-color: transparent !default;
|
|
$list-wp-background-color: $list-background-color !default;
|
|
$list-wp-activated-background-color: #aaa !default;
|
|
|
|
|
|
// Windows Item
|
|
// --------------------------------------------------
|
|
|
|
$item-wp-padding-top: 13px !default;
|
|
$item-wp-padding-right: 16px !default;
|
|
$item-wp-padding-bottom: 13px !default;
|
|
$item-wp-padding-left: 16px !default;
|
|
$item-wp-padding-media-top: 9px !default;
|
|
$item-wp-padding-media-bottom: 9px !default;
|
|
$item-wp-padding-icon-top: 11px !default;
|
|
$item-wp-padding-icon-bottom: 10px !default;
|
|
|
|
|
|
// Windows Input
|
|
// --------------------------------------------------
|
|
|
|
$input-wp-border-color: rgba(0, 0, 0, .5) !default;
|
|
|
|
|
|
// Windows Body
|
|
// --------------------------------------------------
|
|
|
|
@mixin wp-body() {
|
|
font-family: $font-family-wp-base;
|
|
font-size: $font-size-wp-base;
|
|
background-color: $background-wp-color;
|
|
}
|
|
|
|
|
|
// Noto Sans Font
|
|
@at-root {
|
|
@import "../fonts/noto-sans";
|
|
}
|