From 39a4d51e22d6b583b18ded1113486240724023f0 Mon Sep 17 00:00:00 2001 From: ronny abraham Date: Sat, 30 Nov 2024 23:19:51 +0200 Subject: [PATCH] udpated fonts and added _config file --- _config_sass | 4 + _fonts.sass | 6 ++ _collapsible.sass => collapsible.sass | 0 default-org-mode.sass | 125 +++++++++++++++++++++++ font-library/_anonymous-pro.sass | 30 ++++++ font-library/_fira-mono.sass | 12 ++- font-library/_hack.sass | 30 ++++++ font-library/_inconsolata.sass | 94 +++++++++++++++++ font-library/_jetbrains-mono.sass | 61 +++++++++++ font-library/_jost.sass | 106 ++++++++++++++++++- font-library/_kanit.sass | 106 ++++++++++++++++++- font-library/_lora.sass | 49 +++++++-- font-library/_noto-sans.sass | 68 +++++++++++++ font-library/_open-sans.sass | 141 ++++++++++++++++++++++++++ font-library/_prompt.sass | 105 ++++++++++++++++++- font-library/_roboto-slab.sass | 61 +++++++++++ font-library/_roboto.sass | 72 ++++++++++++- font-library/_source-code-pro.sass | 93 +++++++++++++++-- font-library/_work-sans.sass | 115 ++++++++++++++++++++- themes/_midnight-ledger.sass | 75 ++++++++++++++ themes/_nocturne-ledger.sass | 73 +++++++++++++ themes/_sophisticated-sandstone.sass | 75 ++++++++++++++ themes/cosmic-notes.sass | 81 +++++++++++++++ themes/desert-oasis.sass | 64 ++++++++++++ themes/golden-ledger.sass | 76 ++++++++++++++ themes/modern-slate.sass | 64 ++++++++++++ themes/neon-noir.sass | 75 ++++++++++++++ themes/sienna-elegance.sass | 76 ++++++++++++++ 28 files changed, 1900 insertions(+), 37 deletions(-) create mode 100644 _config_sass rename _collapsible.sass => collapsible.sass (100%) create mode 100644 default-org-mode.sass create mode 100644 font-library/_anonymous-pro.sass create mode 100644 font-library/_hack.sass create mode 100644 font-library/_inconsolata.sass create mode 100644 font-library/_jetbrains-mono.sass create mode 100644 font-library/_noto-sans.sass create mode 100644 font-library/_open-sans.sass create mode 100644 font-library/_roboto-slab.sass create mode 100644 themes/_midnight-ledger.sass create mode 100644 themes/_nocturne-ledger.sass create mode 100644 themes/_sophisticated-sandstone.sass create mode 100644 themes/cosmic-notes.sass create mode 100644 themes/desert-oasis.sass create mode 100644 themes/golden-ledger.sass create mode 100644 themes/modern-slate.sass create mode 100644 themes/neon-noir.sass create mode 100644 themes/sienna-elegance.sass diff --git a/_config_sass b/_config_sass new file mode 100644 index 0000000..b4810f1 --- /dev/null +++ b/_config_sass @@ -0,0 +1,4 @@ +// .config.sass +// rename _config.sass to .config.sass + +$base-path: '../fonts' diff --git a/_fonts.sass b/_fonts.sass index 7387ddf..ab322cd 100644 --- a/_fonts.sass +++ b/_fonts.sass @@ -6,19 +6,25 @@ @use 'font-library/kanit' @use 'font-library/prompt' @use 'font-library/work-sans' +@use 'font-library/noto-sans' +@use 'font-library/open-sans' @use 'font-library/roboto' +@use 'font-library/roboto-slab' @use 'font-library/source-code-pro' @use 'font-library/lora' // Define a map for font families $font-families: ('fira-mono': 'Fira Mono') $font-families: map.set($font-families, 'roboto', "Roboto") +$font-families: map.set($font-families, 'roboto-slab', "Roboto-Slab") $font-families: map.set($font-families, 'jost', "Jost") $font-families: map.set($font-families, 'kanit', "Kanit") $font-families: map.set($font-families, 'lora', "Lora") $font-families: map.set($font-families, 'source-code-pro', "Source Code Pro") $font-families: map.set($font-families, 'prompt', "Prompt") $font-families: map.set($font-families, 'work-sans', "Work Sans") +$font-families: map.set($font-families, 'noto-sans', "Noto Sans") +$font-families: map.set($font-families, 'open-sans', "Open Sans") $font-families: map.set($font-families, 'arial', "Arial, sans-serif") $font-families: map.set($font-families, 'arial-black', '"Arial Black", Gadget, sans-serif') diff --git a/_collapsible.sass b/collapsible.sass similarity index 100% rename from _collapsible.sass rename to collapsible.sass diff --git a/default-org-mode.sass b/default-org-mode.sass new file mode 100644 index 0000000..968a686 --- /dev/null +++ b/default-org-mode.sass @@ -0,0 +1,125 @@ +@use "sass:map" +@use "sass:color" +@use 'mixins' as mixins-basic + +@include mixins-basic.remove-section-number(h2) +@include mixins-basic.remove-section-number(h4) + + +/* Base Styles */ +body + font-size: 1em + line-height: 1.6 + margin: 0 auto + max-width: 900px + padding: 1em + +/* Link Styles */ +a + text-decoration: underline + text-underline-offset: 2px + +ul + margin: 1em 0em + list-style-type: disc + +ol + margin: 1em .5em + list-style-type: decimal + +li + margin-bottom: 0.5em + +// Blockquotes +blockquote + border-left: 4px solid + padding-left: 1em + margin: 1.5em 0 + +// Tables +table + width: 100% + border-collapse: collapse + margin-bottom: 1em + +th, td + border: 1px solid + padding: 0.75em + text-align: left + +/* Code Block Styles */ +pre, code + border-radius: 4px + padding: 0.5em + display: block + overflow-x: auto + +// Section +section + margin-bottom: 2em + +/* Header Styles */ +h1, h2, h3, h4, h5, h6 + text-transform: capitalize + font-weight: bold + +h3 + a + &:hover + text-decoration: none + +// Paragraphs +p + margin-bottom: 1em + +// Notes +.note + padding: 0.5em + border-left: 3px solid + margin-bottom: 1em + +div#postamble + border-top: 1px dashed + margin-top: 2em + padding-top: 1em + font-size: 0.9em + +.outline-3 + margin-left: .5em + +.outline-4 + margin-left: 1em + +/* Table of Contents Link */ +.toc + font-weight: bold + +ul.links + padding-left: 2em + list-style-type: square + li + margin: 0 + + a + text-transform: capitalize + +div#table-of-contents + ul + padding-left: 1em + margin: 0 + list-style-type: none + + li + margin: .4 0 + + a + text-transform: lowercase + text-decoration: none + + h2 + margin-left: 0 + margin-bottom: .2em + text-transform: uppercase + +.playlist + text-transform: capitalize diff --git a/font-library/_anonymous-pro.sass b/font-library/_anonymous-pro.sass new file mode 100644 index 0000000..690c27c --- /dev/null +++ b/font-library/_anonymous-pro.sass @@ -0,0 +1,30 @@ +// File: _anonymous-pro.sass + +// Base font path +@use '../.config' as config +$font-path: '#{config.$base-path}/anonymous-pro/static' + +@font-face + font-family: 'Anonymous Pro' + src: url('#{$font-path}/AnonymousPro-Regular.ttf') format('truetype') + font-weight: normal + font-style: normal + +@font-face + font-family: 'Anonymous Pro' + src: url('#{$font-path}/AnonymousPro-Bold.ttf') format('truetype') + font-weight: bold + font-style: normal + +@font-face + font-family: 'Anonymous Pro' + src: url('#{$font-path}/AnonymousPro-Italic.ttf') format('truetype') + font-weight: normal + font-style: italic + +@font-face + font-family: 'Anonymous Pro' + src: url('#{$font-path}/AnonymousPro-BoldItalic.ttf') format('truetype') + font-weight: bold + font-style: italic + diff --git a/font-library/_fira-mono.sass b/font-library/_fira-mono.sass index ea6d96b..e7bffb0 100644 --- a/font-library/_fira-mono.sass +++ b/font-library/_fira-mono.sass @@ -1,17 +1,23 @@ +// File: _fira-mono.sass + +// Base font path +@use '../.config' as config +$font-path: '#{config.$base-path}/fira-mono' + @font-face font-family: 'Fira Mono' - src: url('../fonts/fira-mono/FiraMono-Regular.ttf') format('truetype') + src: url('#{$font-path}/FiraMono-Regular.ttf') format('truetype') font-weight: normal font-style: normal @font-face font-family: 'Fira Mono' - src: url('../fonts/fira-mono/FiraMono-Medium.ttf') format('truetype') + src: url('#{$font-path}/FiraMono-Medium.ttf') format('truetype') font-weight: 500 font-style: normal @font-face font-family: 'Fira Mono' - src: url('../fonts/fira-mono/FiraMono-Bold.ttf') format('truetype') + src: url('#{$font-path}/FiraMono-Bold.ttf') format('truetype') font-weight: bold font-style: normal diff --git a/font-library/_hack.sass b/font-library/_hack.sass new file mode 100644 index 0000000..33fbe4a --- /dev/null +++ b/font-library/_hack.sass @@ -0,0 +1,30 @@ +// File: _hack.sass + +// Base font path +@use '../.config' as config +$font-path: '#{config.$base-path}hack/static' + +@font-face + font-family: 'Hack' + src: url('#{$font-path}/Hack-Regular.ttf') format('truetype') + font-weight: normal + font-style: normal + +@font-face + font-family: 'Hack' + src: url('#{$font-path}/Hack-Bold.ttf') format('truetype') + font-weight: bold + font-style: normal + +@font-face + font-family: 'Hack' + src: url('#{$font-path}/Hack-Italic.ttf') format('truetype') + font-weight: normal + font-style: italic + +@font-face + font-family: 'Hack' + src: url('#{$font-path}/Hack-BoldItalic.ttf') format('truetype') + font-weight: bold + font-style: italic + diff --git a/font-library/_inconsolata.sass b/font-library/_inconsolata.sass new file mode 100644 index 0000000..ca19d74 --- /dev/null +++ b/font-library/_inconsolata.sass @@ -0,0 +1,94 @@ +// File: _inconsolata.sass + +// Base font path +@use '../.config' as config +$font-path: '#{config.$base-path}/inconsolata/static' + +// Core styles +@font-face + font-family: 'Inconsolata' + src: url('#{$font-path}/Inconsolata-Regular.ttf') format('truetype') + font-weight: normal + font-style: normal + +@font-face + font-family: 'Inconsolata' + src: url('#{$font-path}/Inconsolata-Bold.ttf') format('truetype') + font-weight: bold + font-style: normal + +@font-face + font-family: 'Inconsolata' + src: url('#{$font-path}/Inconsolata-Italic.ttf') format('truetype') + font-weight: normal + font-style: italic + +@font-face + font-family: 'Inconsolata' + src: url('#{$font-path}/Inconsolata-BoldItalic.ttf') format('truetype') + font-weight: bold + font-style: italic + +// Additional weights and widths +@each $weight, $style in ( + "Black": normal, + "BlackItalic": italic, + "ExtraBold": normal, + "ExtraBoldItalic": italic, + "Light": normal, + "LightItalic": italic, + "Medium": normal, + "MediumItalic": italic, + "SemiBold": normal, + "SemiBoldItalic": italic, + "ExtraLight": normal, + "ExtraLightItalic": italic +) + @font-face + font-family: 'Inconsolata' + src: url('#{$font-path}/Inconsolata-#{$weight}.ttf') format('truetype') + font-weight: map.get(( + "Black": 900, + "ExtraBold": 800, + "Bold": 700, + "SemiBold": 600, + "Medium": 500, + "Regular": 400, + "Light": 300, + "ExtraLight": 200 + ), $weight) + font-style: $style + +// Width Variants +@each $width in ("Condensed", "SemiCondensed", "Expanded", "SemiExpanded", "UltraCondensed", "UltraExpanded", "ExtraCondensed", "ExtraExpanded") + @each $weight, $style in ( + "Black": normal, + "BlackItalic": italic, + "ExtraBold": normal, + "ExtraBoldItalic": italic, + "Light": normal, + "LightItalic": italic, + "Medium": normal, + "MediumItalic": italic, + "SemiBold": normal, + "SemiBoldItalic": italic, + "ExtraLight": normal, + "ExtraLightItalic": italic, + "Regular": normal, + "Italic": italic + ) + @font-face + font-family: 'Inconsolata' + src: url('#{$font-path}/Inconsolata_#{$width}-#{$weight}.ttf') format('truetype') + font-weight: map.get(( + "Black": 900, + "ExtraBold": 800, + "Bold": 700, + "SemiBold": 600, + "Medium": 500, + "Regular": 400, + "Light": 300, + "ExtraLight": 200 + ), $weight) + font-style: $style + diff --git a/font-library/_jetbrains-mono.sass b/font-library/_jetbrains-mono.sass new file mode 100644 index 0000000..4a2bb2c --- /dev/null +++ b/font-library/_jetbrains-mono.sass @@ -0,0 +1,61 @@ +// File: _jetbrains-mono.sass + +// Base font path +@use '../.config' as config +$font-path: '#{config.$base-path}/jetbrains-mono/static' + +// Core styles +@font-face + font-family: 'JetBrains Mono' + src: url('#{$font-path}/JetBrainsMono-Regular.ttf') format('truetype') + font-weight: normal + font-style: normal + +@font-face + font-family: 'JetBrains Mono' + src: url('#{$font-path}/JetBrainsMono-Bold.ttf') format('truetype') + font-weight: bold + font-style: normal + +@font-face + font-family: 'JetBrains Mono' + src: url('#{$font-path}/JetBrainsMono-Italic.ttf') format('truetype') + font-weight: normal + font-style: italic + +@font-face + font-family: 'JetBrains Mono' + src: url('#{$font-path}/JetBrainsMono-BoldItalic.ttf') format('truetype') + font-weight: bold + font-style: italic + +// Additional weights and styles +@each $weight, $style in ( + "ExtraBold": normal, + "ExtraBoldItalic": italic, + "SemiBold": normal, + "SemiBoldItalic": italic, + "Medium": normal, + "MediumItalic": italic, + "Light": normal, + "LightItalic": italic, + "ExtraLight": normal, + "ExtraLightItalic": italic, + "Thin": normal, + "ThinItalic": italic +) + @font-face + font-family: 'JetBrains Mono' + src: url('#{$font-path}/JetBrainsMono-#{$weight}.ttf') format('truetype') + font-weight: map.get(( + "ExtraBold": 800, + "Bold": 700, + "SemiBold": 600, + "Medium": 500, + "Regular": 400, + "Light": 300, + "ExtraLight": 200, + "Thin": 100 + ), $weight) + font-style: $style + diff --git a/font-library/_jost.sass b/font-library/_jost.sass index 46003db..6f1699f 100644 --- a/font-library/_jost.sass +++ b/font-library/_jost.sass @@ -1,13 +1,113 @@ +// File: _jost.sass + +// Base font path +@use '../.config' as config +$font-path: '#{config.$base-path}/jost/static' + @font-face font-family: 'Jost' - src: url('../fonts/jost/static/Jost-Regular.ttf') format('truetype') + src: url('#{$font-path}/Jost-Regular.ttf') format('truetype') font-weight: normal font-style: normal @font-face font-family: 'Jost' - src: url('../fonts/jost/static/Jost-Bold.ttf') format('truetype') + src: url('#{$font-path}/Jost-Bold.ttf') format('truetype') font-weight: bold font-style: normal -// Add other weights as needed +@font-face + font-family: 'Jost' + src: url('#{$font-path}/Jost-Italic.ttf') format('truetype') + font-weight: normal + font-style: italic + +@font-face + font-family: 'Jost' + src: url('#{$font-path}/Jost-BoldItalic.ttf') format('truetype') + font-weight: bold + font-style: italic + +@font-face + font-family: 'Jost' + src: url('#{$font-path}/Jost-Light.ttf') format('truetype') + font-weight: 300 + font-style: normal + +@font-face + font-family: 'Jost' + src: url('#{$font-path}/Jost-LightItalic.ttf') format('truetype') + font-weight: 300 + font-style: italic + +@font-face + font-family: 'Jost' + src: url('#{$font-path}/Jost-Medium.ttf') format('truetype') + font-weight: 500 + font-style: normal + +@font-face + font-family: 'Jost' + src: url('#{$font-path}/Jost-MediumItalic.ttf') format('truetype') + font-weight: 500 + font-style: italic + +@font-face + font-family: 'Jost' + src: url('#{$font-path}/Jost-SemiBold.ttf') format('truetype') + font-weight: 600 + font-style: normal + +@font-face + font-family: 'Jost' + src: url('#{$font-path}/Jost-SemiBoldItalic.ttf') format('truetype') + font-weight: 600 + font-style: italic + +@font-face + font-family: 'Jost' + src: url('#{$font-path}/Jost-ExtraBold.ttf') format('truetype') + font-weight: 800 + font-style: normal + +@font-face + font-family: 'Jost' + src: url('#{$font-path}/Jost-ExtraBoldItalic.ttf') format('truetype') + font-weight: 800 + font-style: italic + +@font-face + font-family: 'Jost' + src: url('#{$font-path}/Jost-Black.ttf') format('truetype') + font-weight: 900 + font-style: normal + +@font-face + font-family: 'Jost' + src: url('#{$font-path}/Jost-BlackItalic.ttf') format('truetype') + font-weight: 900 + font-style: italic + +@font-face + font-family: 'Jost' + src: url('#{$font-path}/Jost-Thin.ttf') format('truetype') + font-weight: 100 + font-style: normal + +@font-face + font-family: 'Jost' + src: url('#{$font-path}/Jost-ThinItalic.ttf') format('truetype') + font-weight: 100 + font-style: italic + +@font-face + font-family: 'Jost' + src: url('#{$font-path}/Jost-ExtraLight.ttf') format('truetype') + font-weight: 200 + font-style: normal + +@font-face + font-family: 'Jost' + src: url('#{$font-path}/Jost-ExtraLightItalic.ttf') format('truetype') + font-weight: 200 + font-style: italic diff --git a/font-library/_kanit.sass b/font-library/_kanit.sass index f5bcd79..9e87589 100644 --- a/font-library/_kanit.sass +++ b/font-library/_kanit.sass @@ -1,13 +1,113 @@ +// File: _kanit.sass + +// Base font path +@use '../.config' as config +$font-path: '#{config.$base-path}/kanit/static' + @font-face font-family: 'Kanit' - src: url('../fonts/kanit/Kanit-Regular.ttf') format('truetype') + src: url('#{$font-path}/Kanit-Regular.ttf') format('truetype') font-weight: normal font-style: normal @font-face font-family: 'Kanit' - src: url('../fonts/kanit/Kanit-Bold.ttf') format('truetype') + src: url('#{$font-path}/Kanit-Bold.ttf') format('truetype') font-weight: bold font-style: normal -// Add other weights as needed +@font-face + font-family: 'Kanit' + src: url('#{$font-path}/Kanit-Italic.ttf') format('truetype') + font-weight: normal + font-style: italic + +@font-face + font-family: 'Kanit' + src: url('#{$font-path}/Kanit-BoldItalic.ttf') format('truetype') + font-weight: bold + font-style: italic + +@font-face + font-family: 'Kanit' + src: url('#{$font-path}/Kanit-Light.ttf') format('truetype') + font-weight: 300 + font-style: normal + +@font-face + font-family: 'Kanit' + src: url('#{$font-path}/Kanit-LightItalic.ttf') format('truetype') + font-weight: 300 + font-style: italic + +@font-face + font-family: 'Kanit' + src: url('#{$font-path}/Kanit-Medium.ttf') format('truetype') + font-weight: 500 + font-style: normal + +@font-face + font-family: 'Kanit' + src: url('#{$font-path}/Kanit-MediumItalic.ttf') format('truetype') + font-weight: 500 + font-style: italic + +@font-face + font-family: 'Kanit' + src: url('#{$font-path}/Kanit-SemiBold.ttf') format('truetype') + font-weight: 600 + font-style: normal + +@font-face + font-family: 'Kanit' + src: url('#{$font-path}/Kanit-SemiBoldItalic.ttf') format('truetype') + font-weight: 600 + font-style: italic + +@font-face + font-family: 'Kanit' + src: url('#{$font-path}/Kanit-ExtraBold.ttf') format('truetype') + font-weight: 800 + font-style: normal + +@font-face + font-family: 'Kanit' + src: url('#{$font-path}/Kanit-ExtraBoldItalic.ttf') format('truetype') + font-weight: 800 + font-style: italic + +@font-face + font-family: 'Kanit' + src: url('#{$font-path}/Kanit-Black.ttf') format('truetype') + font-weight: 900 + font-style: normal + +@font-face + font-family: 'Kanit' + src: url('#{$font-path}/Kanit-BlackItalic.ttf') format('truetype') + font-weight: 900 + font-style: italic + +@font-face + font-family: 'Kanit' + src: url('#{$font-path}/Kanit-Thin.ttf') format('truetype') + font-weight: 100 + font-style: normal + +@font-face + font-family: 'Kanit' + src: url('#{$font-path}/Kanit-ThinItalic.ttf') format('truetype') + font-weight: 100 + font-style: italic + +@font-face + font-family: 'Kanit' + src: url('#{$font-path}/Kanit-ExtraLight.ttf') format('truetype') + font-weight: 200 + font-style: normal + +@font-face + font-family: 'Kanit' + src: url('#{$font-path}/Kanit-ExtraLightItalic.ttf') format('truetype') + font-weight: 200 + font-style: italic diff --git a/font-library/_lora.sass b/font-library/_lora.sass index 64e12b5..7758cf8 100644 --- a/font-library/_lora.sass +++ b/font-library/_lora.sass @@ -1,27 +1,56 @@ // File: _lora.sass +@use '../.config' as config +$font-path: '#{config.$base-path}/lora' + +// Regular @font-face font-family: 'Lora' - src: url('../fonts/lora/static/Lora-Regular.ttf') format('truetype') + src: url('#{$font-path}/Lora-Regular.ttf') format('truetype') font-weight: normal font-style: normal @font-face font-family: 'Lora' - src: url('../fonts/lora/static/Lora-Bold.ttf') format('truetype') + src: url('#{$font-path}/Lora-Italic.ttf') format('truetype') + font-weight: normal + font-style: italic + +// Bold +@font-face + font-family: 'Lora' + src: url('#{$font-path}/Lora-Bold.ttf') format('truetype') font-weight: bold font-style: normal @font-face font-family: 'Lora' - src: url('../fonts/lora/static/Lora-Italic.ttf') format('truetype') - font-weight: normal - font-style: italic - -@font-face - font-family: 'Lora' - src: url('../fonts/lora/static/Lora-BoldItalic.ttf') format('truetype') + src: url('#{$font-path}/Lora-BoldItalic.ttf') format('truetype') font-weight: bold font-style: italic -// Add more weights and styles if need +// Medium +@font-face + font-family: 'Lora' + src: url('#{$font-path}/Lora-Medium.ttf') format('truetype') + font-weight: 500 + font-style: normal + +@font-face + font-family: 'Lora' + src: url('#{$font-path}/Lora-MediumItalic.ttf') format('truetype') + font-weight: 500 + font-style: italic + +// SemiBold +@font-face + font-family: 'Lora' + src: url('#{$font-path}/Lora-SemiBold.ttf') format('truetype') + font-weight: 600 + font-style: normal + +@font-face + font-family: 'Lora' + src: url('#{$font-path}/Lora-SemiBoldItalic.ttf') format('truetype') + font-weight: 600 + font-style: italic diff --git a/font-library/_noto-sans.sass b/font-library/_noto-sans.sass new file mode 100644 index 0000000..7f1213f --- /dev/null +++ b/font-library/_noto-sans.sass @@ -0,0 +1,68 @@ +// File: _noto-sans.sass + +// Base font path +@use '../.config' as config +$font-path: '#{config.$base-path}/noto-sans/static' + +// Font-Face Declarations + +@font-face + font-family: 'Noto Sans' + src: url('#{$font-path}/NotoSans-Regular.ttf') format('truetype') + font-weight: 400 + font-style: normal + +@font-face + font-family: 'Noto Sans' + src: url('#{$font-path}/NotoSans-Bold.ttf') format('truetype') + font-weight: 700 + font-style: normal + +@font-face + font-family: 'Noto Sans' + src: url('#{$font-path}/NotoSans-Italic.ttf') format('truetype') + font-weight: 400 + font-style: italic + +@font-face + font-family: 'Noto Sans' + src: url('#{$font-path}/NotoSans-BoldItalic.ttf') format('truetype') + font-weight: 700 + font-style: italic + +@font-face + font-family: 'Noto Sans' + src: url('#{$font-path}/NotoSans-Light.ttf') format('truetype') + font-weight: 300 + font-style: normal + +@font-face + font-family: 'Noto Sans' + src: url('#{$font-path}/NotoSans-LightItalic.ttf') format('truetype') + font-weight: 300 + font-style: italic + +@font-face + font-family: 'Noto Sans' + src: url('#{$font-path}/NotoSans-Medium.ttf') format('truetype') + font-weight: 500 + font-style: normal + +@font-face + font-family: 'Noto Sans' + src: url('#{$font-path}/NotoSans-MediumItalic.ttf') format('truetype') + font-weight: 500 + font-style: italic + +@font-face + font-family: 'Noto Sans' + src: url('#{$font-path}/NotoSans-Black.ttf') format('truetype') + font-weight: 900 + font-style: normal + +@font-face + font-family: 'Noto Sans' + src: url('#{$font-path}/NotoSans-BlackItalic.ttf') format('truetype') + font-weight: 900 + font-style: italic + diff --git a/font-library/_open-sans.sass b/font-library/_open-sans.sass new file mode 100644 index 0000000..7b5ae54 --- /dev/null +++ b/font-library/_open-sans.sass @@ -0,0 +1,141 @@ +// File: _open-sans.sass + +// Base font path +@use '../.config' as config +$font-path: '#{config.$base-path}/open-sans/static' + +// Regular weights and styles +@font-face + font-family: 'Open Sans' + src: url('#{$font-path}/OpenSans-Regular.ttf') format('truetype') + font-weight: 400 + font-style: normal + +@font-face + font-family: 'Open Sans' + src: url('#{$font-path}/OpenSans-Italic.ttf') format('truetype') + font-weight: 400 + font-style: italic + +@font-face + font-family: 'Open Sans' + src: url('#{$font-path}/OpenSans-Bold.ttf') format('truetype') + font-weight: 700 + font-style: normal + +@font-face + font-family: 'Open Sans' + src: url('#{$font-path}/OpenSans-BoldItalic.ttf') format('truetype') + font-weight: 700 + font-style: italic + +@font-face + font-family: 'Open Sans' + src: url('#{$font-path}/OpenSans-Light.ttf') format('truetype') + font-weight: 300 + font-style: normal + +@font-face + font-family: 'Open Sans' + src: url('#{$font-path}/OpenSans-LightItalic.ttf') format('truetype') + font-weight: 300 + font-style: italic + +@font-face + font-family: 'Open Sans' + src: url('#{$font-path}/OpenSans-Medium.ttf') format('truetype') + font-weight: 500 + font-style: normal + +@font-face + font-family: 'Open Sans' + src: url('#{$font-path}/OpenSans-MediumItalic.ttf') format('truetype') + font-weight: 500 + font-style: italic + +@font-face + font-family: 'Open Sans' + src: url('#{$font-path}/OpenSans-ExtraBold.ttf') format('truetype') + font-weight: 800 + font-style: normal + +@font-face + font-family: 'Open Sans' + src: url('#{$font-path}/OpenSans-ExtraBoldItalic.ttf') format('truetype') + font-weight: 800 + font-style: italic + +@font-face + font-family: 'Open Sans' + src: url('#{$font-path}/OpenSans-SemiBold.ttf') format('truetype') + font-weight: 600 + font-style: normal + +@font-face + font-family: 'Open Sans' + src: url('#{$font-path}/OpenSans-SemiBoldItalic.ttf') format('truetype') + font-weight: 600 + font-style: italic + +// Condensed weights and styles +@font-face + font-family: 'Open Sans Condensed' + src: url('#{$font-path}/OpenSans_Condensed-Regular.ttf') format('truetype') + font-weight: 400 + font-style: normal + +@font-face + font-family: 'Open Sans Condensed' + src: url('#{$font-path}/OpenSans_Condensed-Bold.ttf') format('truetype') + font-weight: 700 + font-style: normal + +@font-face + font-family: 'Open Sans Condensed' + src: url('#{$font-path}/OpenSans_Condensed-BoldItalic.ttf') format('truetype') + font-weight: 700 + font-style: italic + +@font-face + font-family: 'Open Sans Condensed' + src: url('#{$font-path}/OpenSans_Condensed-Light.ttf') format('truetype') + font-weight: 300 + font-style: normal + +@font-face + font-family: 'Open Sans Condensed' + src: url('#{$font-path}/OpenSans_Condensed-LightItalic.ttf') format('truetype') + font-weight: 300 + font-style: italic + +// SemiCondensed weights and styles +@font-face + font-family: 'Open Sans SemiCondensed' + src: url('#{$font-path}/OpenSans_SemiCondensed-Regular.ttf') format('truetype') + font-weight: 400 + font-style: normal + +@font-face + font-family: 'Open Sans SemiCondensed' + src: url('#{$font-path}/OpenSans_SemiCondensed-Bold.ttf') format('truetype') + font-weight: 700 + font-style: normal + +@font-face + font-family: 'Open Sans SemiCondensed' + src: url('#{$font-path}/OpenSans_SemiCondensed-BoldItalic.ttf') format('truetype') + font-weight: 700 + font-style: italic + +@font-face + font-family: 'Open Sans SemiCondensed' + src: url('#{$font-path}/OpenSans_SemiCondensed-Light.ttf') format('truetype') + font-weight: 300 + font-style: normal + +@font-face + font-family: 'Open Sans SemiCondensed' + src: url('#{$font-path}/OpenSans_SemiCondensed-LightItalic.ttf') format('truetype') + font-weight: 300 + font-style: italic + diff --git a/font-library/_prompt.sass b/font-library/_prompt.sass index ab991e9..7fd2cb4 100644 --- a/font-library/_prompt.sass +++ b/font-library/_prompt.sass @@ -1,13 +1,112 @@ +// File: _prompt.sass + +// Base font path@use '../.config' as config +$font-path: '#{config.$base-path}/prompt/static' + @font-face font-family: 'Prompt' - src: url('../fonts/prompt/Prompt-Regular.ttf') format('truetype') + src: url('#{$font-path}/Prompt-Regular.ttf') format('truetype') font-weight: normal font-style: normal @font-face font-family: 'Prompt' - src: url('../fonts/prompt/Prompt-Bold.ttf') format('truetype') + src: url('#{$font-path}/Prompt-Bold.ttf') format('truetype') font-weight: bold font-style: normal -// Add other weights as needed +@font-face + font-family: 'Prompt' + src: url('#{$font-path}/Prompt-Italic.ttf') format('truetype') + font-weight: normal + font-style: italic + +@font-face + font-family: 'Prompt' + src: url('#{$font-path}/Prompt-BoldItalic.ttf') format('truetype') + font-weight: bold + font-style: italic + +@font-face + font-family: 'Prompt' + src: url('#{$font-path}/Prompt-Light.ttf') format('truetype') + font-weight: 300 + font-style: normal + +@font-face + font-family: 'Prompt' + src: url('#{$font-path}/Prompt-LightItalic.ttf') format('truetype') + font-weight: 300 + font-style: italic + +@font-face + font-family: 'Prompt' + src: url('#{$font-path}/Prompt-Medium.ttf') format('truetype') + font-weight: 500 + font-style: normal + +@font-face + font-family: 'Prompt' + src: url('#{$font-path}/Prompt-MediumItalic.ttf') format('truetype') + font-weight: 500 + font-style: italic + +@font-face + font-family: 'Prompt' + src: url('#{$font-path}/Prompt-SemiBold.ttf') format('truetype') + font-weight: 600 + font-style: normal + +@font-face + font-family: 'Prompt' + src: url('#{$font-path}/Prompt-SemiBoldItalic.ttf') format('truetype') + font-weight: 600 + font-style: italic + +@font-face + font-family: 'Prompt' + src: url('#{$font-path}/Prompt-ExtraBold.ttf') format('truetype') + font-weight: 800 + font-style: normal + +@font-face + font-family: 'Prompt' + src: url('#{$font-path}/Prompt-ExtraBoldItalic.ttf') format('truetype') + font-weight: 800 + font-style: italic + +@font-face + font-family: 'Prompt' + src: url('#{$font-path}/Prompt-Black.ttf') format('truetype') + font-weight: 900 + font-style: normal + +@font-face + font-family: 'Prompt' + src: url('#{$font-path}/Prompt-BlackItalic.ttf') format('truetype') + font-weight: 900 + font-style: italic + +@font-face + font-family: 'Prompt' + src: url('#{$font-path}/Prompt-Thin.ttf') format('truetype') + font-weight: 100 + font-style: normal + +@font-face + font-family: 'Prompt' + src: url('#{$font-path}/Prompt-ThinItalic.ttf') format('truetype') + font-weight: 100 + font-style: italic + +@font-face + font-family: 'Prompt' + src: url('#{$font-path}/Prompt-ExtraLight.ttf') format('truetype') + font-weight: 200 + font-style: normal + +@font-face + font-family: 'Prompt' + src: url('#{$font-path}/Prompt-ExtraLightItalic.ttf') format('truetype') + font-weight: 200 + font-style: italic diff --git a/font-library/_roboto-slab.sass b/font-library/_roboto-slab.sass new file mode 100644 index 0000000..e9ed250 --- /dev/null +++ b/font-library/_roboto-slab.sass @@ -0,0 +1,61 @@ +// File: _roboto-slab.sass + +// Base font path +@use '../.config' as config +$font-path: '#{config.$base-path}/roboto-slab/static' + +@font-face + font-family: 'Roboto-Slab' + src: url('#{$font-path}/RobotoSlab-Thin.ttf') format('truetype') + font-weight: 100 + font-style: normal + +@font-face + font-family: 'Roboto-Slab' + src: url('#{$font-path}/RobotoSlab-ExtraLight.ttf') format('truetype') + font-weight: 200 + font-style: normal + +@font-face + font-family: 'Roboto-Slab' + src: url('#{$font-path}/RobotoSlab-Light.ttf') format('truetype') + font-weight: 300 + font-style: normal + +@font-face + font-family: 'Roboto-Slab' + src: url('#{$font-path}/RobotoSlab-Regular.ttf') format('truetype') + font-weight: 400 + font-style: normal + +@font-face + font-family: 'Roboto-Slab' + src: url('#{$font-path}/RobotoSlab-Medium.ttf') format('truetype') + font-weight: 500 + font-style: normal + +@font-face + font-family: 'Roboto-Slab' + src: url('#{$font-path}/RobotoSlab-SemiBold.ttf') format('truetype') + font-weight: 600 + font-style: normal + +@font-face + font-family: 'Roboto-Slab' + src: url('#{$font-path}/RobotoSlab-Bold.ttf') format('truetype') + font-weight: 700 + font-style: normal + +@font-face + font-family: 'Roboto-Slab' + src: url('#{$font-path}/RobotoSlab-ExtraBold.ttf') format('truetype') + font-weight: 800 + font-style: normal + +@font-face + font-family: 'Roboto-Slab' + src: url('#{$font-path}/RobotoSlab-Black.ttf') format('truetype') + font-weight: 900 + font-style: normal + + diff --git a/font-library/_roboto.sass b/font-library/_roboto.sass index 33637a7..9cdc194 100644 --- a/font-library/_roboto.sass +++ b/font-library/_roboto.sass @@ -1,13 +1,79 @@ +// File: _roboto.sass + +// Base font path +@use '../.config' as config +$font-path: '#{config.$base-path}/roboto/static' + +// Add other weights as needed + @font-face font-family: 'Roboto' - src: url('../fonts/roboto/Roboto-Regular.ttf') format('truetype') + src: url('#{$font-path}/Roboto-Regular.ttf') format('truetype') font-weight: normal font-style: normal @font-face font-family: 'Roboto' - src: url('../fonts/roboto/Roboto-Bold.ttf') format('truetype') + src: url('#{$font-path}/Roboto-Bold.ttf') format('truetype') font-weight: bold font-style: normal -// Add other weights as needed +@font-face + font-family: 'Roboto' + src: url('#{$font-path}/Roboto-BoldItalic.ttf') format('truetype') + font-weight: bold + font-style: italic + +@font-face + font-family: 'Roboto' + src: url('#{$font-path}/Roboto-Italic.ttf') format('truetype') + font-weight: normal + font-style: italic + +@font-face + font-family: 'Roboto' + src: url('#{$font-path}/Roboto-Light.ttf') format('truetype') + font-weight: 300 + font-style: normal + +@font-face + font-family: 'Roboto' + src: url('#{$font-path}/Roboto-LightItalic.ttf') format('truetype') + font-weight: 300 + font-style: italic + +@font-face + font-family: 'Roboto' + src: url('#{$font-path}/Roboto-Medium.ttf') format('truetype') + font-weight: 500 + font-style: normal + +@font-face + font-family: 'Roboto' + src: url('#{$font-path}/Roboto-MediumItalic.ttf') format('truetype') + font-weight: 500 + font-style: italic + +@font-face + font-family: 'Roboto' + src: url('#{$font-path}/Roboto-Black.ttf') format('truetype') + font-weight: 900 + font-style: normal + +@font-face + font-family: 'Roboto' + src: url('#{$font-path}/Roboto-BlackItalic.ttf') format('truetype') + font-weight: 900 + font-style: italic + +@font-face + font-family: 'Roboto' + src: url('#{$font-path}/Roboto-Thin.ttf') format('truetype') + font-weight: 100 + font-style: normal + +@font-face + font-family: 'Roboto' + src: url('#{$font-path}/Roboto-ThinItalic.ttf') format('truetype') + font-weight: 100 + font-style: italic diff --git a/font-library/_source-code-pro.sass b/font-library/_source-code-pro.sass index dcf01d4..e9a4df3 100644 --- a/font-library/_source-code-pro.sass +++ b/font-library/_source-code-pro.sass @@ -1,34 +1,109 @@ // File: _source-code-pro.sass +@use '../.config' as config +$font-path: '#{config.$base-path}/source-code-pro/static' + +// Regular @font-face font-family: 'Source Code Pro' - src: url('../fonts/source-code-pro/static/SourceCodePro-Regular.ttf') format('truetype') + src: url('#{$font-path}/SourceCodePro-Regular.ttf') format('truetype') font-weight: normal font-style: normal @font-face font-family: 'Source Code Pro' - src: url('../fonts/source-code-pro/static/SourceCodePro-Bold.ttf') format('truetype') - font-weight: bold - font-style: normal + src: url('#{$font-path}/SourceCodePro-Italic.ttf') format('truetype') + font-weight: normal + font-style: italic +// Light @font-face font-family: 'Source Code Pro' - src: url('../fonts/source-code-pro/static/SourceCodePro-Light.ttf') format('truetype') + src: url('#{$font-path}/SourceCodePro-Light.ttf') format('truetype') font-weight: 300 font-style: normal @font-face font-family: 'Source Code Pro' - src: url('../fonts/source-code-pro/static/SourceCodePro-Italic.ttf') format('truetype') - font-weight: normal + src: url('#{$font-path}/SourceCodePro-LightItalic.ttf') format('truetype') + font-weight: 300 font-style: italic +// ExtraLight +@font-face + font-family: 'Source Code Pro' + src: url('#{$font-path}/SourceCodePro-ExtraLight.ttf') format('truetype') + font-weight: 200 + font-style: normal + @font-face font-family: 'Source Code Pro' - src: url('../fonts/source-code-pro/static/SourceCodePro-SemiBold.ttf') format('truetype') + src: url('#{$font-path}/SourceCodePro-ExtraLightItalic.ttf') format('truetype') + font-weight: 200 + font-style: italic + +// Medium +@font-face + font-family: 'Source Code Pro' + src: url('#{$font-path}/SourceCodePro-Medium.ttf') format('truetype') + font-weight: 500 + font-style: normal + +@font-face + font-family: 'Source Code Pro' + src: url('#{$font-path}/SourceCodePro-MediumItalic.ttf') format('truetype') + font-weight: 500 + font-style: italic + +// SemiBold +@font-face + font-family: 'Source Code Pro' + src: url('#{$font-path}/SourceCodePro-SemiBold.ttf') format('truetype') font-weight: 600 font-style: normal -// Extend this pattern as needed for other weights and styles +@font-face + font-family: 'Source Code Pro' + src: url('#{$font-path}/SourceCodePro-SemiBoldItalic.ttf') format('truetype') + font-weight: 600 + font-style: italic + +// Bold +@font-face + font-family: 'Source Code Pro' + src: url('#{$font-path}/SourceCodePro-Bold.ttf') format('truetype') + font-weight: bold + font-style: normal + +@font-face + font-family: 'Source Code Pro' + src: url('#{$font-path}/SourceCodePro-BoldItalic.ttf') format('truetype') + font-weight: bold + font-style: italic + +// ExtraBold +@font-face + font-family: 'Source Code Pro' + src: url('#{$font-path}/SourceCodePro-ExtraBold.ttf') format('truetype') + font-weight: 800 + font-style: normal + +@font-face + font-family: 'Source Code Pro' + src: url('#{$font-path}/SourceCodePro-ExtraBoldItalic.ttf') format('truetype') + font-weight: 800 + font-style: italic + +// Black +@font-face + font-family: 'Source Code Pro' + src: url('#{$font-path}/SourceCodePro-Black.ttf') format('truetype') + font-weight: 900 + font-style: normal + +@font-face + font-family: 'Source Code Pro' + src: url('#{$font-path}/SourceCodePro-BlackItalic.ttf') format('truetype') + font-weight: 900 + font-style: italic diff --git a/font-library/_work-sans.sass b/font-library/_work-sans.sass index 4a064f4..75c91e7 100644 --- a/font-library/_work-sans.sass +++ b/font-library/_work-sans.sass @@ -1,13 +1,122 @@ +// File: _work-sans.sass + +@use '../.config' as config +$font-path: '#{config.$base-path}/work-sans/static' + +// Regular @font-face font-family: 'Work Sans' - src: url('../fonts/work-sans/static/WorkSans-Regular.ttf') format('truetype') + src: url('#{$font-path}/WorkSans-Regular.ttf') format('truetype') font-weight: normal font-style: normal @font-face font-family: 'Work Sans' - src: url('../fonts/work-sans/static/WorkSans-Bold.ttf') format('truetype') + src: url('#{$font-path}/WorkSans-Italic.ttf') format('truetype') + font-weight: normal + font-style: italic + +// Thin +@font-face + font-family: 'Work Sans' + src: url('#{$font-path}/WorkSans-Thin.ttf') format('truetype') + font-weight: 100 + font-style: normal + +@font-face + font-family: 'Work Sans' + src: url('#{$font-path}/WorkSans-ThinItalic.ttf') format('truetype') + font-weight: 100 + font-style: italic + +// ExtraLight +@font-face + font-family: 'Work Sans' + src: url('#{$font-path}/WorkSans-ExtraLight.ttf') format('truetype') + font-weight: 200 + font-style: normal + +@font-face + font-family: 'Work Sans' + src: url('#{$font-path}/WorkSans-ExtraLightItalic.ttf') format('truetype') + font-weight: 200 + font-style: italic + +// Light +@font-face + font-family: 'Work Sans' + src: url('#{$font-path}/WorkSans-Light.ttf') format('truetype') + font-weight: 300 + font-style: normal + +@font-face + font-family: 'Work Sans' + src: url('#{$font-path}/WorkSans-LightItalic.ttf') format('truetype') + font-weight: 300 + font-style: italic + +// Medium +@font-face + font-family: 'Work Sans' + src: url('#{$font-path}/WorkSans-Medium.ttf') format('truetype') + font-weight: 500 + font-style: normal + +@font-face + font-family: 'Work Sans' + src: url('#{$font-path}/WorkSans-MediumItalic.ttf') format('truetype') + font-weight: 500 + font-style: italic + +// SemiBold +@font-face + font-family: 'Work Sans' + src: url('#{$font-path}/WorkSans-SemiBold.ttf') format('truetype') + font-weight: 600 + font-style: normal + +@font-face + font-family: 'Work Sans' + src: url('#{$font-path}/WorkSans-SemiBoldItalic.ttf') format('truetype') + font-weight: 600 + font-style: italic + +// Bold +@font-face + font-family: 'Work Sans' + src: url('#{$font-path}/WorkSans-Bold.ttf') format('truetype') font-weight: bold font-style: normal -// Add other weights as needed +@font-face + font-family: 'Work Sans' + src: url('#{$font-path}/WorkSans-BoldItalic.ttf') format('truetype') + font-weight: bold + font-style: italic + +// ExtraBold +@font-face + font-family: 'Work Sans' + src: url('#{$font-path}/WorkSans-ExtraBold.ttf') format('truetype') + font-weight: 800 + font-style: normal + +@font-face + font-family: 'Work Sans' + src: url('#{$font-path}/WorkSans-ExtraBoldItalic.ttf') format('truetype') + font-weight: 800 + font-style: italic + +// Black +@font-face + font-family: 'Work Sans' + src: url('#{$font-path}/WorkSans-Black.ttf') format('truetype') + font-weight: 900 + font-style: normal + +@font-face + font-family: 'Work Sans' + src: url('#{$font-path}/WorkSans-BlackItalic.ttf') format('truetype') + font-weight: 900 + font-style: italic + diff --git a/themes/_midnight-ledger.sass b/themes/_midnight-ledger.sass new file mode 100644 index 0000000..c3566b9 --- /dev/null +++ b/themes/_midnight-ledger.sass @@ -0,0 +1,75 @@ +// _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 + diff --git a/themes/_nocturne-ledger.sass b/themes/_nocturne-ledger.sass new file mode 100644 index 0000000..8c389bb --- /dev/null +++ b/themes/_nocturne-ledger.sass @@ -0,0 +1,73 @@ +// _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 diff --git a/themes/_sophisticated-sandstone.sass b/themes/_sophisticated-sandstone.sass new file mode 100644 index 0000000..c4c6940 --- /dev/null +++ b/themes/_sophisticated-sandstone.sass @@ -0,0 +1,75 @@ +// _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 + diff --git a/themes/cosmic-notes.sass b/themes/cosmic-notes.sass new file mode 100644 index 0000000..d7627fe --- /dev/null +++ b/themes/cosmic-notes.sass @@ -0,0 +1,81 @@ +// _variables.sass +@use "sass:map" +@use "sass:color" +@use '../fonts' as fonts + +$list-padding-left: 1.2em + +// Color Variables + +// Colors + +// $primary-color: #42a5f5 // Light blue for links +// $tertiary-color: #ff5252 // Bright red for headers +// $secondary-color: #7cb342 // Vibrant green for code blocks +// $quaternary-color: #9575cd // Muted purple for highlights +// $quinary-color: #ffa726 // Warm orange for accents + +$primary-color: #ffa726 // Bright orange for links +$secondary-color: #42a5f5 // Light blue for secondary elements +$tertiary-color: #66bb6a // Green for tertiary elements +$quaternary-color: #ab47bc // Light purple for highlights +$quinary-color: #ff7043 // Coral orange for subtle accents + +$code-background-color: #20232a // Dark gray-blue for code blocks +$code-text-color: #ffffff // Pure white for code text + +$note-background-color: #2c313c // Dark gray for note background +$note-border-color: $quinary-color + +// Text +$text-color: #cfd8dc // Light gray-blue for text +$background-color: #263238 // Very dark gray-blue background + +// Links, Anchors +$anchor-color: color.adjust($secondary-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($primary-color, $lightness: -5%) + +// Tables +$table-header-bg: #37474f // Dark blue-gray for table headers +$table-border-color: #546e7a // Muted teal-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, $quinary-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: 'Jost', sans-serif +$secondary-font: 'Work Sans', sans-serif + diff --git a/themes/desert-oasis.sass b/themes/desert-oasis.sass new file mode 100644 index 0000000..258f4d9 --- /dev/null +++ b/themes/desert-oasis.sass @@ -0,0 +1,64 @@ +// themes/desert-oasis.sass + +@use "sass:map" +@use "sass:color" +@use '../fonts' as fonts + +$list-padding-left: 1.5em + +// Color Variables for Desert Theme +$primary-color: #d18f77 // Warm sandstone (used for primary headers) +$secondary-color: #e0b589 // Light sandy beige (used for secondary headers) +$tertiary-color: #a7582e // Rusty orange-red (used for subheaders) +$quaternary-color: #875640 // Deep clay brown (used for smaller headers) +$quinary-color: #bda27b // Sandy yellow (accent for headers) + +$code-background-color: #000 // Soft dark background for code blocks +$code-text-color: #cd8c7e // Warm beige for code text + +$note-background-color: #f4e9d8 // Soft light beige for note background +$note-border-color: $tertiary-color // Rusty orange-red for note borders + +// Text and Background +$text-color: #4c3e3b // Dark brown for contrast +$background-color: #f4e9d8 // Soft light beige for background + +// Links, Anchors +$anchor-color: #967e52 // Muted desert green for links +$anchor-hover-color: #e0b589 // Sandy beige for hover links +$toc-anchor-color: color.adjust($anchor-color, $lightness: -10%) +$toc-anchor-hover-color: color.adjust($anchor-hover-color, $lightness: 10%) + +// Tables +$table-header-bg: #967e52 // Muted desert green for table headers +$table-border-color: #bda27b // Sandy yellow for table borders + +// Header Sizes and Colors +$default-header-sizes: ( h1: 2em, h2: 1.75em, h3: 1.3em, h4: 1.25em, h5: 1.1em, h6: 1em) + +$default-header-colors: ( h1: $primary-color, h2: $secondary-color, h3: $tertiary-color, h4: $quaternary-color, h5: $quinary-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: 3.5em, bottom: 0.5em)) + +// Fonts +$primary-font: 'Source Code Pro', monospace // Clean, readable monospace +$secondary-font: 'Lora', serif // Seriffed font for headers + diff --git a/themes/golden-ledger.sass b/themes/golden-ledger.sass new file mode 100644 index 0000000..724faad --- /dev/null +++ b/themes/golden-ledger.sass @@ -0,0 +1,76 @@ +// _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 + diff --git a/themes/modern-slate.sass b/themes/modern-slate.sass new file mode 100644 index 0000000..2502e3a --- /dev/null +++ b/themes/modern-slate.sass @@ -0,0 +1,64 @@ +// _var2.sass +@use "sass:map" +@use "sass:color" +@use '../fonts' as fonts + +$list-padding-left: 1.5em + +// Color Variables + +// Colors +$primary-color: #61afef // Used for links (updated) +$secondary-color: #98c379 // Used for code blocks (updated) +$tertiary-color: #abb2bf // General text color (new tertiary role) +$quaternary-color: #d19a66 // Highlight color (updated) +$quinary-color: #e06c75 // Accent for headers (updated) + +$code-background-color: #2c313c // Code block background (updated) +$code-text-color: #abb2bf // Text color for code blocks (updated) + +$note-background-color: #333842 // Note background (unchanged) +$note-border-color: $quinary-color // Note border color (unchanged) + +// Text +$text-color: $tertiary-color // General text color (updated) +$background-color: color.adjust($tertiary-color, $lightness: -53%) + +// Links, Anchors +$anchor-color: color.adjust($primary-color, $lightness: 15%) +$anchor-hover-color: color.adjust($quaternary-color, $lightness: 10%) +$toc-anchor-color: color.adjust($secondary-color, $lightness: -5%) +$toc-anchor-hover-color: color.adjust($primary-color, $lightness: -5%) + +// Tables +$table-header-bg: #44475a // Steely blue for table headers (unchanged) +$table-border-color: #6272a4 // Muted blue-gray for borders (unchanged) + +// Default Header Sizes and Colors +$default-header-sizes: (h1: 2em, h2: 1.75em, h3: 1.5em, h4: 1.25em, h5: 1.1em, h6: 1em) +$default-header-colors: (h1: $quaternary-color, h2: $quinary-color, h3: $primary-color, h4: $secondary-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: 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: 3.5em, bottom: 0.5em)) + +// Fonts +$primary-font: 'Fira Mono', monospace +$secondary-font: 'Roboto', sans-serif + diff --git a/themes/neon-noir.sass b/themes/neon-noir.sass new file mode 100644 index 0000000..d4004f8 --- /dev/null +++ b/themes/neon-noir.sass @@ -0,0 +1,75 @@ +// _variables.sass +@use "sass:map" +@use "sass:color" +@use '../fonts' as fonts + +$list-padding-left: 1.5em + +// Color Variables + +// Colors +$primary-color: #d10094 // Primary (Pink): Vibrant and attention-grabbing. +$secondary-color: #5b8ee8 // Secondary (Blue): Rich, calming contrast to pink. +$tertiary-color: #228b22 // Tertiary (Green): Strong, natural balance to pink and blue. +$quaternary-color: #40e0d0 // Quaternary (Turquoise): Fresh and energetic, great for highlights or links. +$quinary-color: #ffd966 // Quinary (Mustard Yellow): Warm and muted, adds subtle emphasis for accents. + +$code-background-color: #1e1f29 // Very dark blue for code blocks +$code-text-color: #f8f8f2 // Off-white for code text + +$note-background-color: #333842 // Note background +$note-border-color: $quinary-color // Note border color + +// Text +$text-color: #aeb1c7 +$background-color: #282a36 // Dark black-gray background + +// Links, Anchors +$anchor-color: color.adjust($secondary-color, $lightness: 15%) +$anchor-hover-color: color.adjust($primary-color, $lightness: 15%) +$toc-anchor-color: color.adjust($secondary-color, $lightness: -5%) +$toc-anchor-hover-color: color.adjust($primary-color, $lightness: -5%) + +// Tables +$table-header-bg: #44475a // Steely blue for table headers +$table-border-color: #6272a4 // Muted blue-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.5em) +$default-header-sizes: map.set($default-header-sizes, h4, 1.2em) +$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, $secondary-color) +$default-header-colors: map.set($default-header-colors, h4, $secondary-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: 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: 3.5em, bottom: 0.5em)) + +// Fonts +$primary-font: 'Fira Mono', monospace +$secondary-font: 'Roboto', sans-serif + diff --git a/themes/sienna-elegance.sass b/themes/sienna-elegance.sass new file mode 100644 index 0000000..029e0b1 --- /dev/null +++ b/themes/sienna-elegance.sass @@ -0,0 +1,76 @@ +// _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 +