Merge branch 'master' into dark-light-switch

common/common.scss

@@ -54,12 +54,7 @@ body textarea {
   max-width: 808px;
   button {
     margin-left: 1em;
-    @media (prefers-color-scheme: dark) {
-      background-color: #3b3b3b;
-    }
-    @media (prefers-color-scheme: light) {
-      background-color: #fff;
-    }
+    background-color: lighten($secondary, 10%);
   }
 }
 

desktop/desktop.scss

@@ -34,24 +34,24 @@
 //underline navigation links
 .nav-pills > li.active > a,
 .nav-pills > li > a.active {
-  color: var(--primary, $primary);
+  color: $primary;
   font-weight: 500;
-  background-color: var(--secondary, $secondary);
-  border-bottom: 3px solid var(--tertiary, $tertiary);
+  background-color: $secondary;
+  border-bottom: 3px solid $tertiary;
 }
 
 //remove highlighting navigation background on hover
 .nav-pills > li > a:hover {
-  background-color: var(--secondary, $secondary);
+  background-color: $secondary;
 }
 
 //fix color of user profile navigation icons
 .user-main .nav-pills {
   a.active i {
-    color: var(--primary, $primary);
+    color: $primary;
   }
   a:hover:not(.active) i {
-    color: var(--quaternary, $quaternary);
+    color: $quaternary;
   }
 }
 
@@ -99,7 +99,7 @@
 
 .embedded-posts.top.topic-body {
   box-shadow: none;
-  background-color: var(--secondary, $secondary);
+  background-color: $secondary;
 }
 
 //darken color, remove shadow and border when pressed
@@ -124,13 +124,13 @@
   bottom: 30px;
   right: 50px;
   z-index: z("composer", "content") - 1;
-  background-color: var(--tertiary, $tertiary);
-  color: var(--secondary, $secondary);
+  background-color: $tertiary;
+  color: $secondary;
   white-space: nowrap;
   overflow: hidden;
   .d-icon {
     margin: 0;
-    color: var(--secondary, $secondary);
+    color: $secondary;
   }
   .d-button-label {
     display: inline-block;
@@ -151,7 +151,7 @@
 }
 
 #create-topic.btn-default .fa-plus {
-  color: var(--secondary, $secondary);
+  color: $secondary;
 }
 
 #create-topic.btn-default:hover {
@@ -168,20 +168,20 @@
   position: absolute;
   top: 55px;
   left: -10px;
-  background-color: var(--tertiary, $tertiary);
+  background-color: $tertiary;
   @include buttonShadow;
   overflow: hidden;
   width: 60px;
   height: 60px;
   @include buttonTransition;
   .d-icon {
-    color: var(--secondary, $secondary);
+    color: $secondary;
   }
 }
 
 //Increase size of reply icon
 .widget-button.btn.create .fa-reply {
-  color: var(--secondary, $secondary);
+  color: $secondary;
   font-size: 20px;
 }
 
@@ -215,7 +215,7 @@
 
 @keyframes background-fade-highlight {
   0% {
-    background-color: var(--tertiary-low, $tertiary-low);
+    background-color: lighten($tertiary, 20%);
   }
   100% {
     background-color: var(--material-lighter-secondary);

mobile/mobile.scss

@@ -5,12 +5,7 @@
 //create conversation cards
 .topic-body {
   @include boxShadow;
-  @media (prefers-color-scheme: dark) {
-    background-color: #3b3b3b;
-  }
-  @media (prefers-color-scheme: light) {
-    background-color: #fff;
-  }
+  background-color: lighten($secondary, 10%);
   margin-top: 10px;
   padding: 20px;
   border-radius: 4px;