scale-color $lightness must use $secondary for dark themes

This commit is contained in:
Jeff Atwood
2015-08-20 02:42:12 -07:00
parent 7554b5e3c4
commit d38c4d5f74
32 changed files with 115 additions and 115 deletions

View File

@ -382,7 +382,7 @@ td.flaggers td {
} }
.desc { .desc {
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
} }
h3 { h3 {
@ -503,7 +503,7 @@ section.details {
p.help { p.help {
margin: 0; margin: 0;
color: scale-color($primary, $lightness: 40%); color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 60%));
font-size: 0.9em; font-size: 0.9em;
} }
} }
@ -521,7 +521,7 @@ section.details {
.current-badge-actions { .current-badge-actions {
margin: 10px; margin: 10px;
padding: 10px; padding: 10px;
border-top: 1px solid scale-color($primary, $lightness: 80%); border-top: 1px solid dark-light-choose(scale-color($primary, $lightness: 80%), scale-color($secondary, $lightness: 20%));
} }
.buttons { .buttons {
@ -574,7 +574,7 @@ section.details {
.groups { .groups {
.ac-wrap { .ac-wrap {
width: 100% !important; width: 100% !important;
border-color: scale-color($primary, $lightness: 75%); border-color: dark-light-choose(scale-color($primary, $lightness: 75%), scale-color($secondary, $lightness: 25%));
.item { .item {
width: 190px; width: 190px;
margin-right: 0 !important; margin-right: 0 !important;
@ -597,7 +597,7 @@ section.details {
} }
.select2-choices { .select2-choices {
width: 100%; width: 100%;
border-color: scale-color($primary, $lightness: 75%); border-color: dark-light-choose(scale-color($primary, $lightness: 75%), scale-color($secondary, $lightness: 25%));
} }
} }
@ -723,7 +723,7 @@ section.details {
td.actions { width: 200px; } td.actions { width: 200px; }
.hex-input { width: 80px; margin-bottom: 0; } .hex-input { width: 80px; margin-bottom: 0; }
.hex { text-align: center; } .hex { text-align: center; }
.description { color: scale-color($primary, $lightness: 50%); } .description { color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%)); }
.invalid .hex input { .invalid .hex input {
background-color: white; background-color: white;
@ -1291,7 +1291,7 @@ table.api-keys {
margin: 0 0 20px 6px; margin: 0 0 20px 6px;
a.filter { a.filter {
display: inline-block; display: inline-block;
background-color: scale-color($primary, $lightness: 75%); background-color: dark-light-choose(scale-color($primary, $lightness: 75%), scale-color($secondary, $lightness: 25%));
padding: 3px 10px; padding: 3px 10px;
border-radius: 3px; border-radius: 3px;
@ -1328,7 +1328,7 @@ table.api-keys {
.staff-actions, .screened-emails, .screened-urls, .screened-ip-addresses, .permalinks { .staff-actions, .screened-emails, .screened-urls, .screened-ip-addresses, .permalinks {
border-bottom: dotted 1px scale-color($primary, $lightness: 75%); border-bottom: dotted 1px dark-light-choose(scale-color($primary, $lightness: 75%), scale-color($secondary, $lightness: 25%));
.heading-container { .heading-container {
width: 100%; width: 100%;

View File

@ -45,14 +45,14 @@ html.anon .topic-list a.title:visited:not(.badge-notification) {color: dark-ligh
} }
th { th {
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
font-weight: normal; font-weight: normal;
font-size: 1em; font-size: 1em;
button i.fa {color: scale-color($primary, $lightness: 50%);} button i.fa {color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));}
} }
td { td {
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
font-size: 1em; font-size: 1em;
} }
@ -66,7 +66,7 @@ html.anon .topic-list a.title:visited:not(.badge-notification) {color: dark-ligh
.topic-excerpt { .topic-excerpt {
font-size: 0.929em; font-size: 0.929em;
margin-top: 8px; margin-top: 8px;
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
word-wrap: break-word; word-wrap: break-word;
line-height: 1.4; line-height: 1.4;
padding-right: 20px; padding-right: 20px;
@ -243,7 +243,7 @@ ol.category-breadcrumb {
margin: 5px 0 10px; margin: 5px 0 10px;
.top-date-string { .top-date-string {
color: scale-color($primary, $lightness: 60%); color: dark-light-choose(scale-color($primary, $lightness: 60%), scale-color($secondary, $lightness: 40%));
font-weight: normal; font-weight: normal;
font-size: 0.7em; font-size: 0.7em;
text-transform: uppercase; text-transform: uppercase;
@ -298,5 +298,5 @@ ol.category-breadcrumb {
} }
div.education { div.education {
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
} }

View File

@ -73,13 +73,13 @@ body {
// is scale-color($primary, $lightness: 50%) // is scale-color($primary, $lightness: 50%)
// numbers get dimmer as they get colder // numbers get dimmer as they get colder
.coldmap-high { .coldmap-high {
color: scale-color($primary, $lightness: 70%) !important; color: dark-light-choose(scale-color($primary, $lightness: 70%), scale-color($secondary, $lightness: 30%)) !important;
} }
.coldmap-med { .coldmap-med {
color: scale-color($primary, $lightness: 60%) !important; color: dark-light-choose(scale-color($primary, $lightness: 60%), scale-color($secondary, $lightness: 40%)) !important;
} }
.coldmap-low { .coldmap-low {
color: scale-color($primary, $lightness: 50%) !important; color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%)) !important;
} }
.heatmap-high { .heatmap-high {
color: #fe7a15 !important; color: #fe7a15 !important;

View File

@ -150,7 +150,7 @@
// note these topic counts only appear for anons in the category hamburger drop down // note these topic counts only appear for anons in the category hamburger drop down
b.topics-count { b.topics-count {
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
font-weight: normal; font-weight: normal;
font-size: 11px; font-size: 11px;
} }
@ -192,8 +192,8 @@
// Notifications // Notifications
&#notifications-dropdown { &#notifications-dropdown {
.fa { color: scale-color($primary, $lightness: 50%); } .fa { color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%)); }
.icon { color: scale-color($primary, $lightness: 30%); } .icon { color: dark-light-choose(scale-color($primary, $lightness: 30%), scale-color($secondary, $lightness: 70%)); }
li { li {
background-color: dark-light-diff($tertiary, $secondary, 85%, -65%); background-color: dark-light-diff($tertiary, $secondary, 85%, -65%);
i { i {
@ -298,7 +298,7 @@
margin: 5px 5px 0 5px; margin: 5px 5px 0 5px;
.box {margin-top: 0;} .box {margin-top: 0;}
.badge-notification { .badge-notification {
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
background-color: transparent; background-color: transparent;
vertical-align: top; vertical-align: top;
padding: 5px 5px 2px 5px; padding: 5px 5px 2px 5px;
@ -329,7 +329,7 @@
.topic-statuses { .topic-statuses {
float: none; float: none;
display: inline-block; display: inline-block;
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
margin: 0; margin: 0;
.fa { .fa {
margin: 0; margin: 0;

View File

@ -36,7 +36,7 @@
float: auto; float: auto;
} }
p { p {
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
margin: 0; margin: 0;
} }
} }
@ -51,5 +51,5 @@ button#login-link, button#new-account-link
background: transparent; background: transparent;
padding-left: 0; padding-left: 0;
margin-left: 20px; margin-left: 20px;
color: scale-color($primary, $lightness: 35%); color: dark-light-choose(scale-color($primary, $lightness: 35%), scale-color($secondary, $lightness: 65%));
} }

View File

@ -1,5 +1,5 @@
.fa.muted { .fa.muted {
color: scale-color($primary, $lightness: 40%); color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 60%));
} }
.fa.tracking, .fa.watching { .fa.tracking, .fa.watching {
color: $tertiary; color: $tertiary;

View File

@ -28,13 +28,13 @@
line-height: 20px; line-height: 20px;
word-wrap: break-word; word-wrap: break-word;
clear: both; clear: both;
color: scale-color($primary, $lightness: 40%); color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 60%));
.date { .date {
color: scale-color($primary, $lightness: 40%); color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 60%));
} }
.search-highlight { .search-highlight {
color: scale-color($primary, $lightness: 25%); color: dark-light-choose(scale-color($primary, $lightness: 25%), scale-color($secondary, $lightness: 75%));
} }
} }
} }

View File

@ -59,7 +59,7 @@
.date { .date {
float: right; float: right;
margin: 5px; margin: 5px;
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
} }
input[type=text] { input[type=text] {

View File

@ -12,16 +12,16 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
a { a {
color: scale-color($primary, $lightness: 30%); color: dark-light-choose(scale-color($primary, $lightness: 30%), scale-color($secondary, $lightness: 70%));
} }
} }
.fa { .fa {
font-size: 11px; font-size: 11px;
margin-left: 3px; margin-left: 3px;
color: scale-color($primary, $lightness: 40%); color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 60%));
} }
.new_user a, .user-title, .user-title a { .new_user a, .user-title, .user-title a {
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
} }
} }
@ -52,7 +52,7 @@ aside.quote {
.title { .title {
@include post-aside; @include post-aside;
color: scale-color($primary, $lightness: 30%); color: dark-light-choose(scale-color($primary, $lightness: 30%), scale-color($secondary, $lightness: 70%));
// IE will screw up the blockquote underneath if bottom padding is 0px // IE will screw up the blockquote underneath if bottom padding is 0px
padding: 12px 12px 1px 12px; padding: 12px 12px 1px 12px;
// blockquote is underneath this and has top margin // blockquote is underneath this and has top margin
@ -68,7 +68,7 @@ aside.quote {
} }
.quote-controls, .quote-controls .back:before, .quote-controls .quote-other-topic:before { .quote-controls, .quote-controls .back:before, .quote-controls .quote-other-topic:before {
color: scale-color($primary, $lightness: 70%); color: dark-light-choose(scale-color($primary, $lightness: 70%), scale-color($secondary, $lightness: 30%));
} }
.cooked .highlight { .cooked .highlight {
@ -156,7 +156,7 @@ aside.quote {
color: $wiki; color: $wiki;
} }
&.via-email { &.via-email {
color: scale-color($primary, $lightness: 70%); color: dark-light-choose(scale-color($primary, $lightness: 70%), scale-color($secondary, $lightness: 30%));
} }
&.raw-email { &.raw-email {
cursor: pointer; cursor: pointer;

View File

@ -59,7 +59,7 @@
.count { .count {
display: block; display: block;
font-size: 0.8em; font-size: 0.8em;
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
} }
} }
} }
@ -94,7 +94,7 @@ table.badges-listing {
td.grant-count { td.grant-count {
text-align: center; text-align: center;
color: scale-color($primary, $lightness: 40%); color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 60%));
font-size: 120%; font-size: 120%;
} }

View File

@ -116,17 +116,17 @@
.username a { .username a {
font-weight: bold; font-weight: bold;
color: scale-color($primary, $lightness: 30%); color: dark-light-choose(scale-color($primary, $lightness: 30%), scale-color($secondary, $lightness: 70%));
} }
.name { .name {
margin-left: 5px; margin-left: 5px;
color: scale-color($primary, $lightness: 30%); color: dark-light-choose(scale-color($primary, $lightness: 30%), scale-color($secondary, $lightness: 70%));
} }
.title { .title {
margin-top: 3px; margin-top: 3px;
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
} }
} }

View File

@ -236,7 +236,7 @@
font-size: 11px; font-size: 11px;
line-height: 1; line-height: 1;
text-align: center; text-align: center;
background-color: scale-color($primary, $lightness: 70%); background-color: dark-light-choose(scale-color($primary, $lightness: 70%), scale-color($secondary, $lightness: 30%));
&[href] { &[href] {
color: $secondary; color: $secondary;
} }
@ -282,7 +282,7 @@
font-size: 1em; font-size: 1em;
line-height: 1; line-height: 1;
&[href] { &[href] {
color: scale-color($primary, $lightness: 40%); color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 60%));
} }
} }

View File

@ -57,7 +57,7 @@
} }
&[disabled] { &[disabled] {
background: dark-light-diff($primary, $secondary, 90%, -60%); background: dark-light-diff($primary, $secondary, 90%, -60%);
&:hover { color: scale-color($primary, $lightness: 70%); } &:hover { color: dark-light-choose(scale-color($primary, $lightness: 70%), scale-color($secondary, $lightness: 30%)); }
cursor: not-allowed; cursor: not-allowed;
} }
} }

View File

@ -337,7 +337,7 @@
margin-bottom: 10px; margin-bottom: 10px;
i { i {
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
} }
} }

View File

@ -50,13 +50,13 @@ and (max-width : 570px) {
} }
.search-link .blurb { .search-link .blurb {
color: scale-color($primary, $lightness: 45%); color: dark-light-choose(scale-color($primary, $lightness: 45%), scale-color($secondary, $lightness: 55%));
display: block; display: block;
word-wrap: break-word; word-wrap: break-word;
font-size: 11px; font-size: 11px;
line-height: 1.3em; line-height: 1.3em;
.search-highlight { .search-highlight {
color: scale-color($primary, $lightness: 25%); color: dark-light-choose(scale-color($primary, $lightness: 25%), scale-color($secondary, $lightness: 75%));
} }
} }

View File

@ -14,7 +14,7 @@
#login-form { #login-form {
a { a {
color: scale-color($primary, $lightness: 35%); color: dark-light-choose(scale-color($primary, $lightness: 35%), scale-color($secondary, $lightness: 65%));
} }
} }
@ -45,7 +45,7 @@
tr.instructions { tr.instructions {
label { label {
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
} }
} }

View File

@ -47,7 +47,7 @@
} }
.modal-footer span.hint { .modal-footer span.hint {
color: scale-color($primary, $lightness: 70%); color: dark-light-choose(scale-color($primary, $lightness: 70%), scale-color($secondary, $lightness: 30%));
float: right; float: right;
line-height: 30px; line-height: 30px;
} }
@ -64,7 +64,7 @@
float: right; float: right;
font-size: 1.429em; font-size: 1.429em;
text-decoration: none; text-decoration: none;
color: scale-color($primary, $lightness: 35%); color: dark-light-choose(scale-color($primary, $lightness: 35%), scale-color($secondary, $lightness: 65%));
cursor: pointer; cursor: pointer;
&:hover { &:hover {
color: $primary; color: $primary;
@ -91,7 +91,7 @@
.custom-message-length { .custom-message-length {
margin: -10px 0 10px 20px; margin: -10px 0 10px 20px;
color: scale-color($primary, $lightness: 70%); color: dark-light-choose(scale-color($primary, $lightness: 70%), scale-color($secondary, $lightness: 30%));
font-size: 85%; font-size: 85%;
} }
@ -114,11 +114,11 @@
li { li {
margin: 0 4px 8px 0; margin: 0 4px 8px 0;
a { a {
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
cursor: pointer; cursor: pointer;
} }
a:hover { a:hover {
color: scale-color($primary, $lightness: 40%); color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 60%));
} }
} }
} }
@ -128,7 +128,7 @@
float: right; float: right;
text-align: right; text-align: right;
max-width: 380px; max-width: 380px;
color: scale-color($primary, $lightness: 60%); color: dark-light-choose(scale-color($primary, $lightness: 60%), scale-color($secondary, $lightness: 40%));
} }
} }

View File

@ -11,7 +11,7 @@
float: right; float: right;
font-size: 0.929em; font-size: 0.929em;
margin-top: 1px; margin-top: 1px;
span {color: scale-color($primary, $lightness: 50%);} span {color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%)); }
} }
.cooked { .cooked {

View File

@ -36,10 +36,10 @@
.topic-list { .topic-list {
margin: 0 0 10px; margin: 0 0 10px;
.fa-thumb-tack { color: scale-color($primary, $lightness: 50%); } .fa-thumb-tack { color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%)); }
.fa-thumb-tack.unpinned { color: scale-color($primary, $lightness: 50%); } .fa-thumb-tack.unpinned { color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%)); }
a.title {color: $primary;} a.title {color: $primary;}
.fa-bookmark { color: scale-color($primary, $lightness: 50%); } .fa-bookmark { color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%)); }
th, th,
td { td {
padding: 12px 5px; padding: 12px 5px;
@ -51,7 +51,7 @@
} }
} }
th { th {
button i.fa {color: scale-color($primary, $lightness: 50%);} button i.fa {color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%)); }
} }
> tbody > tr { > tbody > tr {
@ -132,7 +132,7 @@
.post-actions { .post-actions {
clear: both; clear: both;
width: auto; width: auto;
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
text-align: left; text-align: left;
font-size: 12px; font-size: 12px;
margin-top: 5px; margin-top: 5px;
@ -141,7 +141,7 @@
} }
a { a {
font-size: 11px; font-size: 11px;
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
margin-right: 3px; margin-right: 3px;
line-height: 20px; line-height: 20px;
} }
@ -220,11 +220,11 @@
margin: 10px 0 0; margin: 10px 0 0;
/* topic status glyphs */ /* topic status glyphs */
i { i {
color: scale-color($primary, $lightness: 50%) !important; color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%)) !important;
font-size: 0.929em; font-size: 0.929em;
} }
a.last-posted-at, a.last-posted-at:visited { a.last-posted-at, a.last-posted-at:visited {
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
font-size: 0.88em; font-size: 0.88em;
} }
.badge { .badge {

View File

@ -31,7 +31,7 @@ h1 .topic-statuses .topic-status i {
font-size: 0.929em; font-size: 0.929em;
float: right; float: right;
margin: 1px 25px 0 0; margin: 1px 25px 0 0;
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
} }
.gutter { .gutter {
@ -78,7 +78,7 @@ nav.post-controls {
padding: 0; padding: 0;
.highlight-action { .highlight-action {
color: scale-color($primary, $lightness: 60%); color: dark-light-choose(scale-color($primary, $lightness: 60%), scale-color($secondary, $lightness: 40%));
} }
a, button { a, button {
color: dark-light-choose(scale-color($primary, $lightness: 75%), scale-color($secondary, $lightness: 25%)); color: dark-light-choose(scale-color($primary, $lightness: 75%), scale-color($secondary, $lightness: 25%));
@ -110,7 +110,7 @@ nav.post-controls {
.show-replies { .show-replies {
margin-left: -10px; margin-left: -10px;
font-size: inherit; font-size: inherit;
span.badge-posts {color: scale-color($primary, $lightness: 60%);} span.badge-posts {color: dark-light-choose(scale-color($primary, $lightness: 60%), scale-color($secondary, $lightness: 40%)); }
&:hover { &:hover {
background: dark-light-diff($primary, $secondary, 90%, -65%); background: dark-light-diff($primary, $secondary, 90%, -65%);
span.badge-posts {color: $primary;} span.badge-posts {color: $primary;}
@ -123,7 +123,7 @@ nav.post-controls {
button.create { button.create {
margin-right: 0; margin-right: 0;
color: scale-color($primary, $lightness: 20%); color: dark-light-choose(scale-color($primary, $lightness: 20%), scale-color($secondary, $lightness: 80%));
margin-left: 10px; margin-left: 10px;
} }
@ -275,7 +275,7 @@ nav.post-controls {
padding-right: 0; padding-right: 0;
} }
.post-date { color: scale-color($primary, $lightness: 60%); } .post-date { color: dark-light-choose(scale-color($primary, $lightness: 60%), scale-color($secondary, $lightness: 40%)); }
.fa-arrow-up, .fa-arrow-down { margin-left: 5px; } .fa-arrow-up, .fa-arrow-down { margin-left: 5px; }
.reply:first-of-type .row { border-top: none; } .reply:first-of-type .row { border-top: none; }
@ -288,10 +288,10 @@ nav.post-controls {
font-size: 0.929em; font-size: 0.929em;
a { a {
font-weight: bold; font-weight: bold;
color: scale-color($primary, $lightness: 30%); color: dark-light-choose(scale-color($primary, $lightness: 70%), scale-color($secondary, $lightness: 30%));
} }
} }
.arrow {color: scale-color($primary, $lightness: 60%);} .arrow {color: dark-light-choose(scale-color($primary, $lightness: 60%), scale-color($secondary, $lightness: 40%)); }
} }
.post-action { .post-action {
@ -318,7 +318,7 @@ a.star {
h3 { h3 {
margin-bottom: 4px; margin-bottom: 4px;
color: scale-color($primary, $lightness: 20%); color: dark-light-choose(scale-color($primary, $lightness: 20%), scale-color($secondary, $lightness: 80%));
line-height: 23px; line-height: 23px;
font-weight: normal; font-weight: normal;
font-size: 1em; font-size: 1em;
@ -326,7 +326,7 @@ a.star {
h4 { h4 {
margin: 1px 0 2px 0; margin: 1px 0 2px 0;
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
font-weight: normal; font-weight: normal;
font-size: 0.857em; font-size: 0.857em;
line-height: 15px; line-height: 15px;
@ -339,7 +339,7 @@ a.star {
span.domain { span.domain {
font-size: 0.714em; font-size: 0.714em;
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
} }
.avatars { .avatars {
@ -379,7 +379,7 @@ a.star {
line-height: 20px; line-height: 20px;
} }
.number, i { .number, i {
color: scale-color($primary, $lightness: 20%); color: dark-light-choose(scale-color($primary, $lightness: 20%), scale-color($secondary, $lightness: 80%));
font-size: 130%; font-size: 130%;
} }
.avatar a { .avatar a {
@ -413,7 +413,7 @@ a.star {
.btn { .btn {
border: 0; border: 0;
padding: 0 23px; padding: 0 23px;
color: scale-color($primary, $lightness: 60%); color: dark-light-choose(scale-color($primary, $lightness: 60%), scale-color($secondary, $lightness: 40%));
background: dark-light-diff($primary, $secondary, 97%, -75%); background: dark-light-diff($primary, $secondary, 97%, -75%);
border-left: 1px solid dark-light-diff($primary, $secondary, 90%, -65%); border-left: 1px solid dark-light-diff($primary, $secondary, 90%, -65%);
border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -65%); border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -65%);
@ -893,8 +893,8 @@ $topic-avatar-width: 45px;
button { button {
margin-left: 8px; margin-left: 8px;
background-color: scale-color($primary, $lightness: 70%); background-color: dark-light-choose(scale-color($primary, $lightness: 70%), scale-color($secondary, $lightness: 30%));
border: 1px solid scale-color($primary, $lightness: 60%); border: 1px solid dark-light-choose(scale-color($primary, $lightness: 60%), scale-color($secondary, $lightness: 40%));
color: $primary; color: $primary;
} }
} }
@ -938,7 +938,7 @@ a.attachment:before {
float: right; float: right;
font-size: 0.929em; font-size: 0.929em;
margin-top: 1px; margin-top: 1px;
a {color: scale-color($primary, $lightness: 50%);} a {color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%)); }
} }
} }
@ -955,7 +955,7 @@ span.highlighted {
} }
.username.new-user a { .username.new-user a {
color: scale-color($primary, $lightness: 70%); color: dark-light-choose(scale-color($primary, $lightness: 70%), scale-color($secondary, $lightness: 30%));
} }
.read-state { .read-state {

View File

@ -58,7 +58,7 @@
} }
.private-message-glyph { .private-message-glyph {
color: scale-color($primary, $lightness: 75%); color: dark-light-choose(scale-color($primary, $lightness: 75%), scale-color($secondary, $lightness: 25%));
float: left; float: left;
margin: 0 5px 0 0; margin: 0 5px 0 0;
} }
@ -66,7 +66,7 @@
a.reply-new { a.reply-new {
margin-top: 3px; margin-top: 3px;
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
i { i {
margin-right: 3px; margin-right: 3px;
background: $secondary; background: $secondary;

View File

@ -17,7 +17,7 @@
line-height: 18px; line-height: 18px;
} }
.description, .hint { .description, .hint {
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
} }
.hint { .hint {
font-style: italic; font-style: italic;

View File

@ -56,7 +56,7 @@
display: inline-block; display: inline-block;
} }
.instructions { .instructions {
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
margin-left: 160px; margin-left: 160px;
margin-top: 5px; margin-top: 5px;
margin-bottom: 10px; margin-bottom: 10px;
@ -170,7 +170,7 @@
text-align: left; text-align: left;
border-bottom: 3px solid dark-light-diff($primary, $secondary, 90%, -60%); border-bottom: 3px solid dark-light-diff($primary, $secondary, 90%, -60%);
padding: 0 0 10px 0; padding: 0 0 10px 0;
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
font-weight: normal; font-weight: normal;
} }
@ -511,7 +511,7 @@
} }
// common/base/header.scss // common/base/header.scss
.fa, .icon { .fa, .icon {
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
font-size: 1.714em; font-size: 1.714em;
} }
} }
@ -519,12 +519,12 @@
.name { .name {
display: inline-block; display: inline-block;
margin-top: 5px; margin-top: 5px;
color: scale-color($primary, $lightness: 30%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
} }
.title { .title {
display: inline-block; display: inline-block;
margin-top: 5px; margin-top: 5px;
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
} }
} }
} }
@ -600,7 +600,7 @@
float: auto; float: auto;
} }
p { p {
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
margin-top: 5px; margin-top: 5px;
margin-bottom: 10px; margin-bottom: 10px;
font-size: 80%; font-size: 80%;

View File

@ -86,7 +86,7 @@ article.post {
} }
a.new-user { a.new-user {
color: scale-color($primary, $lightness: 70%); color: dark-light-choose(scale-color($primary, $lightness: 70%), scale-color($secondary, $lightness: 30%));
} }
span.title { span.title {

View File

@ -33,7 +33,7 @@ display: none !important; // can be removed if inline JS CSS is removed from com
color: scale-color($secondary, $lightness: 50%); color: scale-color($secondary, $lightness: 50%);
} }
#draft-status { #draft-status {
color: scale-color($primary, $lightness: 75%); color: dark-light-choose(scale-color($primary, $lightness: 75%), scale-color($secondary, $lightness: 25%));
} }
transition: height 0.4s ease; transition: height 0.4s ease;
width: 100%; width: 100%;
@ -48,7 +48,7 @@ display: none !important; // can be removed if inline JS CSS is removed from com
right: 1px; right: 1px;
position: absolute; position: absolute;
font-size: 1.071em; font-size: 1.071em;
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
padding: 0 10px 5px 10px; padding: 0 10px 5px 10px;
&:before { &:before {
font-family: "FontAwesome"; font-family: "FontAwesome";
@ -165,11 +165,11 @@ display: none !important; // can be removed if inline JS CSS is removed from com
#reply-title { #reply-title {
margin-right: 10px; margin-right: 10px;
&:disabled { &:disabled {
background-color: scale-color($primary, $lightness: 75%); background-color: dark-light-choose(scale-color($primary, $lightness: 75%), scale-color($secondary, $lightness: 25%));
} }
} }
.wmd-input:disabled { .wmd-input:disabled {
background-color: scale-color($primary, $lightness: 75%); background-color: dark-light-choose(scale-color($primary, $lightness: 75%), scale-color($secondary, $lightness: 25%));
} }
.wmd-input { .wmd-input {
color: darken($primary, 40%); color: darken($primary, 40%);

View File

@ -14,7 +14,7 @@
#login-form { #login-form {
a { a {
color: scale-color($primary, $lightness: 35%); color: dark-light-choose(scale-color($primary, $lightness: 35%), scale-color($secondary, $lightness: 65%));
} }
label { float: left; display: block; } label { float: left; display: block; }
textarea, input, select {font-size: 1.143em; clear: left; margin-top: 0; } textarea, input, select {font-size: 1.143em; clear: left; margin-top: 0; }
@ -42,7 +42,7 @@ a#forgot-password-link {clear: left; float: left; }
tr.instructions { tr.instructions {
label { label {
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
} }
} }

View File

@ -99,7 +99,7 @@
.custom-message-length { .custom-message-length {
margin: -10px 0 10px 20px; margin: -10px 0 10px 20px;
color: scale-color($primary, $lightness: 70%); color: dark-light-choose(scale-color($primary, $lightness: 30%), scale-color($secondary, $lightness: 70%));
font-size: 85%; font-size: 85%;
} }

View File

@ -72,7 +72,7 @@
th, th,
td { td {
padding: 7px 0; padding: 7px 0;
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
} }
a.title {color: $primary;} a.title {color: $primary;}
@ -92,7 +92,7 @@
max-width: 160px; max-width: 160px;
} }
.num .fa { .num .fa {
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
} }
} }
@ -143,7 +143,7 @@ tr.category-topic-link {
.featured-topic { .featured-topic {
margin: 8px 0; margin: 8px 0;
a.last-posted-at, a.last-posted-at:visited { a.last-posted-at, a.last-posted-at:visited {
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
} }
} }
} }
@ -206,7 +206,7 @@ tr.category-topic-link {
figure { figure {
float: left; float: left;
margin: 3px 7px 0 0; margin: 3px 7px 0 0;
color: scale-color($primary, $lightness: 10%); color: dark-light-choose(scale-color($primary, $lightness: 10%), scale-color($secondary, $lightness: 90%));
font-weight: bold; font-weight: bold;
font-size: 0.857em; font-size: 0.857em;
} }

View File

@ -46,7 +46,7 @@ button {
padding: 8px 10px; padding: 8px 10px;
vertical-align: top; vertical-align: top;
background: transparent; background: transparent;
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
float: left; float: left;
&.hidden { &.hidden {
display: none; display: none;
@ -148,7 +148,7 @@ a.reply-to-tab {
position: absolute; position: absolute;
z-index: 400; z-index: 400;
right: 80px; right: 80px;
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
span { display: none; } span { display: none; }
} }
@ -179,7 +179,7 @@ a.star {
h3 { h3 {
margin-bottom: 4px; margin-bottom: 4px;
margin-top: 0; margin-top: 0;
color: scale-color($primary, $lightness: 20%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
line-height: 23px; line-height: 23px;
font-weight: normal; font-weight: normal;
font-size: 1em; font-size: 1em;
@ -187,7 +187,7 @@ a.star {
h4 { h4 {
margin: 0 0 3px 0; margin: 0 0 3px 0;
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
font-weight: normal; font-weight: normal;
font-size: 0.857em; font-size: 0.857em;
line-height: 15px; line-height: 15px;
@ -244,7 +244,7 @@ a.star {
line-height: 20px; line-height: 20px;
} }
.number, i { .number, i {
color: scale-color($primary, $lightness: 20%); color: dark-light-choose(scale-color($primary, $lightness: 20%), scale-color($secondary, $lightness: 80%));
font-size: 110%; font-size: 110%;
} }
@ -267,7 +267,7 @@ a.star {
} }
.domain { .domain {
color: scale-color($primary, $lightness: 75%); color: dark-light-choose(scale-color($primary, $lightness: 75%), scale-color($secondary, $lightness: 25%));
} }
.topic-links { .topic-links {
@ -439,7 +439,7 @@ button.select-post {
} }
#show-topic-admin { #show-topic-admin {
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
right: 0; right: 0;
border-right: 0; border-right: 0;
padding-right: 4px; padding-right: 4px;
@ -495,7 +495,7 @@ span.highlighted {
} }
.username.new-user a { .username.new-user a {
color: scale-color($primary, $lightness: 70%); color: dark-light-choose(scale-color($primary, $lightness: 70%), scale-color($secondary, $lightness: 30%));
} }
.user-title { .user-title {

View File

@ -31,7 +31,7 @@
.private-message-glyph { display: none; } .private-message-glyph { display: none; }
} }
.private-message-glyph { color: scale-color($primary, $lightness: 75%); } .private-message-glyph { color: dark-light-choose(scale-color($primary, $lightness: 75%), scale-color($secondary, $lightness: 25%)); }
.private_message #topic-title .private-message-glyph { display: inline; } .private_message #topic-title .private-message-glyph { display: inline; }

View File

@ -7,7 +7,7 @@
line-height: 18px; line-height: 18px;
} }
.description { .description {
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
} }
} }

View File

@ -112,7 +112,7 @@
display: inline-block; display: inline-block;
} }
.instructions { .instructions {
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
margin-top: 5px; margin-top: 5px;
margin-bottom: 10px; margin-bottom: 10px;
font-size: 80%; font-size: 80%;
@ -486,7 +486,7 @@
} }
// common/base/header.scss // common/base/header.scss
.fa, .icon { .fa, .icon {
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
font-size: 1.714em; font-size: 1.714em;
} }
} }
@ -494,13 +494,13 @@
.name { .name {
display: inline-block; display: inline-block;
margin-top: 5px; margin-top: 5px;
color: scale-color($primary, $lightness: 30%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
vertical-align: inherit; vertical-align: inherit;
} }
.title { .title {
display: inline-block; display: inline-block;
margin-top: 5px; margin-top: 5px;
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
} }
} }
} }
@ -577,7 +577,7 @@
float: auto; float: auto;
} }
p { p {
color: scale-color($primary, $lightness: 50%); color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
margin-top: 5px; margin-top: 5px;
margin-bottom: 10px; margin-bottom: 10px;
font-size: 80%; font-size: 80%;