_sass/_base.scss in quattle-1.2.1 vs _sass/_base.scss in quattle-1.3.0

@@ -25,35 +25,37 @@
 body {
   color: $body-color;
   background-color: $body-bg;
   -webkit-text-size-adjust: 100%;
       -ms-text-size-adjust: 100%;
-	  
-@media (prefers-color-scheme: dark) {
-  color: $body-color-dark;
-  background-color: $body-bg-dark;
-  }
+      
+      
+  @media (prefers-color-scheme: light) {
+  color: $light-scheme-text;
+  background-color: $light-scheme-bg;
+    }
+      
 }
 
 // No `:visited` state is required by default (browsers will use `a`)
 a {
-  color: $light;
+  color: $color;
   text-decoration: none;
+  
+   @media (prefers-color-scheme: light) {
+   color: $light-scheme-color;
+     }
 
   // `:focus` is linked to `:hover` for basic accessibility
   &:hover,
   &:focus {
-  text-decoration: none;
+    text-decoration: none;
   }
 
   strong {
     color: inherit;
   }
-  
-@media (prefers-color-scheme: dark) {
-  color: $dark;
-  }
 }
 
 img {
   display: block;
   max-width: 100%;
@@ -63,35 +65,31 @@
 
 table {
   margin-bottom: 1rem;
   width: 100%;
   font-size: 85%;
-  border: 1px solid #d4d4d4;
+  border: 1px solid #555555;
   border-collapse: collapse;
   
-@media (prefers-color-scheme: dark) {
-  border: 1px solid #555555;
-  }
+  @media (prefers-color-scheme: light) {
+    border: 1px solid #D2D2D2;
+    }
 }
 
 td,
 th {
   padding: .25rem .5rem;
-  border: 1px solid #d4d4d4;
-  
-@media (prefers-color-scheme: dark) {
   border: 1px solid #555555;
-  }
 }
 
 th {
   text-align: left;
 }
 
 tbody tr:nth-child(odd) td,
 tbody tr:nth-child(odd) th {
-  background-color: #eee;
-
-@media (prefers-color-scheme: dark) {
   background-color: #2d2d2d;
+  
+  @media (prefers-color-scheme: light) {
+  background-color: #d2d2d2;
   }
 }