_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; +}