_variables.scss in quattle-1.3.0

- old
+ new
@@ -1,29 +1,29 @@
-// Color scheme for light and dark modes.
+// Color scheme for light and dark mode
+$color: #0083a0;
+$accent: #6968A7;
+$light-scheme-color: #009ddc;
+$light-scheme-accent: #909090;
 
-$light: #007AFF;
-$dark: #2F8F85;
+$code: #5bc8f9;
 
-// Highlighting color for code block borders and language name.
-
-$code-light: #5AC8FA;
-$code-dark: #d0f6db;
-
+$message-default: #282828;
 $message-green: #62bb47;
 $message-yellow: #fcb827;
 $message-orange: #f6821f;
 $message-red: #e03940;
 $message-purple: #953c96;
 $message-blue: #009ddc;
 
-$root-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
+$root-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 $code-font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
 $root-font-size: 16px;
 $root-line-height: 1.5;
 
-$body-color: rgba(0,0,0,.8);
-$body-bg: rgba(0,0,0,.03);
-$body-color-dark: hsla(0,0%,100%,.8);
-$body-bg-dark: rgba(0,0,0,.9);
+$body-color: rgba(255, 255, 255, 0.8);
+$body-bg: rgba(0,0,0,.9);
+$light-scheme-text: rgba(52, 52, 52, 0.9);
+$light-scheme-bg: rgba(255, 255, 255, 0.8);
 
+
 $large-breakpoint: 38em;
-$large-font-size: 20px;
+$large-font-size: 1.25em;