mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
chore(build): rename ionic directory to src and update all references in the build process.
This commit is contained in:
Josh Thomas
98
src/themes/dark.ios.scss
Normal file
98
src/themes/dark.ios.scss
Normal file
@@ -0,0 +1,98 @@
|
||||
@import "./dark";
|
||||
|
||||
// iOS Dark Theme
|
||||
// ----------------------------------
|
||||
|
||||
$colors-ios: copy-colors($colors) !default;
|
||||
|
||||
$text-ios-color: $text-color !default;
|
||||
$paragraph-ios-color: $paragraph-color !default;
|
||||
$link-ios-color: color($colors-ios, primary) !default;
|
||||
$background-ios-color: $background-color !default;
|
||||
$subdued-text-ios-color: $subdued-text-color !default;
|
||||
|
||||
$font-family-ios-base: $font-family-base !default;
|
||||
$font-size-ios-base: $font-size-base !default;
|
||||
|
||||
|
||||
// iOS Outer content
|
||||
// --------------------------------------------------
|
||||
$content-ios-outer-background: $background-color !default;
|
||||
|
||||
|
||||
// iOS Card
|
||||
// --------------------------------------------------
|
||||
|
||||
$card-ios-header-color: #ddd !default;
|
||||
|
||||
|
||||
// iOS Note
|
||||
// --------------------------------------------------
|
||||
|
||||
$item-ios-note-color: color($colors-ios, light) !default;
|
||||
|
||||
|
||||
// iOS Toolbar
|
||||
// --------------------------------------------------
|
||||
|
||||
$toolbar-ios-background: $toolbar-background !default;
|
||||
$toolbar-ios-border-color: $toolbar-border-color !default;
|
||||
$toolbar-ios-text-color: $toolbar-text-color !default;
|
||||
$toolbar-ios-active-color: $toolbar-active-color !default;
|
||||
$toolbar-ios-inactive-color: $toolbar-inactive-color !default;
|
||||
|
||||
|
||||
// iOS List
|
||||
// --------------------------------------------------
|
||||
|
||||
$list-ios-text-color: $list-text-color !default;
|
||||
$list-ios-border-color: $list-border-color !default;
|
||||
$list-ios-background-color: $list-background-color !default;
|
||||
$list-ios-activated-background-color: #d9d9d9 !default;
|
||||
|
||||
|
||||
// iOS List header
|
||||
// --------------------------------------------------
|
||||
$list-ios-header-color: $text-color !default;
|
||||
$item-ios-divider-background: #151515 !default;
|
||||
$item-ios-divider-color: $text-color !default;
|
||||
|
||||
|
||||
// iOS Item
|
||||
// --------------------------------------------------
|
||||
|
||||
$item-ios-padding-top: 12px !default;
|
||||
$item-ios-padding-right: 16px !default;
|
||||
$item-ios-padding-bottom: 13px !default;
|
||||
$item-ios-padding-left: 16px !default;
|
||||
$item-ios-padding-media-top: 10px !default;
|
||||
$item-ios-padding-media-bottom: 10px !default;
|
||||
$item-ios-padding-icon-top: 10px !default;
|
||||
$item-ios-padding-icon-bottom: 9px !default;
|
||||
|
||||
|
||||
// iOS Toggle
|
||||
// --------------------------------------------------
|
||||
|
||||
$toggle-ios-handle-background-color: color($colors-ios, light) !default;
|
||||
|
||||
|
||||
// iOS Icon
|
||||
// --------------------------------------------------
|
||||
|
||||
$icon-detail-push-background-svg: "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z' fill='fg-color'/></svg>" !default;
|
||||
|
||||
@mixin ios-detail-push-icon($fg-color) {
|
||||
$svg: str-replace($icon-detail-push-background-svg, "fg-color", $fg-color);
|
||||
@include svg-background-image($svg);
|
||||
}
|
||||
|
||||
|
||||
// iOS Body
|
||||
// --------------------------------------------------
|
||||
|
||||
@mixin ios-body() {
|
||||
font-family: $font-family-ios-base;
|
||||
font-size: $font-size-ios-base;
|
||||
background-color: $background-ios-color;
|
||||
}
|
||||
82
src/themes/dark.md.scss
Normal file
82
src/themes/dark.md.scss
Normal file
@@ -0,0 +1,82 @@
|
||||
@import "./dark";
|
||||
|
||||
// Material Design Dark Theme
|
||||
// ----------------------------------
|
||||
|
||||
$colors-md: copy-colors($colors) !default;
|
||||
|
||||
|
||||
$text-md-color: $text-color !default;
|
||||
$paragraph-md-color: $paragraph-color !default;
|
||||
$link-md-color: color($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 Outer content
|
||||
// --------------------------------------------------
|
||||
$outer-content-md-background-color: $background-color !default;
|
||||
|
||||
// Material Design Toolbar
|
||||
// --------------------------------------------------
|
||||
|
||||
$toolbar-md-background: $toolbar-background !default;
|
||||
$toolbar-md-border-color: $toolbar-border-color !default;
|
||||
$toolbar-md-text-color: #fff !default;
|
||||
$toolbar-md-active-color: $toolbar-active-color !default;
|
||||
$toolbar-md-inactive-color: $toolbar-inactive-color !default;
|
||||
|
||||
// Material Design Card
|
||||
// --------------------------------------------------
|
||||
|
||||
$card-md-header-color: #ddd !default;
|
||||
$card-md-title-text-color: #fff !default;
|
||||
$card-md-text-color: #ddd !default;
|
||||
|
||||
// Material Design List
|
||||
// --------------------------------------------------
|
||||
|
||||
$list-md-text-color: $list-text-color !default;
|
||||
$list-md-border-color: #dedede !default;
|
||||
$list-md-background-color: $list-background-color !default;
|
||||
$list-md-activated-background-color: #d9d9d9 !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;
|
||||
$item-md-divider-background: #151515 !default;
|
||||
$item-md-divider-color: color($colors-md, light) !default;
|
||||
|
||||
// Material Design Toggle
|
||||
// ---------------------------------------------------
|
||||
$toggle-md-handle-background-color-off: color($colors-md, light) !default;
|
||||
|
||||
|
||||
// Ripple Color
|
||||
// --------------------------------------------------
|
||||
|
||||
@function ripple-background-color($button-color) {
|
||||
@return rgba(red($button-color), green($button-color), blue($button-color), .1);
|
||||
}
|
||||
|
||||
|
||||
// Material Design Body
|
||||
// --------------------------------------------------
|
||||
|
||||
@mixin md-body() {
|
||||
font-family: $font-family-md-base;
|
||||
font-size: $font-size-md-base;
|
||||
background-color: $background-md-color;
|
||||
}
|
||||
38
src/themes/dark.scss
Normal file
38
src/themes/dark.scss
Normal file
@@ -0,0 +1,38 @@
|
||||
@import "../globals.core";
|
||||
|
||||
|
||||
// Dark Theme
|
||||
// ----------------------------------
|
||||
|
||||
$colors: (
|
||||
|
||||
primary: #007aff,
|
||||
secondary: #32db64,
|
||||
danger: #d91e18,
|
||||
light: #f4f4f4,
|
||||
dark: #222,
|
||||
|
||||
) !default;
|
||||
|
||||
|
||||
$text-color: #fff !default;
|
||||
$paragraph-color: $text-color !default;
|
||||
$link-color: color($colors, primary) !default;
|
||||
$background-color: #191919 !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: #151515 !default;
|
||||
$toolbar-border-color: color($colors, dark) !default;
|
||||
$toolbar-text-color: $text-color !default;
|
||||
$toolbar-active-color: $link-color !default;
|
||||
$toolbar-inactive-color: #8c8c8c !default;
|
||||
|
||||
$list-text-color: $text-color !default;
|
||||
$list-background-color: #242424 !default;
|
||||
$list-border-color: #000 !default;
|
||||
81
src/themes/dark.wp.scss
Normal file
81
src/themes/dark.wp.scss
Normal file
@@ -0,0 +1,81 @@
|
||||
@import "./dark";
|
||||
|
||||
// Windows Dark 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 Outer content
|
||||
// --------------------------------------------------
|
||||
$outer-content-wp-background-color: $background-color !default;
|
||||
|
||||
// Windows Toolbar
|
||||
// --------------------------------------------------
|
||||
|
||||
$toolbar-wp-background: $toolbar-background !default;
|
||||
$toolbar-wp-border-color: $toolbar-border-color !default;
|
||||
$toolbar-wp-text-color: #fff !default;
|
||||
$toolbar-wp-active-color: $toolbar-active-color !default;
|
||||
$toolbar-wp-inactive-color: $toolbar-inactive-color !default;
|
||||
|
||||
// Windows Card
|
||||
// --------------------------------------------------
|
||||
|
||||
$card-wp-header-color: #ddd !default;
|
||||
$card-wp-title-text-color: #fff !default;
|
||||
$card-wp-text-color: #ddd !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: #d9d9d9 !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;
|
||||
$item-wp-divider-background: #151515 !default;
|
||||
$item-wp-divider-color: color($colors-wp, light) !default;
|
||||
|
||||
|
||||
// Windows Toggle
|
||||
// ---------------------------------------------------
|
||||
$toggle-wp-handle-background-color-off: color($colors-wp, light) !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;
|
||||
}
|
||||
69
src/themes/default.ios.scss
Normal file
69
src/themes/default.ios.scss
Normal file
@@ -0,0 +1,69 @@
|
||||
@import "./default";
|
||||
|
||||
// iOS Default Theme
|
||||
// ----------------------------------
|
||||
|
||||
$colors-ios: copy-colors($colors) !default;
|
||||
|
||||
|
||||
$text-ios-color: $text-color !default;
|
||||
$paragraph-ios-color: $paragraph-color !default;
|
||||
$link-ios-color: color($colors-ios, primary) !default;
|
||||
$background-ios-color: $background-color !default;
|
||||
$subdued-text-ios-color: $subdued-text-color !default;
|
||||
|
||||
$font-family-ios-base: $font-family-base !default;
|
||||
$font-size-ios-base: $font-size-base !default;
|
||||
|
||||
|
||||
// iOS Toolbar
|
||||
// --------------------------------------------------
|
||||
|
||||
$toolbar-ios-background: $toolbar-background !default;
|
||||
$toolbar-ios-border-color: $toolbar-border-color !default;
|
||||
$toolbar-ios-text-color: $toolbar-text-color !default;
|
||||
$toolbar-ios-active-color: $toolbar-active-color !default;
|
||||
$toolbar-ios-inactive-color: $toolbar-inactive-color !default;
|
||||
|
||||
|
||||
// iOS List
|
||||
// --------------------------------------------------
|
||||
|
||||
$list-ios-text-color: $list-text-color !default;
|
||||
$list-ios-border-color: $list-border-color !default;
|
||||
$list-ios-background-color: $list-background-color !default;
|
||||
$list-ios-activated-background-color: #d9d9d9 !default;
|
||||
|
||||
|
||||
// iOS Item
|
||||
// --------------------------------------------------
|
||||
|
||||
$item-ios-padding-top: 12px !default;
|
||||
$item-ios-padding-right: 16px !default;
|
||||
$item-ios-padding-bottom: 13px !default;
|
||||
$item-ios-padding-left: 16px !default;
|
||||
$item-ios-padding-media-top: 8px !default;
|
||||
$item-ios-padding-media-bottom: 8px !default;
|
||||
$item-ios-padding-icon-top: 10px !default;
|
||||
$item-ios-padding-icon-bottom: 9px !default;
|
||||
|
||||
|
||||
// iOS Icon
|
||||
// --------------------------------------------------
|
||||
|
||||
$icon-detail-push-background-svg: "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z' fill='fg-color'/></svg>" !default;
|
||||
|
||||
@mixin ios-detail-push-icon($fg-color) {
|
||||
$svg: str-replace($icon-detail-push-background-svg, "fg-color", $fg-color);
|
||||
@include svg-background-image($svg);
|
||||
}
|
||||
|
||||
|
||||
// iOS Body
|
||||
// --------------------------------------------------
|
||||
|
||||
@mixin ios-body() {
|
||||
font-family: $font-family-ios-base;
|
||||
font-size: $font-size-ios-base;
|
||||
background-color: $background-ios-color;
|
||||
}
|
||||
59
src/themes/default.md.scss
Normal file
59
src/themes/default.md.scss
Normal file
@@ -0,0 +1,59 @@
|
||||
@import "./default";
|
||||
|
||||
// Material Design Default Theme
|
||||
// ----------------------------------
|
||||
|
||||
$colors-md: copy-colors($colors) !default;
|
||||
|
||||
|
||||
$text-md-color: $text-color !default;
|
||||
$paragraph-md-color: $paragraph-color !default;
|
||||
$link-md-color: color($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: $toolbar-background !default;
|
||||
$toolbar-md-border-color: $toolbar-border-color !default;
|
||||
$toolbar-md-text-color: #424242 !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: #dedede !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;
|
||||
|
||||
|
||||
|
||||
// Material Design Body
|
||||
// --------------------------------------------------
|
||||
|
||||
@mixin md-body() {
|
||||
font-family: $font-family-md-base;
|
||||
font-size: $font-size-md-base;
|
||||
background-color: $background-md-color;
|
||||
}
|
||||
38
src/themes/default.scss
Normal file
38
src/themes/default.scss
Normal file
@@ -0,0 +1,38 @@
|
||||
@import "../globals.core";
|
||||
|
||||
|
||||
// Default Theme
|
||||
// ----------------------------------
|
||||
|
||||
$colors: (
|
||||
|
||||
primary: #327eff,
|
||||
secondary: #32db64,
|
||||
danger: #f53d3d,
|
||||
light: #f4f4f4,
|
||||
dark: #222,
|
||||
|
||||
) !default;
|
||||
|
||||
|
||||
$text-color: #000 !default;
|
||||
$paragraph-color: $text-color !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;
|
||||
|
||||
$list-text-color: $text-color !default;
|
||||
$list-background-color: $background-color !default;
|
||||
$list-border-color: #c8c7cc !default;
|
||||
64
src/themes/default.wp.scss
Normal file
64
src/themes/default.wp.scss
Normal file
@@ -0,0 +1,64 @@
|
||||
@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;
|
||||
|
||||
|
||||
// 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;
|
||||
}
|
||||
Reference in New Issue
Block a user