playground
/
ratchet
mirror of https://github.com/twbs/ratchet.git
1
0
Fork 0
Code Issues Releases Activity
Browse Source

use default light theme

pull/253/head
connors 11 years ago
parent
7499ac4a84
commit
7a78c89482
4 changed files with 68 additions and 70 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 62
      dist/android-theme.css
  2. 65
      docs-assets/css/docs.css
  3. 3
      lib/sass/docs.scss
  4. 8
      lib/sass/theme-android.scss

62
dist/android-theme.css vendored
Unescape View File

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

65
docs-assets/css/docs.css
Unescape View File

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

3
lib/sass/docs.scss
Unescape View File

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

8
lib/sass/theme-android.scss
Unescape View File

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

Write Preview
Loading…
Cancel
Save