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

refactor(colors): update ionic default colors

Browse Source
This commit is contained in:
Adam Bradley
2014-11-12 14:39:52 -06:00
parent 26dd67822a
commit 6ea73e6f82
2 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
scss/_mixins.scss
View File

@@ -16,7 +16,7 @@
&.activated {
border-color: $active-border-color;
background-color: $active-bg-color;
box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15);
box-shadow: inset 0 1px 4px rgba(0,0,0,0.1);
}
}

40
scss/_variables.scss
View File

@@ -6,9 +6,9 @@ $light: #fff !default;
$stable: #f8f8f8 !default;
$positive: #387ef5 !default;
$calm: #11c1f3 !default;
$balanced: #30d472 !default;
$balanced: #33cd5f !default;
$energized: #ffc900 !default;
$assertive: #e74b4b !default;
$assertive: #ef473a !default;
$royal: #886aea !default;
$dark: #444 !default;
@@ -106,39 +106,39 @@ $button-stable-active-border: #a2a2a2 !default;
$button-positive-bg: $positive !default;
$button-positive-text: #fff !default;
$button-positive-border: darken($positive, 15%) !default;
$button-positive-active-bg: darken($positive, 15%) !default;
$button-positive-active-border: darken($positive, 15%) !default;
$button-positive-border: darken($positive, 10%) !default;
$button-positive-active-bg: darken($positive, 10%) !default;
$button-positive-active-border: darken($positive, 10%) !default;
$button-calm-bg: $calm !default;
$button-calm-text: #fff !default;
$button-calm-border: darken($calm, 15%) !default;
$button-calm-active-bg: darken($calm, 15%) !default;
$button-calm-active-border: darken($calm, 15%) !default;
$button-calm-border: darken($calm, 10%) !default;
$button-calm-active-bg: darken($calm, 10%) !default;
$button-calm-active-border: darken($calm, 10%) !default;
$button-assertive-bg: $assertive !default;
$button-assertive-text: #fff !default;
$button-assertive-border: darken($assertive, 15%) !default;
$button-assertive-active-bg: darken($assertive, 15%) !default;
$button-assertive-active-border: darken($assertive, 15%) !default;
$button-assertive-border: darken($assertive, 10%) !default;
$button-assertive-active-bg: darken($assertive, 10%) !default;
$button-assertive-active-border: darken($assertive, 10%) !default;
$button-balanced-bg: $balanced !default;
$button-balanced-text: #fff !default;
$button-balanced-border: darken($balanced, 15%) !default;
$button-balanced-active-bg: darken($balanced, 15%) !default;
$button-balanced-active-border: darken($balanced, 15%) !default;
$button-balanced-border: darken($balanced, 10%) !default;
$button-balanced-active-bg: darken($balanced, 10%) !default;
$button-balanced-active-border: darken($balanced, 10%) !default;
$button-energized-bg: $energized !default;
$button-energized-text: #fff !default;
$button-energized-border: darken($energized, 15%) !default;
$button-energized-active-bg: darken($energized, 15%) !default;
$button-energized-active-border: darken($energized, 15%) !default;
$button-energized-border: darken($energized, 5%) !default;
$button-energized-active-bg: darken($energized, 5%) !default;
$button-energized-active-border: darken($energized, 5%) !default;
$button-royal-bg: $royal !default;
$button-royal-text: #fff !default;
$button-royal-border: darken($royal, 15%) !default;
$button-royal-active-bg: darken($royal, 15%) !default;
$button-royal-active-border: darken($royal, 15%) !default;
$button-royal-border: darken($royal, 8%) !default;
$button-royal-active-bg: darken($royal, 8%) !default;
$button-royal-active-border: darken($royal, 8%) !default;
$button-dark-bg: $dark !default;
$button-dark-text: #fff !default;