changing color of progress bar
This commit is contained in:
parent
bd63699d63
commit
0ba88d2355
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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%);
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
|
||||
}
|
||||
|
|
|
@ -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; }
|
||||
|
|
|
@ -19,7 +19,6 @@ body {
|
|||
}
|
||||
#main {
|
||||
position: relative;
|
||||
|
||||
img.avatar {
|
||||
&.header {
|
||||
width: 45px;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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; }
|
||||
|
|
Loading…
Reference in New Issue