Danish Pastel Jekyll Theme
A Jekyll theme implementing Danish Pastel design principles. Characterized by muted tones, minimal borders, and soft shadows derived from Scandinavian minimalism. Built for documentation, internal runbooks, and technical reference materials where readability and visual calm are priorities.
What Is Danish Pastel?
Danish Pastel is a design aesthetic rooted in Scandinavian minimalism and hygge principles. It uses muted, sophisticated colors inspired by natural materials:
- Dusty rose, sage green, warm clay, soft mauve
- Subtle 1px borders with minimal contrast
- Soft blur shadows (4-6px) with low opacity
- Generous whitespace and natural spacing
- Clean typography for extended reading sessions
The aesthetic reduces visual fatigue while maintaining functional clarity.
Features
- Muted color palette using CSS variables for easy customization
- Minimal borders and soft shadows for a calm interface
- Responsive layouts that scale appropriately across devices
- GitHub Pages compatible with no additional configuration required
- Poppins and Space Mono typefaces for balanced readability
- Pure CSS implementation with no external dependencies
- Standard Jekyll layouts for posts, pages, and documentation
Color Palette (Default)
--color-primary: #C9ADA7; /* Dusty mauve */
--color-secondary: #9A8C98; /* Soft mauve */
--color-accent: #D4A5A5; /* Dusty rose */
--color-success: #A8DADC; /* Sage blue */
--color-sage: #A7C4BC; /* Sage green */Installation
Option 1: GitHub Pages (Easiest)
Add to your _config.yml:
remote_theme: cryptonym0/jekyll-theme-danish-pastel
plugins:
- jekyll-remote-theme
- jekyll-feed
- jekyll-seo-tagAdd to your Gemfile:
gem "jekyll-remote-theme"Option 2: As a Gem
Add to your Gemfile:
gem "jekyll-theme-danish-pastel"And to your _config.yml:
theme: jekyll-theme-danish-pastelThen run: bundle install
📖 Documentation
- GitHub Pages Setup - Deploy your own demo site
- Installation Guide - Detailed setup instructions
- Publishing Guide - How to distribute this theme
- Changelog - Version history
- Example Site - Example implementation
Local Development
# Install dependencies
bundle install
# Start Jekyll server
bundle exec jekyll serve
# Open http://localhost:4000🎨 Customization
Change Colors
Edit assets/css/style.css:
:root {
--color-primary: #YOUR_COLOR; /* Main accent */
--color-secondary: #YOUR_COLOR; /* Secondary accent */
--color-accent: #YOUR_COLOR; /* Tertiary accent */
}Adjust Border Thickness
:root {
--border-width: 2px; /* Increase for more definition */
}Modify Shadows
:root {
--shadow: 0 6px 15px rgba(154, 140, 152, 0.15); /* Adjust blur and opacity */
}📝 Creating Content
Add a New Post
Create a file in _posts/:
---
layout: post
title: "Configuration Management Patterns"
date: 2026-03-02 12:00:00 -0800
categories: documentation
---
Your content here...Add a New Page
Create a .markdown or .html file:
---
layout: page
title: "Page Title"
permalink: /your-page/
---
Your content here...🛠️ Built With
- Jekyll 4.3+
- Pure CSS (no external frameworks)
- Poppins and Space Mono typefaces
📄 License
MIT License. Free to use and modify.