javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(windows): initial add of windows mode

Browse Source 
basically a copy of md for now

references #5565
This commit is contained in:
Brandy Carney
2016-02-22 20:35:55 -05:00
parent 1495a1353e
commit a9c995d07d
14 changed files with 581 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
ionic/themes/dark.wp.scss Normal file
View File

@@ -0,0 +1,89 @@
@import "./dark";
// Windows Dark Theme
// ----------------------------------
$colors-wp: map-merge($colors, ()) !default;
$text-wp-color: $text-color !default;
$paragraph-wp-color: $paragraph-color !default;
$link-wp-color: map-get($colors-wp, primary) !default;
$background-wp-color: $background-color !default;
$subdued-text-wp-color: $subdued-text-color !default;
$font-family-wp-base: "Roboto", "Helvetica Neue", 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;
$toolbar-wp-button-color: #424242 !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: #dedede !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-bg: #151515 !default;
$item-wp-divider-color: map-get($colors-wp, light) !default;
// Windows Toggle
// ---------------------------------------------------
$toggle-wp-handle-background-color-off: map-get($colors-wp, light) !default;
// Ripple Color
// --------------------------------------------------
@function ripple-background-color($button-color) {
@return rgba( red($button-color), green($button-color), blue($button-color), 0.1);
}
// Windows Body
// --------------------------------------------------
@mixin wp-body() {
font-family: $font-family-wp-base;
font-size: $font-size-wp-base;
background-color: $background-wp-color;
}
// Roboto Font
@at-root {
@import "../fonts/roboto";
}

66
ionic/themes/default.wp.scss Normal file
View File

@@ -0,0 +1,66 @@
@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: map-get($colors-wp, primary) !default;
$background-wp-color: $background-color !default;
$subdued-text-wp-color: $subdued-text-color !default;
$font-family-wp-base: "Roboto", "Helvetica Neue", 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: #424242 !default;
$toolbar-wp-active-color: $toolbar-active-color !default;
$toolbar-wp-inactive-color: $toolbar-inactive-color !default;
$toolbar-wp-button-color: #424242 !default;
// Windows List
// --------------------------------------------------
$list-wp-text-color: $list-text-color !default;
$list-wp-border-color: #dedede !default;
$list-wp-background-color: $list-background-color !default;
$list-wp-activated-background-color: #f1f1f1 !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 Body
// --------------------------------------------------
@mixin wp-body() {
font-family: $font-family-wp-base;
font-size: $font-size-wp-base;
background-color: $background-wp-color;
}
// Roboto Font
@at-root {
@import "../fonts/roboto";
}