35 lines
1.4 KiB
Sass
35 lines
1.4 KiB
Sass
|
@use "sass:map"
|
||
|
|
|
||
|
|
// Color Variables for Light Theme
|
||
|
|
$primary-color: #2980b9 // Bright blue for headers
|
||
|
|
$secondary-color: #34495e // Darker gray for secondary headers
|
||
|
|
$tertiary-color: #16a085 // Bright teal for subheaders
|
||
|
|
$quaternary-color: #8e44ad // Bright purple for smaller headers
|
||
|
|
|
||
|
|
$link-color-primary: #d35400 // Vibrant orange for primary links
|
||
|
|
$link-color-secondary: #c0392b // Strong red for secondary links
|
||
|
|
|
||
|
|
$background-color: #ecf0f1 // Light gray background
|
||
|
|
$text-color: #2c3e50 // Dark text for contrast
|
||
|
|
$table-header-bg: #bdc3c7 // Lighter gray for table headers
|
||
|
|
$table-border-color: #7f8c8d // Medium gray for borders
|
||
|
|
|
||
|
|
// Inverse Link Colors
|
||
|
|
$inverse-link-color: #ecf0f1 // Light background for inverse links
|
||
|
|
$inverse-link-hover-color: #2c3e50 // Dark text color for inverse link hover
|
||
|
|
|
||
|
|
// font variables
|
||
|
|
$primary-font: 'fira-mono'
|
||
|
|
$secondary-font: 'roboto'
|
||
|
|
|
||
|
|
// 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: #bdc3c7 // Lighter background color for code blocks
|
||
|
|
$code-font-color: $text-color
|
||
|
|
|