_sass/niveus.scss in jekyll-theme-niveus-1.0.4 vs _sass/niveus.scss in jekyll-theme-niveus-1.1.0
- old
+ new
@@ -11,18 +11,31 @@
$spacing-unit: 4em !default;
$text-color: #333 !default;
$background-color: #fdfdfd !default;
$brand-color: #1756a9 !default;
+$text-color-darkmode: #fff !default;
+$background-color-darkmode: #000 !default;
+$brand-color-darkmode: #36a4fe !default;
+// Regular
$grey-color: #828282 !default;
$grey-color-light: lighten($grey-color, 40%) !default;
$grey-color-lightest: #eee;
$grey-color-medium: darken($grey-color, 15%) !default;
$grey-color-dark: darken($grey-color, 25%) !default;
$grey-color-link: lighten($grey-color, 20%) !default;
+// Dark mode
+$grey-color-darkmode: #aaa !default;
+$grey-color-light-darkmode: lighten($grey-color-darkmode, 40%) !default;
+$grey-color-lightest-darkmode: #eee;
+$grey-color-medium-darkmode: darken($grey-color-darkmode, 15%) !default;
+$grey-color-dark-darkmode: darken($grey-color-darkmode, 25%) !default;
+$grey-color-darkest-darkmode: darken($grey-color-darkmode, 60%) !default;
+$grey-color-link-darkmode: lighten($grey-color-darkmode, 20%) !default;
+
// Width of the content area
$content-width: 860px !default;
$desktop: 1100px !default;
$tablet: 900px !default;
$tablet-width: 700px !default;
@@ -41,7 +54,13 @@
// Import partials.
@import
"base",
"layout",
- "syntax-highlighting"
+ "syntax-highlighting",
+ "dark-mode"
;
+
+// Fixes for syntax highlighting
+code {
+ background-color: inherit;
+}