twbs
/
ratchet
зеркало из
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

use default light theme

This commit is contained in:
connors 2014-02-08 13:30:29 -08:00
Родитель 7499ac4a84
Коммит 7a78c89482
4 изменённых файлов: 68 добавлений и 70 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

62
dist/android-theme.css поставляемый
Просмотреть файл

@ -16,19 +16,19 @@ body {
} }
.content { .content {
background: #111111; background: #dddddd;
background: -moz-linear-gradient(top, #111111 0%, #2b2b2b 100%); background: -moz-linear-gradient(top, #dddddd 0%, #f7f7f7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #111111), color-stop(100%, #2b2b2b)); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #f7f7f7));
background: -webkit-linear-gradient(top, #111111 0%, #2b2b2b 100%); background: -webkit-linear-gradient(top, #dddddd 0%, #f7f7f7 100%);
background: -o-linear-gradient(top, #111111 0%, #2b2b2b 100%); background: -o-linear-gradient(top, #dddddd 0%, #f7f7f7 100%);
background: -ms-linear-gradient(top, #111111 0%, #2b2b2b 100%); background: -ms-linear-gradient(top, #dddddd 0%, #f7f7f7 100%);
background: linear-gradient(to bottom, #111111 0%, #2b2b2b 100%); background: linear-gradient(to bottom, #dddddd 0%, #f7f7f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color-form', endColorstr='$color-to',GradientType=0 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color-form', endColorstr='$color-to',GradientType=0 );
} }
.bar { .bar {
height: 50px; height: 50px;
background-color: #111111; background-color: #dddddd;
border-bottom: 1px solid #565656; border-bottom: 1px solid #565656;
} }
.bar.bar-header-secondary { .bar.bar-header-secondary {
@ -45,7 +45,7 @@ body {
position: static; position: static;
padding-left: 10px; padding-left: 10px;
line-height: 50px; line-height: 50px;
color: white; color: #9a9a9a;
text-align: left; text-align: left;
} }
@ -131,13 +131,13 @@ textarea,
.btn { .btn {
border: 1px solid #565656; border: 1px solid #565656;
color: white; color: #9a9a9a;
background-color: #111111; background-color: #dddddd;
border-radius: 3px; border-radius: 3px;
} }
.btn:active, .btn.active { .btn:active, .btn.active {
color: #fff; color: #fff;
background-color: white; background-color: #9a9a9a;
} }
.bar .btn { .bar .btn {
@ -165,22 +165,22 @@ textarea,
.btn-positive { .btn-positive {
color: #fff; color: #fff;
border: 1px solid #81c700; border: 1px solid #99cc00;
background-color: #81c700; background-color: #99cc00;
} }
.btn-positive:active, .btn-positive.active { .btn-positive:active, .btn-positive.active {
border: 1px solid #609400; border: 1px solid #739900;
background-color: #609400; background-color: #739900;
} }
.btn-negative { .btn-negative {
color: #fff; color: #fff;
border: 1px solid #f20754; border: 1px solid #ff4444;
background-color: #f20754; background-color: #ff4444;
} }
.btn-negative:active, .btn-negative.active { .btn-negative:active, .btn-negative.active {
border: 1px solid #c00643; border: 1px solid #ff1111;
background-color: #c00643; background-color: #ff1111;
} }
.btn-outlined { .btn-outlined {
@ -190,10 +190,10 @@ textarea,
color: #33b5e5; color: #33b5e5;
} }
.btn-outlined.btn-positive { .btn-outlined.btn-positive {
color: #81c700; color: #99cc00;
} }
.btn-outlined.btn-negative { .btn-outlined.btn-negative {
color: #f20754; color: #ff4444;
} }
.btn-outlined.btn-primary:active, .btn-outlined.btn-positive:active, .btn-outlined.btn-negative:active { .btn-outlined.btn-primary:active, .btn-outlined.btn-positive:active, .btn-outlined.btn-negative:active {
color: #fff; color: #fff;
@ -218,7 +218,7 @@ textarea,
} }
.badge.badge-inverted { .badge.badge-inverted {
color: white; color: #9a9a9a;
} }
.badge-primary { .badge-primary {
@ -231,18 +231,18 @@ textarea,
.badge-positive { .badge-positive {
color: #fff; color: #fff;
background-color: #81c700; background-color: #99cc00;
} }
.badge-positive.badge-inverted { .badge-positive.badge-inverted {
color: #81c700; color: #99cc00;
} }
.badge-negative { .badge-negative {
color: #fff; color: #fff;
background-color: #f20754; background-color: #ff4444;
} }
.badge-negative.badge-inverted { .badge-negative.badge-inverted {
color: #f20754; color: #ff4444;
} }
.segmented-control { .segmented-control {
@ -266,7 +266,7 @@ textarea,
border-radius: 12px; border-radius: 12px;
} }
.popover:after { .popover:after {
border-bottom: 15px solid #111111; border-bottom: 15px solid #dddddd;
} }
.toggle .toggle-handle { .toggle .toggle-handle {
@ -276,9 +276,9 @@ textarea,
width: 35px; width: 35px;
} }
.toggle.active { .toggle.active {
border: 2px solid #81c700; border: 2px solid #99cc00;
background-color: #81c700; background-color: #99cc00;
} }
.toggle.active .toggle-handle { .toggle.active .toggle-handle {
border-color: #81c700; border-color: #99cc00;
} }

65
docs-assets/css/docs.css
Просмотреть файл

@ -1204,18 +1204,18 @@ hr {
line-height: 21px; line-height: 21px;
} }
.platform-android .content { .platform-android .content {
background: #111111; background: #dddddd;
background: -moz-linear-gradient(top, #111111 0%, #2b2b2b 100%); background: -moz-linear-gradient(top, #dddddd 0%, #f7f7f7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #111111), color-stop(100%, #2b2b2b)); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #f7f7f7));
background: -webkit-linear-gradient(top, #111111 0%, #2b2b2b 100%); background: -webkit-linear-gradient(top, #dddddd 0%, #f7f7f7 100%);
background: -o-linear-gradient(top, #111111 0%, #2b2b2b 100%); background: -o-linear-gradient(top, #dddddd 0%, #f7f7f7 100%);
background: -ms-linear-gradient(top, #111111 0%, #2b2b2b 100%); background: -ms-linear-gradient(top, #dddddd 0%, #f7f7f7 100%);
background: linear-gradient(to bottom, #111111 0%, #2b2b2b 100%); background: linear-gradient(to bottom, #dddddd 0%, #f7f7f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color-form', endColorstr='$color-to',GradientType=0 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color-form', endColorstr='$color-to',GradientType=0 );
} }
.platform-android .bar { .platform-android .bar {
height: 50px; height: 50px;
background-color: #111111; background-color: #dddddd;
border-bottom: 1px solid #565656; border-bottom: 1px solid #565656;
} }
.platform-android .bar.bar-header-secondary { .platform-android .bar.bar-header-secondary {
@ -1230,7 +1230,7 @@ hr {
position: static; position: static;
padding-left: 10px; padding-left: 10px;
line-height: 50px; line-height: 50px;
color: white; color: #9a9a9a;
text-align: left; text-align: left;
} }
.platform-android .popover .bar-nav { .platform-android .popover .bar-nav {
@ -1303,13 +1303,13 @@ hr {
} }
.platform-android .btn { .platform-android .btn {
border: 1px solid #565656; border: 1px solid #565656;
color: white; color: #9a9a9a;
background-color: #111111; background-color: #dddddd;
border-radius: 3px; border-radius: 3px;
} }
.platform-android .btn:active, .platform-android .btn.active { .platform-android .btn:active, .platform-android .btn.active {
color: #fff; color: #fff;
background-color: white; background-color: #9a9a9a;
} }
.platform-android .bar .btn { .platform-android .bar .btn {
padding-top: 9px; padding-top: 9px;
@ -1334,21 +1334,21 @@ hr {
} }
.platform-android .btn-positive { .platform-android .btn-positive {
color: #fff; color: #fff;
border: 1px solid #81c700; border: 1px solid #99cc00;
background-color: #81c700; background-color: #99cc00;
} }
.platform-android .btn-positive:active, .platform-android .btn-positive.active { .platform-android .btn-positive:active, .platform-android .btn-positive.active {
border: 1px solid #609400; border: 1px solid #739900;
background-color: #609400; background-color: #739900;
} }
.platform-android .btn-negative { .platform-android .btn-negative {
color: #fff; color: #fff;
border: 1px solid #f20754; border: 1px solid #ff4444;
background-color: #f20754; background-color: #ff4444;
} }
.platform-android .btn-negative:active, .platform-android .btn-negative.active { .platform-android .btn-negative:active, .platform-android .btn-negative.active {
border: 1px solid #c00643; border: 1px solid #ff1111;
background-color: #c00643; background-color: #ff1111;
} }
.platform-android .btn-outlined { .platform-android .btn-outlined {
background-color: transparent; background-color: transparent;
@ -1357,10 +1357,10 @@ hr {
color: #33b5e5; color: #33b5e5;
} }
.platform-android .btn-outlined.btn-positive { .platform-android .btn-outlined.btn-positive {
color: #81c700; color: #99cc00;
} }
.platform-android .btn-outlined.btn-negative { .platform-android .btn-outlined.btn-negative {
color: #f20754; color: #ff4444;
} }
.platform-android .btn-outlined.btn-primary:active, .platform-android .btn-outlined.btn-positive:active, .platform-android .btn-outlined.btn-negative:active { .platform-android .btn-outlined.btn-primary:active, .platform-android .btn-outlined.btn-positive:active, .platform-android .btn-outlined.btn-negative:active {
color: #fff; color: #fff;
@ -1382,7 +1382,7 @@ hr {
opacity: .6; opacity: .6;
} }
.platform-android .badge.badge-inverted { .platform-android .badge.badge-inverted {
color: white; color: #9a9a9a;
} }
.platform-android .badge-primary { .platform-android .badge-primary {
color: #fff; color: #fff;
@ -1393,17 +1393,17 @@ hr {
} }
.platform-android .badge-positive { .platform-android .badge-positive {
color: #fff; color: #fff;
background-color: #81c700; background-color: #99cc00;
} }
.platform-android .badge-positive.badge-inverted { .platform-android .badge-positive.badge-inverted {
color: #81c700; color: #99cc00;
} }
.platform-android .badge-negative { .platform-android .badge-negative {
color: #fff; color: #fff;
background-color: #f20754; background-color: #ff4444;
} }
.platform-android .badge-negative.badge-inverted { .platform-android .badge-negative.badge-inverted {
color: #f20754; color: #ff4444;
} }
.platform-android .segmented-control { .platform-android .segmented-control {
background-color: transparent; background-color: transparent;
@ -1425,7 +1425,7 @@ hr {
border-radius: 12px; border-radius: 12px;
} }
.platform-android .popover:after { .platform-android .popover:after {
border-bottom: 15px solid #111111; border-bottom: 15px solid #dddddd;
} }
.platform-android .toggle .toggle-handle { .platform-android .toggle .toggle-handle {
border: 1px solid #565656; border: 1px solid #565656;
@ -1434,19 +1434,18 @@ hr {
width: 35px; width: 35px;
} }
.platform-android .toggle.active { .platform-android .toggle.active {
border: 2px solid #81c700; border: 2px solid #99cc00;
background-color: #81c700; background-color: #99cc00;
} }
.platform-android .toggle.active .toggle-handle { .platform-android .toggle.active .toggle-handle {
border-color: #81c700; border-color: #99cc00;
} }
.platform-android .device { .platform-android .device {
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
background-image: url("../img/android.png"); background-image: url("../img/android.png");
} }
.platform-android .device .device-content { .platform-android .device .device-content {
background-color: #000; background-color: #f2f2f2;
background-image: linear-gradient(to bottom, #111111 0%, #2b2b2b 100%);
} }
@-webkit-keyframes fadeOverlay { @-webkit-keyframes fadeOverlay {

3
lib/sass/docs.scss
Просмотреть файл

@ -778,8 +778,7 @@ hr {
background-image: url("../img/android.png"); background-image: url("../img/android.png");
.device-content { .device-content {
background-color: #000; background-color: #f2f2f2;
background-image: linear-gradient(to bottom, #111111 0%, #2b2b2b 100%);
} }
} }
} }

8
lib/sass/theme-android.scss
Просмотреть файл

@ -22,12 +22,12 @@ $line-height-default: 21px;
// Colors // Colors
// Main theme colors // Main theme colors
$primary-color: #33b5e5; $primary-color: #33b5e5;
$chrome-color: #111; $chrome-color: #dddddd;
// Action colors // Action colors
$default-color: #fff; $default-color: #9a9a9a;
$positive-color: #81c700; $positive-color: #99cc00;
$negative-color: #f20754; $negative-color: #ff4444;
// Bars // Bars
$bar-base-height: 50px; $bar-base-height: 50px;