65 lines
3.1 KiB
Sass
65 lines
3.1 KiB
Sass
|
// themes/desert-oasis.sass
|
||
|
|
|
||
|
|
@use "sass:map"
|
||
|
|
@use "sass:color"
|
||
|
|
@use '../fonts' as fonts
|
||
|
|
|
||
|
|
$list-padding-left: 1.5em
|
||
|
|
|
||
|
|
// Color Variables for Desert Theme
|
||
|
|
$primary-color: #d18f77 // Warm sandstone (used for primary headers)
|
||
|
|
$secondary-color: #e0b589 // Light sandy beige (used for secondary headers)
|
||
|
|
$tertiary-color: #a7582e // Rusty orange-red (used for subheaders)
|
||
|
|
$quaternary-color: #875640 // Deep clay brown (used for smaller headers)
|
||
|
|
$quinary-color: #bda27b // Sandy yellow (accent for headers)
|
||
|
|
|
||
|
|
$code-background-color: #000 // Soft dark background for code blocks
|
||
|
|
$code-text-color: #cd8c7e // Warm beige for code text
|
||
|
|
|
||
|
|
$note-background-color: #f4e9d8 // Soft light beige for note background
|
||
|
|
$note-border-color: $tertiary-color // Rusty orange-red for note borders
|
||
|
|
|
||
|
|
// Text and Background
|
||
|
|
$text-color: #4c3e3b // Dark brown for contrast
|
||
|
|
$background-color: #f4e9d8 // Soft light beige for background
|
||
|
|
|
||
|
|
// Links, Anchors
|
||
|
|
$anchor-color: #967e52 // Muted desert green for links
|
||
|
|
$anchor-hover-color: #e0b589 // Sandy beige for hover links
|
||
|
|
$toc-anchor-color: color.adjust($anchor-color, $lightness: -10%)
|
||
|
|
$toc-anchor-hover-color: color.adjust($anchor-hover-color, $lightness: 10%)
|
||
|
|
|
||
|
|
// Tables
|
||
|
|
$table-header-bg: #967e52 // Muted desert green for table headers
|
||
|
|
$table-border-color: #bda27b // Sandy yellow for table borders
|
||
|
|
|
||
|
|
// Header Sizes and Colors
|
||
|
|
$default-header-sizes: ( h1: 2em, h2: 1.75em, h3: 1.3em, h4: 1.25em, h5: 1.1em, h6: 1em)
|
||
|
|
|
||
|
|
$default-header-colors: ( h1: $primary-color, h2: $secondary-color, h3: $tertiary-color, h4: $quaternary-color, h5: $quinary-color)
|
||
|
|
|
||
|
|
// Initialize empty maps for margins
|
||
|
|
$default-header-margins-sides: ()
|
||
|
|
$default-header-margins-vertical: ()
|
||
|
|
|
||
|
|
// Dynamically populate sides map
|
||
|
|
$default-header-margins-sides: map.set($default-header-margins-sides, h1, (left: 0, right: 0))
|
||
|
|
$default-header-margins-sides: map.set($default-header-margins-sides, h2, (left: 0, right: 0))
|
||
|
|
$default-header-margins-sides: map.set($default-header-margins-sides, h3, (left: 0, right: 0))
|
||
|
|
$default-header-margins-sides: map.set($default-header-margins-sides, h4, (left: 0, right: 0))
|
||
|
|
$default-header-margins-sides: map.set($default-header-margins-sides, h5, (left: 0, right: 0))
|
||
|
|
$default-header-margins-sides: map.set($default-header-margins-sides, h6, (left: 0, right: 0))
|
||
|
|
|
||
|
|
// Dynamically populate vertical map
|
||
|
|
$default-header-margins-vertical: map.set($default-header-margins-vertical, h1, (top: 1em, bottom: 0.5em))
|
||
|
|
$default-header-margins-vertical: map.set($default-header-margins-vertical, h2, (top: 1em, bottom: 0.5em))
|
||
|
|
$default-header-margins-vertical: map.set($default-header-margins-vertical, h3, (top: 1em, bottom: 0.5em))
|
||
|
|
$default-header-margins-vertical: map.set($default-header-margins-vertical, h4, (top: 1em, bottom: 0.5em))
|
||
|
|
$default-header-margins-vertical: map.set($default-header-margins-vertical, h5, (top: 1em, bottom: 0.5em))
|
||
|
|
$default-header-margins-vertical: map.set($default-header-margins-vertical, h6, (top: 3.5em, bottom: 0.5em))
|
||
|
|
|
||
|
|
// Fonts
|
||
|
|
$primary-font: 'Source Code Pro', monospace // Clean, readable monospace
|
||
|
|
$secondary-font: 'Lora', serif // Seriffed font for headers
|
||
|
|
|