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

app/assets/stylesheets/common/admin/admin_base.scss

@@ -382,7 +382,7 @@ td.flaggers td {
     }
 
     .desc {
-      color: scale-color($primary, $lightness: 50%);
+      color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
     }
 
     h3 {
@@ -503,7 +503,7 @@ section.details {
 
     p.help {
       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;
     }
   }
@@ -521,7 +521,7 @@ section.details {
   .current-badge-actions {
     margin: 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 {
@@ -574,7 +574,7 @@ section.details {
 .groups {
   .ac-wrap {
     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 {
       width: 190px;
       margin-right: 0 !important;
@@ -597,7 +597,7 @@ section.details {
   }
   .select2-choices {
     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; }
     .hex-input     { width: 80px; margin-bottom: 0; }
     .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 {
       background-color: white;
@@ -1291,7 +1291,7 @@ table.api-keys {
   margin: 0 0 20px 6px;
   a.filter {
     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;
     border-radius: 3px;
 
@@ -1328,7 +1328,7 @@ table.api-keys {
 
 .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 {
     width: 100%;

app/assets/stylesheets/common/base/_topic-list.scss

@@ -45,14 +45,14 @@ html.anon .topic-list a.title:visited:not(.badge-notification) {color: dark-ligh
 
   }
   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-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 {
-    color: scale-color($primary, $lightness: 50%);
+    color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
     font-size: 1em;
   }
 
@@ -66,7 +66,7 @@ html.anon .topic-list a.title:visited:not(.badge-notification) {color: dark-ligh
   .topic-excerpt {
     font-size: 0.929em;
     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;
     line-height: 1.4;
     padding-right: 20px;
@@ -243,7 +243,7 @@ ol.category-breadcrumb {
     margin: 5px 0 10px;
 
     .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-size: 0.7em;
       text-transform: uppercase;
@@ -298,5 +298,5 @@ ol.category-breadcrumb {
 }
 
 div.education {
-  color: scale-color($primary, $lightness: 50%);
+  color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
 }

app/assets/stylesheets/common/base/discourse.scss

@@ -73,13 +73,13 @@ body {
   // is scale-color($primary, $lightness: 50%)
   // numbers get dimmer as they get colder
   .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 {
-    color: scale-color($primary, $lightness: 60%) !important;
+    color: dark-light-choose(scale-color($primary, $lightness: 60%), scale-color($secondary, $lightness: 40%)) !important;
   }
   .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 {
     color: #fe7a15 !important;

app/assets/stylesheets/common/base/header.scss

@@ -150,7 +150,7 @@
 
   // note these topic counts only appear for anons in the category hamburger drop down
   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-size: 11px;
   }
@@ -192,8 +192,8 @@
 
   // Notifications
   &#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 {
       background-color: dark-light-diff($tertiary, $secondary, 85%, -65%);
       i {
@@ -298,7 +298,7 @@
     margin: 5px 5px 0 5px;
     .box {margin-top: 0;}
     .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;
       vertical-align: top;
       padding: 5px 5px 2px 5px;
@@ -329,7 +329,7 @@
   .topic-statuses {
     float: none;
     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;
     .fa {
       margin: 0;

app/assets/stylesheets/common/base/login.scss

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

app/assets/stylesheets/common/base/notification-options.scss

@@ -1,5 +1,5 @@
 .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 {
   color: $tertiary;

app/assets/stylesheets/common/base/search.scss

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

app/assets/stylesheets/common/base/share_link.scss

@@ -59,7 +59,7 @@
   .date {
     float: right;
     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] {

app/assets/stylesheets/common/base/topic-post.scss

@@ -12,16 +12,16 @@
    overflow: hidden;
    text-overflow: ellipsis;
    a {
-     color: scale-color($primary, $lightness: 30%);
+     color: dark-light-choose(scale-color($primary, $lightness: 30%), scale-color($secondary, $lightness: 70%));
    }
  }
  .fa {
    font-size: 11px;
    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 {
-    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 {
     @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
     padding: 12px 12px 1px 12px;
     // 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 {
-  color: scale-color($primary, $lightness: 70%);
+  color: dark-light-choose(scale-color($primary, $lightness: 70%), scale-color($secondary, $lightness: 30%));
 }
 
 .cooked .highlight {
@@ -156,7 +156,7 @@ aside.quote {
     color: $wiki;
   }
   &.via-email {
-    color: scale-color($primary, $lightness: 70%);
+    color: dark-light-choose(scale-color($primary, $lightness: 70%), scale-color($secondary, $lightness: 30%));
   }
   &.raw-email {
     cursor: pointer;

app/assets/stylesheets/common/base/user-badges.scss

@@ -59,7 +59,7 @@
     .count {
       display: block;
       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 {
     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%;
   }
 

app/assets/stylesheets/common/base/user.scss

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

app/assets/stylesheets/common/components/badges.css.scss

@@ -236,7 +236,7 @@
   font-size: 11px;
   line-height: 1;
   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] {
   color: $secondary;
   }
@@ -282,7 +282,7 @@
   font-size: 1em;
   line-height: 1;
   &[href] {
-    color: scale-color($primary, $lightness: 40%);
+    color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 60%));
   }
 }
 

app/assets/stylesheets/common/components/buttons.css.scss

@@ -57,7 +57,7 @@
   }
   &[disabled] {
     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;
   }
 }

app/assets/stylesheets/desktop/compose.scss

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

app/assets/stylesheets/desktop/header.scss

@@ -50,13 +50,13 @@ and (max-width : 570px) {
 }
 
 .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;
   word-wrap: break-word;
   font-size: 11px;
   line-height: 1.3em;
   .search-highlight {
-    color: scale-color($primary, $lightness: 25%);
+    color: dark-light-choose(scale-color($primary, $lightness: 25%), scale-color($secondary, $lightness: 75%));
   }
 }
 

app/assets/stylesheets/desktop/login.scss

@@ -14,7 +14,7 @@
 
 #login-form {
   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 {
     label {
-      color: scale-color($primary, $lightness: 50%);
+      color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
     }
   }
 

app/assets/stylesheets/desktop/modal.scss

@@ -47,7 +47,7 @@
 }
 
 .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;
   line-height: 30px;
 }
@@ -64,7 +64,7 @@
   float: right;
   font-size: 1.429em;
   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;
   &:hover {
     color: $primary;
@@ -91,7 +91,7 @@
 
 .custom-message-length {
   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%;
 }
 
@@ -114,11 +114,11 @@
       li {
         margin: 0 4px 8px 0;
         a {
-          color: scale-color($primary, $lightness: 50%);
+          color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
           cursor: pointer;
         }
         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;
     text-align: right;
     max-width: 380px;
-    color: scale-color($primary, $lightness: 60%);
+    color: dark-light-choose(scale-color($primary, $lightness: 60%), scale-color($secondary, $lightness: 40%));
   }
 }
 

app/assets/stylesheets/desktop/queued-posts.scss

@@ -11,7 +11,7 @@
        float: right;
        font-size: 0.929em;
        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 {

app/assets/stylesheets/desktop/topic-list.scss

@@ -36,10 +36,10 @@
 
 .topic-list {
   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;}
-  .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,
   td {
     padding: 12px 5px;
@@ -51,7 +51,7 @@
     }
   }
   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 {
@@ -132,7 +132,7 @@
   .post-actions {
     clear: both;
     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;
     font-size: 12px;
     margin-top: 5px;
@@ -141,7 +141,7 @@
     }
     a {
       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;
       line-height: 20px;
     }
@@ -220,11 +220,11 @@
     margin: 10px 0 0;
     /* topic status glyphs */
     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;
     }
     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;
     }
     .badge {

app/assets/stylesheets/desktop/topic-post.scss

@@ -31,7 +31,7 @@ h1 .topic-statuses .topic-status i {
     font-size: 0.929em;
     float: right;
     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 {
@@ -78,7 +78,7 @@ nav.post-controls {
 
     padding: 0;
     .highlight-action {
-      color: scale-color($primary, $lightness: 60%);
+      color: dark-light-choose(scale-color($primary, $lightness: 60%), scale-color($secondary, $lightness: 40%));
     }
     a, button {
     color: dark-light-choose(scale-color($primary, $lightness: 75%), scale-color($secondary, $lightness: 25%));
@@ -110,7 +110,7 @@ nav.post-controls {
   .show-replies {
     margin-left: -10px;
     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 {
       background: dark-light-diff($primary, $secondary, 90%, -65%);
       span.badge-posts {color: $primary;}
@@ -123,7 +123,7 @@ nav.post-controls {
 
   button.create {
     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;
   }
 
@@ -275,7 +275,7 @@ nav.post-controls {
     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; }
   .reply:first-of-type .row { border-top: none; }
 
@@ -288,10 +288,10 @@ nav.post-controls {
     font-size: 0.929em;
     a {
       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 {
@@ -318,7 +318,7 @@ a.star {
 
   h3 {
     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;
     font-weight: normal;
     font-size: 1em;
@@ -326,7 +326,7 @@ a.star {
 
   h4 {
     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-size: 0.857em;
     line-height: 15px;
@@ -339,7 +339,7 @@ a.star {
 
   span.domain {
     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 {
@@ -379,7 +379,7 @@ a.star {
       line-height: 20px;
     }
     .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%;
     }
     .avatar  a {
@@ -413,7 +413,7 @@ a.star {
     .btn {
       border: 0;
       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%);
       border-left: 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 {
         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;
       }
     }
@@ -938,7 +938,7 @@ a.attachment:before {
    float: right;
    font-size: 0.929em;
    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 {
-  color: scale-color($primary, $lightness: 70%);
+  color: dark-light-choose(scale-color($primary, $lightness: 70%), scale-color($secondary, $lightness: 30%));
 }
 
 .read-state {

app/assets/stylesheets/desktop/topic.scss

@@ -58,7 +58,7 @@
 }
 
 .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;
   margin: 0 5px 0 0;
 }
@@ -66,7 +66,7 @@
 
 a.reply-new {
   margin-top: 3px;
-  color: scale-color($primary, $lightness: 50%);
+  color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
   i {
     margin-right: 3px;
     background: $secondary;

app/assets/stylesheets/desktop/upload.scss

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

app/assets/stylesheets/desktop/user.scss

@@ -56,7 +56,7 @@
     display: inline-block;
   }
   .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-top: 5px;
     margin-bottom: 10px;
@@ -170,7 +170,7 @@
         text-align: left;
         border-bottom: 3px solid dark-light-diff($primary, $secondary, 90%, -60%);
         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;
       }
 
@@ -511,7 +511,7 @@
       }
       // common/base/header.scss
       .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;
       }
     }
@@ -519,12 +519,12 @@
       .name {
         display: inline-block;
         margin-top: 5px;
-        color: scale-color($primary, $lightness: 30%);
+        color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
       }
       .title {
         display: inline-block;
         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;
       }
       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-bottom: 10px;
         font-size: 80%;

app/assets/stylesheets/embed.css.scss

@@ -86,7 +86,7 @@ article.post {
   }
 
   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 {

app/assets/stylesheets/mobile/compose.scss

@@ -33,7 +33,7 @@ display: none !important; // can be removed if inline JS CSS is removed from com
     color: scale-color($secondary, $lightness: 50%);
   }
   #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;
   width: 100%;
@@ -48,7 +48,7 @@ display: none !important; // can be removed if inline JS CSS is removed from com
     right: 1px;
     position: absolute;
     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;
     &:before {
       font-family: "FontAwesome";
@@ -165,11 +165,11 @@ display: none !important; // can be removed if inline JS CSS is removed from com
     #reply-title {
       margin-right: 10px;
       &: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 {
-      background-color: scale-color($primary, $lightness: 75%);
+      background-color: dark-light-choose(scale-color($primary, $lightness: 75%), scale-color($secondary, $lightness: 25%));
     }
     .wmd-input {
       color: darken($primary, 40%);

app/assets/stylesheets/mobile/login.scss

@@ -14,7 +14,7 @@
 
 #login-form {
   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; }
   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 {
     label {
-      color: scale-color($primary, $lightness: 50%);
+      color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
     }
   }
 

app/assets/stylesheets/mobile/modal.scss

@@ -99,7 +99,7 @@
 
 .custom-message-length {
   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%;
 }
 

app/assets/stylesheets/mobile/topic-list.scss

@@ -72,7 +72,7 @@
   th,
   td {
     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;}
@@ -92,7 +92,7 @@
       max-width: 160px;
     }
     .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 {
       margin: 8px 0;
       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 {
       float: left;
       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-size: 0.857em;
     }

app/assets/stylesheets/mobile/topic-post.scss

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

app/assets/stylesheets/mobile/topic.scss

@@ -31,7 +31,7 @@
   .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; }
 
 

app/assets/stylesheets/mobile/upload.scss

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

app/assets/stylesheets/mobile/user.scss

@@ -112,7 +112,7 @@
     display: inline-block;
   }
   .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-bottom: 10px;
     font-size: 80%;
@@ -486,7 +486,7 @@
       }
       // common/base/header.scss
       .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;
       }
     }
@@ -494,13 +494,13 @@
       .name {
         display: inline-block;
         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;
       }
       .title {
         display: inline-block;
         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;
       }
       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-bottom: 10px;
         font-size: 80%;