47 lines
1.3 KiB
Sass
47 lines
1.3 KiB
Sass
@use "sass:map"
|
|
|
|
$primary-color: red
|
|
$secondary-color: blue
|
|
$tertiary-color: green
|
|
$quaternary-color: orange
|
|
|
|
$primary-color: #c29504
|
|
$secondary-color: #d16f00
|
|
$tertiary-color: #ccad49
|
|
$quaternary-color: #c5b06a
|
|
$quinary-color: #3c78bd
|
|
|
|
$text-color: #f5f5f5
|
|
$background-color: #343434
|
|
|
|
$primary-font: "Times"
|
|
$secondary-font: "Roboto"
|
|
|
|
// Header Sizes and Colors Map
|
|
$header-styles: (h1: (size: 2.5em, color: $primary-color, border-size: 2px))
|
|
$header-styles: map.set($header-styles, h2, (size: 1.5em, color: $secondary-color, border-size: 2px))
|
|
$header-styles: map.set($header-styles, h3, (size: 1.0em, color: $tertiary-color, border-size: 1px))
|
|
$header-styles: map.set($header-styles, h4, (size: 1.0em, color: $quaternary-color, border-size: 1px))
|
|
|
|
|
|
// Colors
|
|
$anchor-color: $primary-color
|
|
$anchor-hover-color: lighten($anchor-color, 10)
|
|
|
|
$anchor-secondary-color: #a19581
|
|
$anchor-secondary-hover-color: #ffad42 // A warm, light orange that pairs well with the yellow marker
|
|
|
|
// Code Block Background
|
|
$code-bg-color: #000 // Lighter background color for code blocks
|
|
$code-font-color: $text-color
|
|
$code-font-color: #bb7e70
|
|
|
|
// Header Sizes
|
|
// $default-header-sizes: (h1: 2em, h2: 1.5em, h3: 1em, h4: 1em, h5: 1.1em, h6: 1em)
|
|
|
|
// Margins
|
|
$first-anchor-margin-left: 2em
|
|
|
|
|
|
$playlist-header-color: $primary-color
|
|
|