notes/org-media-sass
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

updated color schemes

Browse source
This commit is contained in:
ronny abraham 2025-04-06 02:27:23 +03:00
parent 6105a32ff0
commit c6757313c5
2 changed files with 31 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
themes/golden-ledger.sass
View file

@ -16,15 +16,21 @@ $tertiary-color: #198754 // Professional green for tertiary elements
$quaternary-color: #6c757d // Muted gray for highlights $quaternary-color: #6c757d // Muted gray for highlights
$quinary-color: #d63384 // Refined pinkish-red for subtle accents $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
$text-color: #2b2c2f // Dark gray with a slight warmth for 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: #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 // Links, Anchors
$anchor-color: color.adjust($primary-color, $lightness: 15%) $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%) $toc-anchor-hover-color: color.adjust($secondary-color, $lightness: -10%)
// Tables // Tables
$table-color: $text-color
$table-header-color: $text-color
$table-header-bg: #e0e0e5 // Light neutral gray for table headers $table-header-bg: #e0e0e5 // Light neutral gray for table headers
$table-border-color: #b5b5b8 // Subtle gray for borders $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, h2, $secondary-color)
$default-header-colors: map.set($default-header-colors, h3, $tertiary-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, 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 // Initialize empty maps
$default-header-margins-sides: () $default-header-margins-sides: ()

21
themes/sandy-peach.sass
View file

@ -15,16 +15,21 @@ $tertiary-color: #734432 // Rich brown
$quaternary-color: #BF8069 // Warm peach $quaternary-color: #BF8069 // Warm peach
$quinary-color: #A62E2E // Bold red $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
$text-color: color.adjust($primary-color, $lightness: 10%) $text-color: color.adjust($primary-color, $lightness: 10%)
$background-color: color.adjust($secondary-color, $lightness: 25%) // Slightly darker neutral for overall background $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 // Links, Anchors
$anchor-color: color.adjust($tertiary-color, $lightness: 0%) // Slightly brighter brown for links $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 $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 $toc-anchor-hover-color: color.adjust($quaternary-color, $lightness: -20%) // Slightly darker peach for hover
// Tables // 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-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 $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, h2, $secondary-color)
$default-header-colors: map.set($default-header-colors, h3, $tertiary-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, 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 // Initialize empty maps
$default-header-margins-sides: () $default-header-margins-sides: ()