changing color of progress bar

This commit is contained in:
awesomerobot 2015-05-19 21:10:40 -04:00
parent bd63699d63
commit 0ba88d2355
11 changed files with 21 additions and 20 deletions

View file

@ -39,7 +39,7 @@
color: $primary;
}
&.alert-info {
background-color: dark-light-diff($tertiary, $secondary, 90%, -40%);
background-color: dark-light-diff($tertiary, $secondary, 85%, -65%);
color: $primary;
}
}

View file

@ -27,7 +27,7 @@
vertical-align: middle;
}
&.selected {
background-color: dark-light-diff($tertiary, $secondary, 90%, -60%);
background-color: dark-light-diff($tertiary, $secondary, 85%, -65%);
}
@include hover {
background-color: dark-light-diff($highlight, $secondary, 90%, -80%);

View file

@ -186,7 +186,7 @@
}
.selected {
background-color: dark-light-diff($tertiary, $secondary, 90%, -60%);
background-color: dark-light-diff($tertiary, $secondary, 85%, -65%);
}
@ -195,7 +195,7 @@
.fa { color: scale-color($primary, $lightness: 50%); }
.icon { color: scale-color($primary, $lightness: 30%); }
li {
background-color: dark-light-diff($tertiary, $secondary, 90%, -60%);
background-color: dark-light-diff($tertiary, $secondary, 85%, -65%);
i {
float: left;
margin-right: 5px;

View file

@ -72,7 +72,7 @@ aside.quote {
}
.cooked .highlight {
background-color: dark-light-diff($tertiary, $secondary, 90%, -40%);
background-color: dark-light-diff($tertiary, $secondary, 85%, -65%);
padding: 2px;
margin: -2px;
}

View file

@ -56,7 +56,7 @@
> tbody > tr {
&.highlighted {
background-color: dark-light-diff($tertiary, $secondary, 90%, -41%);
background-color: dark-light-diff($tertiary, $secondary, 85%, -65%);
}
}
button.bulk-select {

View file

@ -112,7 +112,7 @@ nav.post-controls {
button.create {
margin-right: 0;
color: $tertiary;
background: dark-light-diff($tertiary, $secondary, 90%, -65%);
background: dark-light-diff($tertiary, $secondary, 85%, -65%);
padding: 8px 20px;
margin-left: 10px;
@ -711,7 +711,7 @@ $topic-avatar-width: 45px;
border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -75%);
padding: 12px $topic-body-width-padding 15px $topic-body-width-padding;
&.highlighted {
background-color: dark-light-diff($tertiary, $secondary, 90%, -40%);
background-color: dark-light-diff($tertiary, $secondary, 85%, -65%);
}
}
.topic-avatar {
@ -793,7 +793,7 @@ $topic-avatar-width: 45px;
.dropdown-menu .disabled > a:hover {
text-decoration: none;
color: $primary;
background-color: dark-light-diff($tertiary, $secondary, 90%, -60%);
background-color: dark-light-diff($tertiary, $secondary, 85%, -65%);
cursor: default;
}
@ -816,7 +816,7 @@ $topic-avatar-width: 45px;
position: fixed;
z-index: 1000;
left: 50%;
background-color: dark-light-diff($tertiary, $secondary, 90%, -40%);
background-color: dark-light-diff($tertiary, $secondary, 85%, -65%);
border: 1px solid $tertiary;
padding: 5px;
margin-bottom: 5px;
@ -957,7 +957,7 @@ a.attachment:before {
}
span.highlighted {
background-color: dark-light-diff($tertiary, $secondary, 90%, -40%);
background-color: dark-light-diff($tertiary, $secondary, 85%, -65%);
}
.username.new-user a {

View file

@ -80,7 +80,7 @@ a.reply-new {
a:hover.reply-new {
color: $tertiary;
i {
background: dark-light-diff($tertiary, $secondary, 90%, -65%);
background: dark-light-diff($tertiary, $secondary, 85%, -65%);
}
}
@ -166,8 +166,10 @@ a:hover.reply-new {
display: none;
}
border: none;
background-color: scale-color-diff();
color: scale-color($primary, $lightness: 50%);
background-color: $secondary;
color: $tertiary;
border: 1px solid dark-light-diff($tertiary, $secondary, 85%, -65%);
border-bottom: none;
width: 145px;
height: 34px;
@ -200,8 +202,8 @@ a:hover.reply-new {
top: 0;
bottom: 0;
width: 0;
border-right: 1px solid scale-color-diff();
background-color: desaturate(dark-light-diff($success, $secondary, 60%, -35%), 30%);
border-right: 1px solid dark-light-diff($tertiary, $secondary, 85%, -65%);
background-color: dark-light-diff($tertiary, $secondary, 85%, -65%);
transition: width .75s;
}

View file

@ -470,7 +470,7 @@
}
.notification {
&.unread {
background-color: dark-light-diff($tertiary, $secondary, 90%, -60%);
background-color: dark-light-diff($tertiary, $secondary, 85%, -65%);
}
li { display: inline-block; }

View file

@ -19,7 +19,6 @@ body {
}
#main {
position: relative;
img.avatar {
&.header {
width: 45px;

View file

@ -387,7 +387,7 @@ iframe {
float: left;
width: 97%;
padding-left: 3%;
background-color: dark-light-diff($tertiary, $secondary, 90%, -40%);
background-color: dark-light-diff($tertiary, $secondary, 85%, -65%);
.btn {
margin-bottom: 10px;
color: $secondary;

View file

@ -465,7 +465,7 @@
}
.notification {
&.unread {
background-color: dark-light-diff($tertiary, $secondary, 90%, -60%);
background-color: dark-light-diff($tertiary, $secondary, 85%, -65%);
}
li { display: inline-block; }