updated themes
This commit is contained in:
parent
d58cf273f1
commit
68b5897c8a
6 changed files with 1 additions and 375 deletions
1
_share/media/sass/themes
Symbolic link
1
_share/media/sass/themes
Symbolic link
|
|
@ -0,0 +1 @@
|
|||
/Users/ronny/notes/_share/media/sass/themes
|
||||
|
|
@ -1,75 +0,0 @@
|
|||
// _midnight-ledger.sass
|
||||
@use "sass:map"
|
||||
@use "sass:color"
|
||||
@use '../fonts' as fonts
|
||||
|
||||
$list-padding-left: 1.3em
|
||||
|
||||
// Color Variables
|
||||
|
||||
// Colors
|
||||
$primary-color: #5294e2 // Soft blue for links
|
||||
$secondary-color: #87cba4 // Muted teal-green for secondary elements
|
||||
$tertiary-color: #e2a47e // Warm coral for tertiary elements
|
||||
$quaternary-color: #c3c9e8 // Light lavender-gray for highlights
|
||||
$quinary-color: #fcdba9 // Soft peach for accents
|
||||
|
||||
$code-background-color: #2a2e37 // Dark slate for code blocks
|
||||
$code-text-color: #f0f4f8 // Pale blue-gray for code text
|
||||
|
||||
$note-background-color: #333842 // Dark gray-blue for note background
|
||||
$note-border-color: $quinary-color // Peach accent for note borders
|
||||
|
||||
// Text and Background
|
||||
$text-color: #d1d5db // Light gray for text
|
||||
$background-color: #1a1c22 // Deep charcoal background for reduced eye strain
|
||||
|
||||
// Links, Anchors
|
||||
$anchor-color: color.adjust($primary-color, $lightness: 10%)
|
||||
$anchor-hover-color: color.adjust($primary-color, $lightness: -10%)
|
||||
$toc-anchor-color: color.adjust($secondary-color, $lightness: -5%)
|
||||
$toc-anchor-hover-color: color.adjust($secondary-color, $lightness: -10%)
|
||||
|
||||
// Tables
|
||||
$table-header-bg: #3b414d // Dark gray for table headers
|
||||
$table-border-color: #505866 // Subtle muted blue-gray for borders
|
||||
|
||||
// Header Sizes and Colors
|
||||
$default-header-sizes: ()
|
||||
$default-header-sizes: map.set($default-header-sizes, h1, 2.4em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h2, 2em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h3, 1.8em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h4, 1.5em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h5, 1.3em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h6, 1.1em)
|
||||
|
||||
$default-header-colors: ()
|
||||
$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)
|
||||
|
||||
// Initialize empty maps for margins
|
||||
$default-header-margins-sides: ()
|
||||
$default-header-margins-vertical: ()
|
||||
|
||||
// Dynamically populate sides map
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h1, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h2, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h3, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h4, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h5, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h6, (left: 0, right: 0))
|
||||
|
||||
// Dynamically populate vertical map
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h1, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h2, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h3, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h4, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h5, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h6, (top: 1em, bottom: 0.5em))
|
||||
|
||||
// Fonts
|
||||
$primary-font: 'Roboto Slab', serif // Modern serif for professional content
|
||||
$secondary-font: 'Source Sans Pro', sans-serif // Clean sans-serif for secondary content
|
||||
|
||||
|
|
@ -1,73 +0,0 @@
|
|||
// _nocturne-ledger.sass
|
||||
@use "sass:map"
|
||||
@use "sass:color"
|
||||
@use '../fonts' as fonts
|
||||
|
||||
$list-padding-left: 1.5em
|
||||
|
||||
// Color Variables
|
||||
|
||||
// Colors
|
||||
$primary-color: #3e536d // Deep slate blue for links
|
||||
$secondary-color: #586e75 // Muted teal for secondary elements
|
||||
$tertiary-color: #d19a66 // Golden brown for tertiary elements
|
||||
$quaternary-color: #6c757d // Subdued gray for highlights
|
||||
$quinary-color: #a44b6a // Rich burgundy for accents
|
||||
|
||||
$code-background-color: #1e1f24 // Very dark gray for code blocks
|
||||
$code-text-color: #c6d0d1 // Soft grayish-cyan for code text
|
||||
|
||||
$note-background-color: #2a2d35 // Charcoal gray for note background
|
||||
$note-border-color: $quinary-color // Matches the burgundy accent
|
||||
|
||||
// Text
|
||||
$text-color: #d4d7dd // Light gray for text
|
||||
$background-color: #131519 // Dark navy background for visual comfort
|
||||
|
||||
// Links, Anchors
|
||||
$anchor-color: color.adjust($primary-color, $lightness: 15%)
|
||||
$anchor-hover-color: color.adjust($primary-color, $lightness: -10%)
|
||||
$toc-anchor-color: color.adjust($secondary-color, $lightness: -5%)
|
||||
$toc-anchor-hover-color: color.adjust($secondary-color, $lightness: -10%)
|
||||
|
||||
// Tables
|
||||
$table-header-bg: #2d3a40 // Muted teal-gray for table headers
|
||||
$table-border-color: #3c444b // Soft dark gray for borders
|
||||
|
||||
$default-header-sizes: ()
|
||||
$default-header-sizes: map.set($default-header-sizes, h1, 2.5em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h2, 2em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h3, 1.8em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h4, 1.4em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h5, 1.2em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h6, 1.1em)
|
||||
|
||||
$default-header-colors: ()
|
||||
$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)
|
||||
|
||||
// Initialize empty maps
|
||||
$default-header-margins-sides: ()
|
||||
$default-header-margins-vertical: ()
|
||||
|
||||
// Dynamically populate sides map
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h1, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h2, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h3, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h4, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h5, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h6, (left: 0, right: 0))
|
||||
|
||||
// Dynamically populate vertical map
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h1, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h2, (top: 1em, bottom: 0em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h3, (top: 0em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h4, (top: 0em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h5, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h6, (top: 1em, bottom: 0.5em))
|
||||
|
||||
// Fonts
|
||||
$primary-font: 'Source Sans Pro', sans-serif // Professional sans-serif for content
|
||||
$secondary-font: 'Roboto Slab', serif // Elegant serif for headers
|
||||
|
|
@ -1,75 +0,0 @@
|
|||
// _sophisticated-sandstone.sass
|
||||
@use "sass:map"
|
||||
@use "sass:color"
|
||||
@use '../fonts' as fonts
|
||||
|
||||
$list-padding-left: 1.3em
|
||||
|
||||
// Color Variables
|
||||
|
||||
// Colors
|
||||
$primary-color: #8c6239 // Warm brown for links
|
||||
$secondary-color: #c69c6d // Soft tan for secondary elements
|
||||
$tertiary-color: #7b8a4f // Olive green for tertiary elements
|
||||
$quaternary-color: #b4b7b4 // Muted gray for highlights
|
||||
$quinary-color: #d67474 // Subtle coral for accents
|
||||
|
||||
$code-background-color: #f8f0e5 // Soft warm beige for code blocks
|
||||
$code-text-color: #5a5a5a // Gentle dark gray for code text
|
||||
|
||||
$note-background-color: #f2e6d9 // Light sandy beige for note background
|
||||
$note-border-color: $quinary-color // Coral accent for note borders
|
||||
|
||||
// Text and Background
|
||||
$text-color: #4a4a4a // Dark gray for text
|
||||
$background-color: #fcf8f2 // Warm ivory background for visual comfort
|
||||
|
||||
// Links, Anchors
|
||||
$anchor-color: color.adjust($primary-color, $lightness: 10%)
|
||||
$anchor-hover-color: color.adjust($primary-color, $lightness: -10%)
|
||||
$toc-anchor-color: color.adjust($secondary-color, $lightness: -5%)
|
||||
$toc-anchor-hover-color: color.adjust($secondary-color, $lightness: -10%)
|
||||
|
||||
// Tables
|
||||
$table-header-bg: #e6d7c6 // Light warm tan for table headers
|
||||
$table-border-color: #c7b39b // Soft neutral brown-gray for borders
|
||||
|
||||
// Header Sizes and Colors
|
||||
$default-header-sizes: ()
|
||||
$default-header-sizes: map.set($default-header-sizes, h1, 2.4em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h2, 2em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h3, 1.8em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h4, 1.5em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h5, 1.3em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h6, 1.1em)
|
||||
|
||||
$default-header-colors: ()
|
||||
$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)
|
||||
|
||||
// Initialize empty maps for margins
|
||||
$default-header-margins-sides: ()
|
||||
$default-header-margins-vertical: ()
|
||||
|
||||
// Dynamically populate sides map
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h1, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h2, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h3, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h4, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h5, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h6, (left: 0, right: 0))
|
||||
|
||||
// Dynamically populate vertical map
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h1, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h2, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h3, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h4, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h5, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h6, (top: 1em, bottom: 0.5em))
|
||||
|
||||
// Fonts
|
||||
$primary-font: 'Lora', serif // Classic serif for elegance
|
||||
$secondary-font: 'Source Sans Pro', sans-serif // Clean sans-serif for readability
|
||||
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
// _variables.sass
|
||||
|
||||
@use "sass:map"
|
||||
@use "sass:color"
|
||||
@use '../fonts' as fonts
|
||||
|
||||
$list-padding-left: 1.2em
|
||||
|
||||
// Color Variables
|
||||
|
||||
// Colors
|
||||
|
||||
$primary-color: #0056b3 // Rich navy blue for links
|
||||
$secondary-color: #f5b800 // Golden yellow for secondary elements
|
||||
$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
|
||||
|
||||
// Links, Anchors
|
||||
$anchor-color: color.adjust($primary-color, $lightness: 15%)
|
||||
$anchor-hover-color: color.adjust($primary-color, $lightness: -10%)
|
||||
$toc-anchor-color: color.adjust($secondary-color, $lightness: -5%)
|
||||
$toc-anchor-hover-color: color.adjust($secondary-color, $lightness: -10%)
|
||||
|
||||
// Tables
|
||||
$table-header-bg: #e0e0e5 // Light neutral gray for table headers
|
||||
$table-border-color: #b5b5b8 // Subtle gray for borders
|
||||
|
||||
$default-header-sizes: ()
|
||||
$default-header-sizes: map.set($default-header-sizes, h1, 2.5em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h2, 2em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h3, 1.8em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h4, 1.4em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h5, 1.2em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h6, 1.1em)
|
||||
|
||||
$default-header-colors: ()
|
||||
$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)
|
||||
|
||||
// Initialize empty maps
|
||||
$default-header-margins-sides: ()
|
||||
$default-header-margins-vertical: ()
|
||||
|
||||
// Dynamically populate sides map
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h1, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h2, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h3, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h4, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h5, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h6, (left: 0, right: 0))
|
||||
|
||||
// Dynamically populate vertical map
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h1, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h2, (top: 1em, bottom: 0em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h3, (top: 0em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h4, (top: 0em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h5, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h6, (top: 1em, bottom: 0.5em))
|
||||
|
||||
// Fonts
|
||||
$primary-font: 'Roboto Slab', serif // Professional serif font for primary content
|
||||
$secondary-font: 'Open Sans', sans-serif // Clean sans-serif for secondary content
|
||||
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
// _variables.sass
|
||||
|
||||
@use "sass:map"
|
||||
@use "sass:color"
|
||||
@use '../fonts' as fonts
|
||||
|
||||
$list-padding-left: 1.2em
|
||||
|
||||
// Color Variables
|
||||
|
||||
// Colors
|
||||
|
||||
$primary-color: #8c6239 // Warm brown for links
|
||||
$secondary-color: #c69c6d // Light tan for secondary elements
|
||||
$tertiary-color: #7b8a4f // Olive green for tertiary elements
|
||||
$quaternary-color: #b4b7b4 // Muted gray for highlights
|
||||
$quinary-color: #d67474 // Subtle coral for accents
|
||||
|
||||
$code-background-color: #fdf6e3 // Warm beige for code blocks
|
||||
$code-text-color: #657b83 // Muted teal-gray for code text
|
||||
|
||||
$note-background-color: #f6eee0 // Soft beige for note background
|
||||
$note-border-color: $quinary-color // Matches the coral accent
|
||||
|
||||
// Text
|
||||
$text-color: #4d4d4d // Rich dark gray for text
|
||||
$background-color: #fdfaf6 // Warm light beige for background
|
||||
|
||||
// Links, Anchors
|
||||
$anchor-color: color.adjust($primary-color, $lightness: 10%)
|
||||
$anchor-hover-color: color.adjust($primary-color, $lightness: -10%)
|
||||
$toc-anchor-color: color.adjust($secondary-color, $lightness: -5%)
|
||||
$toc-anchor-hover-color: color.adjust($secondary-color, $lightness: -10%)
|
||||
|
||||
// Tables
|
||||
$table-header-bg: #ede0d1 // Light warm tan for table headers
|
||||
$table-border-color: #cabfa5 // Soft brown-gray for borders
|
||||
|
||||
$default-header-sizes: ()
|
||||
$default-header-sizes: map.set($default-header-sizes, h1, 2.5em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h2, 2em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h3, 1.8em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h4, 1.4em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h5, 1.2em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h6, 1.1em)
|
||||
|
||||
$default-header-colors: ()
|
||||
$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)
|
||||
|
||||
// Initialize empty maps
|
||||
$default-header-margins-sides: ()
|
||||
$default-header-margins-vertical: ()
|
||||
|
||||
// Dynamically populate sides map
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h1, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h2, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h3, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h4, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h5, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h6, (left: 0, right: 0))
|
||||
|
||||
// Dynamically populate vertical map
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h1, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h2, (top: 1em, bottom: 0em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h3, (top: 0em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h4, (top: 0em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h5, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h6, (top: 1em, bottom: 0.5em))
|
||||
|
||||
// Fonts
|
||||
$primary-font: 'Source Serif Pro', serif // Elegant serif for primary content
|
||||
$secondary-font: 'Noto Sans', sans-serif // Clean sans-serif for secondary content
|
||||
|
||||
Loading…
Add table
Reference in a new issue