31 lines
1.5 KiB
Sass
31 lines
1.5 KiB
Sass
@use "sass:map"
|
|
|
|
// Color Variables for Desert Theme
|
|
$primary-color: #d18f77 // Warm sandstone (primary headers)
|
|
$secondary-color: #e0b589 // Light sandy beige (secondary headers)
|
|
$tertiary-color: #a7582e // Rusty orange-red (subheaders)
|
|
$quaternary-color: #875640 // Deep clay brown (smaller headers)
|
|
$link-color-primary: #967e52 // Muted desert green (primary links)
|
|
$link-color-secondary: #bda27b // Sandy yellow (secondary links)
|
|
$background-color: #f4e9d8 // Soft light beige (background)
|
|
$text-color: #4c3e3b // Dark brown (text for contrast)
|
|
$table-header-bg: #967e52 // Muted desert green for table headers
|
|
$table-border-color: #bda27b // Sandy yellow for table borders
|
|
|
|
// Inverse Link Colors
|
|
$inverse-link-color: #875640 // Deep clay brown for inverse links
|
|
$inverse-link-hover-color: #e0b589 // Sandy beige for inverse link hover
|
|
|
|
// Font Variables
|
|
$primary-font: 'Source Code Pro' // Clean, readable monospace for code
|
|
$secondary-font: 'Lora' // Seriffed font for headers
|
|
|
|
// Header Sizes and Colors Map
|
|
$header-styles: (h1: (size: 2em, color: $primary-color, border-size: 2px))
|
|
$header-styles: map.set($header-styles, h2, (size: 1.75em, color: $secondary-color, border-size: 2px))
|
|
$header-styles: map.set($header-styles, h3, (size: 1.3em, color: $tertiary-color, border-size: 1px))
|
|
$header-styles: map.set($header-styles, h4, (size: 1.25em, color: $quaternary-color, border-size: 1px))
|
|
|
|
// Code Block Background
|
|
$code-bg-color: #000 // Warm, soft background for code blocks
|
|
$code-font-color: #cd8c7e
|