updated color schemes
This commit is contained in:
parent
6105a32ff0
commit
c6757313c5
2 changed files with 31 additions and 12 deletions
|
|
@ -16,15 +16,21 @@ $tertiary-color: #198754 // Professional green for tertiary elements
|
|||
$quaternary-color: #6c757d // Muted gray for highlights
|
||||
$quinary-color: #d63384 // Refined pinkish-red for subtle accents
|
||||
|
||||
$code-background-color: #2d2f33 // Softer dark gray-blue for code blocks
|
||||
$code-text-color: #e8e9eb // Light gray for code text
|
||||
|
||||
$note-background-color: #f4f4f6 // Light grayish-neutral for note background
|
||||
$note-border-color: $quinary-color // Matches the refined pinkish-red accent
|
||||
|
||||
// Text
|
||||
$text-color: #2b2c2f // Dark gray with a slight warmth for text
|
||||
$background-color: #f5f5f7 // Soft light gray for background, reducing eye strain
|
||||
$background-color: color.adjust($secondary-color, $lightness: 50%)
|
||||
|
||||
$code-text-color: #e8e9eb // Light gray for code text
|
||||
$code-background-color: #2d2f33 // Softer dark gray-blue for code blocks
|
||||
$code-border-color: $quaternary-color
|
||||
|
||||
$note-color: $secondary-color
|
||||
$note-background-color: #f4f4f6 // Light grayish-neutral for note background
|
||||
$note-border-color: $quinary-color // Matches the refined pinkish-red accent
|
||||
|
||||
$blockquote-color: $primary-color
|
||||
$blockquote-border-color: $secondary-color
|
||||
|
||||
// Links, Anchors
|
||||
$anchor-color: color.adjust($primary-color, $lightness: 15%)
|
||||
|
|
@ -33,6 +39,8 @@ $toc-anchor-color: color.adjust($secondary-color, $lightness: -5%)
|
|||
$toc-anchor-hover-color: color.adjust($secondary-color, $lightness: -10%)
|
||||
|
||||
// Tables
|
||||
$table-color: $text-color
|
||||
$table-header-color: $text-color
|
||||
$table-header-bg: #e0e0e5 // Light neutral gray for table headers
|
||||
$table-border-color: #b5b5b8 // Subtle gray for borders
|
||||
|
||||
|
|
@ -49,6 +57,8 @@ $default-header-colors: map.set($default-header-colors, h1, $primary-color)
|
|||
$default-header-colors: map.set($default-header-colors, h2, $secondary-color)
|
||||
$default-header-colors: map.set($default-header-colors, h3, $tertiary-color)
|
||||
$default-header-colors: map.set($default-header-colors, h4, $quaternary-color)
|
||||
$default-header-colors: map.set($default-header-colors, h5, $tertiary-color)
|
||||
$default-header-colors: map.set($default-header-colors, h6, $quinary-color)
|
||||
|
||||
// Initialize empty maps
|
||||
$default-header-margins-sides: ()
|
||||
|
|
|
|||
|
|
@ -15,16 +15,21 @@ $tertiary-color: #734432 // Rich brown
|
|||
$quaternary-color: #BF8069 // Warm peach
|
||||
$quinary-color: #A62E2E // Bold red
|
||||
|
||||
$code-background-color: color.adjust($primary-color, $lightness: -10%) // Slightly darker for contrast
|
||||
$code-text-color: color.adjust($primary-color, $lightness: 70%) // Brightened for readability
|
||||
|
||||
$note-background-color: color.adjust($secondary-color, $lightness: 20%) // Subtle contrast for notes
|
||||
$note-border-color: $quinary-color // Matches the bold red accent
|
||||
|
||||
// Text
|
||||
$text-color: color.adjust($primary-color, $lightness: 10%)
|
||||
$background-color: color.adjust($secondary-color, $lightness: 25%) // Slightly darker neutral for overall background
|
||||
|
||||
$code-text-color: color.adjust($primary-color, $lightness: 70%) // Brightened for readability
|
||||
$code-background-color: color.adjust($primary-color, $lightness: -10%) // Slightly darker for contrast
|
||||
$code-border-color: $quaternary-color
|
||||
|
||||
$note-color: $secondary-color
|
||||
$note-background-color: color.adjust($secondary-color, $lightness: 20%) // Subtle contrast for notes
|
||||
$note-border-color: $quinary-color // Matches the bold red accent
|
||||
|
||||
$blockquote-color: $primary-color
|
||||
$blockquote-border-color: $secondary-color
|
||||
|
||||
// Links, Anchors
|
||||
$anchor-color: color.adjust($tertiary-color, $lightness: 0%) // Slightly brighter brown for links
|
||||
$anchor-hover-color: color.adjust($tertiary-color, $lightness: 20%) // Darkened for hover effect
|
||||
|
|
@ -32,6 +37,8 @@ $toc-anchor-color: color.adjust($quaternary-color, $lightness: 0%) // Slightly
|
|||
$toc-anchor-hover-color: color.adjust($quaternary-color, $lightness: -20%) // Slightly darker peach for hover
|
||||
|
||||
// Tables
|
||||
$table-color: $text-color
|
||||
$table-header-color: $text-color
|
||||
$table-header-bg: color.adjust($quaternary-color, $lightness: -20%) // Darker peach for table headers
|
||||
$table-border-color: color.adjust($primary-color, $lightness: -20%) // Darkened navy-gray for borders
|
||||
|
||||
|
|
@ -48,6 +55,8 @@ $default-header-colors: map.set($default-header-colors, h1, color.adjust($primar
|
|||
$default-header-colors: map.set($default-header-colors, h2, $secondary-color)
|
||||
$default-header-colors: map.set($default-header-colors, h3, $tertiary-color)
|
||||
$default-header-colors: map.set($default-header-colors, h4, $quaternary-color)
|
||||
$default-header-colors: map.set($default-header-colors, h5, $tertiary-color)
|
||||
$default-header-colors: map.set($default-header-colors, h6, $quinary-color)
|
||||
|
||||
// Initialize empty maps
|
||||
$default-header-margins-sides: ()
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue