// ============================================================================= // Dark theme // =============================================================================

// Variables // =============================================================================

// Shades of gray

$black: #000; $gray-darkest: #121111; $gray-darker: lighten($gray-darkest, 15); $gray-dark: lighten($gray-darkest, 30); $gray: lighten($gray-darkest, 45); $gray-light: lighten($gray-darkest, 60); $gray-lighter: lighten($gray-darkest, 75); $gray-lightest: lighten($gray-darkest, 85); $white: fff;

// Font colors

$base-font-color: $gray-lighter; $base-accent-color: $gray-lighter; $base-accent-highlighted-color: darken($base-accent-color, 15);

// Border color

$base-border-color: $gray-darker;

// Page specific colors

$body-background: $gray-darkest; $header-logo-color: $white; $header-link-color: $gray-light; $header-link-color-hover: $white; $article-header-title-color: $gray-lightest; $article-header-description-color: $gray; $article-post-titles-color: $gray-lightest; $article-footer-color: $gray-dark; $article-footer-link-color: $gray-light; $article-footer-link-color-hover: $white; $article-paginator-color-hover: $gray-lightest;

// Imports // =============================================================================

// Vendors

@import “vendor/normalize”; @import “../yarn/fluidbox/src/css/_fluidbox.scss”;

// Settings

@import “variables”; @import “mixins”; @import “base”;

// Layouts

@import “layouts/footer”; @import “layouts/grid”;

// Modules

@import “modules/about”; @import “modules/articles”; @import “modules/embed”; @import “modules/header”; @import “modules/highlights-dark”; @import “modules/icons”; @import “modules/scrollappear”;