| xqd
@@ -6,7 +6,6 @@ in ionic's _variables.scss file.
|
|
|
For example, you might change some of the default colors:
|
|
|
|
|
|
$light: #fff !default;
|
|
|
-$stable: #f8f8f8 !default;
|
|
|
$positive: #387ef5 !default;
|
|
|
$calm: #11c1f3 !default;
|
|
|
$balanced: #33cd5f !default;
|
| xqd
@@ -3009,7 +3008,7 @@ time, mark, audio, video {
|
|
|
border: 0;
|
|
|
vertical-align: baseline;
|
|
|
font: inherit;
|
|
|
- font-size: 100%; }
|
|
|
+ font-size: 15px; }
|
|
|
|
|
|
ol, ul {
|
|
|
list-style: none; }
|
| xqd
@@ -3335,7 +3334,7 @@ body,
|
|
|
overflow: hidden;
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
- color: #000;
|
|
|
+ color: #fff;
|
|
|
word-wrap: break-word;
|
|
|
font-size: 14px;
|
|
|
font-family: -apple-system;
|
| xqd
@@ -3946,14 +3945,14 @@ a.subdued {
|
|
|
.bar.bar-positive.bar-footer {
|
|
|
background-image: linear-gradient(180deg, #0c60ee, #0c60ee 50%, transparent 50%); }
|
|
|
.bar.bar-calm {
|
|
|
- border-color: #ff185f;
|
|
|
- background-color: #ff4b82;
|
|
|
- background-image: linear-gradient(0deg, #ff185f, #ff185f 50%, transparent 50%);
|
|
|
+ border-color: #00C3DA;
|
|
|
+ background-color: #00C3DA;
|
|
|
+ background-image: linear-gradient(0deg, #00C3DA, #00C3DA 50%, transparent 50%);
|
|
|
color: #fff; }
|
|
|
.bar.bar-calm .title {
|
|
|
color: #fff; }
|
|
|
.bar.bar-calm.bar-footer {
|
|
|
- background-image: linear-gradient(180deg, #ff185f, #ff185f 50%, transparent 50%); }
|
|
|
+ background-image: linear-gradient(180deg, #00C3DA, #00C3DA 50%, transparent 50%); }
|
|
|
.bar.bar-assertive {
|
|
|
border-color: #e42112;
|
|
|
background-color: #ef473a;
|
| xqd
@@ -4157,13 +4156,13 @@ a.subdued {
|
|
|
|
|
|
.bar-calm .button {
|
|
|
border-color: transparent;
|
|
|
- background-color: #ff4b82;
|
|
|
+ background-color: #00C3DA;
|
|
|
color: #fff; }
|
|
|
.bar-calm .button:hover {
|
|
|
color: #fff;
|
|
|
text-decoration: none; }
|
|
|
.bar-calm .button.active, .bar-calm .button.activated {
|
|
|
- background-color: #ff185f; }
|
|
|
+ background-color: #00C3DA; }
|
|
|
.bar-calm .button.button-clear {
|
|
|
border-color: transparent;
|
|
|
background: none;
|
| xqd
@@ -4403,14 +4402,14 @@ a.subdued {
|
|
|
|
|
|
.tabs-calm > .tabs,
|
|
|
.tabs.tabs-calm {
|
|
|
- border-color: #ff185f;
|
|
|
- background-color: #ff4b82;
|
|
|
- background-image: linear-gradient(0deg, #ff185f, #ff185f 50%, transparent 50%);
|
|
|
+ border-color: #00C3DA;
|
|
|
+ background-color: #00C3DA;
|
|
|
+ background-image: linear-gradient(0deg, #00C3DA, #00C3DA 50%, transparent 50%);
|
|
|
color: #fff; }
|
|
|
.tabs-calm > .tabs .tab-item .badge,
|
|
|
.tabs.tabs-calm .tab-item .badge {
|
|
|
background-color: #fff;
|
|
|
- color: #ff4b82; }
|
|
|
+ color: #00C3DA; }
|
|
|
|
|
|
.tabs-assertive > .tabs,
|
|
|
.tabs.tabs-assertive {
|
| xqd
@@ -4538,7 +4537,7 @@ a.subdued {
|
|
|
top: 4%; }
|
|
|
|
|
|
.tabs-striped.tabs-calm .tabs {
|
|
|
- background-color: #ff4b82; }
|
|
|
+ background-color: #00C3DA; }
|
|
|
|
|
|
.tabs-striped.tabs-calm .tab-item {
|
|
|
color: rgba(255, 255, 255, 0.4);
|
| xqd
@@ -4658,7 +4657,7 @@ a.subdued {
|
|
|
background-image: none; }
|
|
|
|
|
|
.tabs-striped.tabs-background-calm .tabs {
|
|
|
- background-color: #ff4b82;
|
|
|
+ background-color: #00C3DA;
|
|
|
background-image: none; }
|
|
|
|
|
|
.tabs-striped.tabs-background-assertive .tabs {
|
| xqd
@@ -4730,8 +4729,8 @@ a.subdued {
|
|
|
opacity: 0.4; }
|
|
|
.tabs-striped.tabs-color-calm .tab-item.tab-item-active, .tabs-striped.tabs-color-calm .tab-item.active, .tabs-striped.tabs-color-calm .tab-item.activated {
|
|
|
margin-top: -2px;
|
|
|
- color: #ff4b82;
|
|
|
- border: 0 solid #ff4b82;
|
|
|
+ color: #00C3DA;
|
|
|
+ border: 0 solid #00C3DA;
|
|
|
border-top-width: 2px; }
|
|
|
.tabs-striped.tabs-color-calm .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-calm .tab-item.active .badge, .tabs-striped.tabs-color-calm .tab-item.activated .badge {
|
|
|
top: 2px;
|
| xqd
@@ -4827,9 +4826,9 @@ a.subdued {
|
|
|
|
|
|
.tabs-background-calm .tabs,
|
|
|
.tabs-background-calm > .tabs {
|
|
|
- background-color: #ff4b82;
|
|
|
- background-image: linear-gradient(0deg, #ff185f, #ff185f 50%, transparent 50%);
|
|
|
- border-color: #ff185f; }
|
|
|
+ background-color: #00C3DA;
|
|
|
+ background-image: linear-gradient(0deg, #00C3DA, #00C3DA 50%, transparent 50%);
|
|
|
+ border-color: #00C3DA; }
|
|
|
|
|
|
.tabs-background-assertive .tabs,
|
|
|
.tabs-background-assertive > .tabs {
|
| xqd
@@ -4900,8 +4899,8 @@ a.subdued {
|
|
|
.tabs-color-calm .tab-item .badge {
|
|
|
opacity: 0.4; }
|
|
|
.tabs-color-calm .tab-item.tab-item-active, .tabs-color-calm .tab-item.active, .tabs-color-calm .tab-item.activated {
|
|
|
- color: #ff4b82;
|
|
|
- border: 0 solid #ff4b82; }
|
|
|
+ color: #00C3DA;
|
|
|
+ border: 0 solid #00C3DA; }
|
|
|
.tabs-color-calm .tab-item.tab-item-active .badge, .tabs-color-calm .tab-item.active .badge, .tabs-color-calm .tab-item.activated .badge {
|
|
|
opacity: 1; }
|
|
|
|
| xqd
@@ -4978,7 +4977,7 @@ ion-tabs.tabs-color-active-positive .tab-item {
|
|
|
ion-tabs.tabs-color-active-calm .tab-item {
|
|
|
color: #444; }
|
|
|
ion-tabs.tabs-color-active-calm .tab-item.tab-item-active, ion-tabs.tabs-color-active-calm .tab-item.active, ion-tabs.tabs-color-active-calm .tab-item.activated {
|
|
|
- color: #ff4b82; }
|
|
|
+ color: #00C3DA; }
|
|
|
|
|
|
ion-tabs.tabs-color-active-assertive .tab-item {
|
|
|
color: #444; }
|
| xqd
@@ -5092,7 +5091,8 @@ ion-tabs.tabs-color-active-dark .tab-item {
|
|
|
display: block;
|
|
|
margin: 0 auto;
|
|
|
height: 32px;
|
|
|
- font-size: 32px; }
|
|
|
+ padding-top:3px;
|
|
|
+ font-size: 26px; }
|
|
|
|
|
|
.tabs-icon-left.tabs .tab-item,
|
|
|
.tabs-icon-left > .tabs .tab-item,
|
| xqd
@@ -5165,7 +5165,7 @@ ion-tabs.tabs-color-active-dark .tab-item {
|
|
|
.tab-item.tab-item-active.tab-item-calm,
|
|
|
.tab-item.active.tab-item-calm,
|
|
|
.tab-item.activated.tab-item-calm {
|
|
|
- color: #ff4b82; }
|
|
|
+ color: #00C3DA; }
|
|
|
.tab-item.tab-item-active.tab-item-assertive,
|
|
|
.tab-item.active.tab-item-assertive,
|
|
|
.tab-item.activated.tab-item-assertive {
|
| xqd
@@ -5712,8 +5712,8 @@ ion-tabs.tabs-color-active-dark .tab-item {
|
|
|
background-color: #387ef5;
|
|
|
color: #fff; }
|
|
|
.item.item-calm {
|
|
|
- border-color: #ff185f;
|
|
|
- background-color: #ff4b82;
|
|
|
+ border-color: #00C3DA;
|
|
|
+ background-color: #00C3DA;
|
|
|
color: #fff; }
|
|
|
.item.item-assertive {
|
|
|
border-color: #e42112;
|
| xqd
@@ -5812,16 +5812,16 @@ ion-tabs.tabs-color-active-dark .tab-item {
|
|
|
.item-complex.activated .item-content.item-calm,
|
|
|
.item .item-content.active.item-calm,
|
|
|
.item .item-content.activated.item-calm {
|
|
|
- border-color: #ff185f;
|
|
|
- background-color: #ff185f; }
|
|
|
+ border-color: #00C3DA;
|
|
|
+ background-color: #00C3DA; }
|
|
|
.item.active.item-calm.item-complex > .item-content,
|
|
|
.item.activated.item-calm.item-complex > .item-content,
|
|
|
.item-complex.active .item-content.item-calm.item-complex > .item-content,
|
|
|
.item-complex.activated .item-content.item-calm.item-complex > .item-content,
|
|
|
.item .item-content.active.item-calm.item-complex > .item-content,
|
|
|
.item .item-content.activated.item-calm.item-complex > .item-content {
|
|
|
- border-color: #ff185f;
|
|
|
- background-color: #ff185f; }
|
|
|
+ border-color: #00C3DA;
|
|
|
+ background-color: #00C3DA; }
|
|
|
.item.active.item-assertive,
|
|
|
.item.activated.item-assertive,
|
|
|
.item-complex.active .item-content.item-assertive,
|
| xqd
@@ -6023,15 +6023,15 @@ a.item-content {
|
|
|
background-color: #0c60ee; }
|
|
|
|
|
|
.item-complex.item-calm > .item-content {
|
|
|
- border-color: #ff185f;
|
|
|
- background-color: #ff4b82;
|
|
|
+ border-color: #00C3DA;
|
|
|
+ background-color: #00C3DA;
|
|
|
color: #fff; }
|
|
|
.item-complex.item-calm > .item-content.active, .item-complex.item-calm > .item-content:active {
|
|
|
- border-color: #ff185f;
|
|
|
- background-color: #ff185f; }
|
|
|
+ border-color: #00C3DA;
|
|
|
+ background-color: #00C3DA; }
|
|
|
.item-complex.item-calm > .item-content.active.item-complex > .item-content, .item-complex.item-calm > .item-content:active.item-complex > .item-content {
|
|
|
- border-color: #ff185f;
|
|
|
- background-color: #ff185f; }
|
|
|
+ border-color: #00C3DA;
|
|
|
+ background-color: #00C3DA; }
|
|
|
|
|
|
.item-complex.item-assertive > .item-content {
|
|
|
border-color: #e42112;
|
| xqd
@@ -6559,6 +6559,7 @@ button.item.item-button-right {
|
|
|
padding-top: 1px;
|
|
|
padding-bottom: 1px;
|
|
|
padding-left: 0;
|
|
|
+ color: #000;
|
|
|
margin-bottom: 20px; }
|
|
|
|
|
|
.list:last-child {
|
| xqd
@@ -6612,8 +6613,7 @@ button.item.item-button-right {
|
|
|
.card .item:first-child,
|
|
|
.list-inset .item:first-child,
|
|
|
.padding > .list .item:first-child {
|
|
|
- border-top-left-radius: 2px;
|
|
|
- border-top-right-radius: 2px; }
|
|
|
+ border-radius: 2px;}
|
|
|
.card .item:first-child .item-content,
|
|
|
.list-inset .item:first-child .item-content,
|
|
|
.padding > .list .item:first-child .item-content {
|
| xqd
@@ -6691,7 +6691,7 @@ button.item.item-button-right {
|
|
|
|
|
|
.tabs .tab-item .badge.badge-calm,
|
|
|
.badge.badge-calm {
|
|
|
- background-color: #ff4b82;
|
|
|
+ background-color: #00C3DA;
|
|
|
color: #fff; }
|
|
|
|
|
|
.tabs .tab-item .badge.badge-assertive,
|
| xqd
@@ -7403,8 +7403,8 @@ ion-slides {
|
|
|
stroke: #387ef5;
|
|
|
fill: #387ef5; }
|
|
|
.spinner.spinner-calm {
|
|
|
- stroke: #ff4b82;
|
|
|
- fill: #ff4b82; }
|
|
|
+ stroke: #00C3DA;
|
|
|
+ fill: #00C3DA; }
|
|
|
.spinner.spinner-balanced {
|
|
|
stroke: #33cd5f;
|
|
|
fill: #33cd5f; }
|
| xqd
@@ -7445,7 +7445,7 @@ ion-slides {
|
|
|
stop-color: #387ef5; }
|
|
|
|
|
|
.spinner-spiral.spinner-calm .stop2 {
|
|
|
- stop-color: #ff4b82; }
|
|
|
+ stop-color: #00C3DA; }
|
|
|
|
|
|
.spinner-spiral.spinner-balanced .stop2 {
|
|
|
stop-color: #33cd5f; }
|
| xqd
@@ -7835,12 +7835,12 @@ input[type="checkbox"][readonly] {
|
|
|
|
|
|
.checkbox-calm input:before,
|
|
|
.checkbox-calm .checkbox-icon:before {
|
|
|
- border-color: #ff4b82; }
|
|
|
+ border-color: #00C3DA; }
|
|
|
|
|
|
.checkbox-calm input:checked:before,
|
|
|
.checkbox-calm input:checked + .checkbox-icon:before {
|
|
|
- background: #ff4b82;
|
|
|
- border-color: #ff4b82; }
|
|
|
+ background: #00C3DA;
|
|
|
+ border-color: #00C3DA; }
|
|
|
|
|
|
.checkbox-assertive input:before,
|
|
|
.checkbox-assertive .checkbox-icon:before {
|
| xqd
@@ -8036,8 +8036,8 @@ input:checked + .checkbox-icon:after {
|
|
|
background-color: #387ef5; }
|
|
|
|
|
|
.toggle.toggle-calm input:checked + .track {
|
|
|
- border-color: #ff4b82;
|
|
|
- background-color: #ff4b82; }
|
|
|
+ border-color: #00C3DA;
|
|
|
+ background-color: #00C3DA; }
|
|
|
|
|
|
.toggle.toggle-assertive input:checked + .track {
|
|
|
border-color: #ef473a;
|
| xqd
@@ -8179,7 +8179,7 @@ input:checked + .checkbox-icon:after {
|
|
|
background-color: rgba(255, 75, 130, 0.5); }
|
|
|
|
|
|
.toggle-small .toggle-calm input:checked + .track .handle {
|
|
|
- background-color: #ff4b82; }
|
|
|
+ background-color: #00C3DA; }
|
|
|
|
|
|
.toggle-small .toggle-assertive input:checked + .track {
|
|
|
background-color: rgba(239, 71, 58, 0.5); }
|
| xqd
@@ -8349,9 +8349,9 @@ input:checked + .checkbox-icon:after {
|
|
|
.range.range-positive input::-ms-fill-lower {
|
|
|
background: #387ef5; }
|
|
|
.range.range-calm input::-webkit-slider-thumb:before {
|
|
|
- background: #ff4b82; }
|
|
|
+ background: #00C3DA; }
|
|
|
.range.range-calm input::-ms-fill-lower {
|
|
|
- background: #ff4b82; }
|
|
|
+ background: #00C3DA; }
|
|
|
.range.range-balanced input::-webkit-slider-thumb:before {
|
|
|
background: #33cd5f; }
|
|
|
.range.range-balanced input::-ms-fill-lower {
|
| xqd
@@ -8472,7 +8472,7 @@ input:checked + .checkbox-icon:after {
|
|
|
.item-select.item-positive:after, .item-select.item-positive .input-label {
|
|
|
color: #fff; }
|
|
|
.item-select.item-calm select {
|
|
|
- background: #ff4b82;
|
|
|
+ background: #00C3DA;
|
|
|
color: #fff; }
|
|
|
.item-select.item-calm:after, .item-select.item-calm .input-label {
|
|
|
color: #fff; }
|
| xqd
@@ -8647,27 +8647,29 @@ progress {
|
|
|
color: #fff; }
|
|
|
.button.button-calm {
|
|
|
border-color: transparent;
|
|
|
- background-color: #ff4b82;
|
|
|
+ background-color: #00C3DA;
|
|
|
color: #fff; }
|
|
|
.button.button-calm:hover {
|
|
|
color: #fff;
|
|
|
text-decoration: none; }
|
|
|
.button.button-calm.active, .button.button-calm.activated {
|
|
|
- background-color: #ff185f; }
|
|
|
+ background-color: #00C3DA; }
|
|
|
+/* .button.button-calm.active, .button.button-calm.activated {
|
|
|
+ background-color: #00C3DA; }*/
|
|
|
.button.button-calm.button-clear {
|
|
|
border-color: transparent;
|
|
|
background: none;
|
|
|
box-shadow: none;
|
|
|
- color: #ff4b82; }
|
|
|
+ color: #00C3DA; }
|
|
|
.button.button-calm.button-icon {
|
|
|
border-color: transparent;
|
|
|
background: none; }
|
|
|
.button.button-calm.button-outline {
|
|
|
- border-color: #ff4b82;
|
|
|
+ border-color: #00C3DA;
|
|
|
background: transparent;
|
|
|
- color: #ff4b82; }
|
|
|
+ color: #00C3DA; }
|
|
|
.button.button-calm.button-outline.active, .button.button-calm.button-outline.activated {
|
|
|
- background-color: #ff4b82;
|
|
|
+ background-color: #00C3DA;
|
|
|
box-shadow: none;
|
|
|
color: #fff; }
|
|
|
.button.button-assertive {
|
| xqd
@@ -8845,7 +8847,7 @@ progress {
|
|
|
border-color: transparent;
|
|
|
background: none;
|
|
|
box-shadow: none;
|
|
|
- color: #b2b2b2; }
|
|
|
+ color: #fff; }
|
|
|
.button-clear.button-icon {
|
|
|
border-color: transparent;
|
|
|
background: none; }
|
| xqd
@@ -9435,13 +9437,13 @@ a.button {
|
|
|
border-color: #0c60ee; }
|
|
|
|
|
|
.calm, a.calm {
|
|
|
- color: #ff4b82; }
|
|
|
+ color: #00C3DA; }
|
|
|
|
|
|
.calm-bg {
|
|
|
- background-color: #ff4b82; }
|
|
|
+ background-color: #00C3DA; }
|
|
|
|
|
|
.calm-border {
|
|
|
- border-color: #ff185f; }
|
|
|
+ border-color: #00C3DA; }
|
|
|
|
|
|
.assertive, a.assertive {
|
|
|
color: #ef473a; }
|