From c3c46db4aeab53744fa291a441b84cd0a1810feb Mon Sep 17 00:00:00 2001
From: ronny abraham <ronny.abraham@ymail.com>
Date: Sun, 1 Dec 2024 01:47:54 +0200
Subject: [PATCH] added theme

---
 themes/_electric_harmony.sass | 75 +++++++++++++++++++++++++++++++++++
 1 file changed, 75 insertions(+)
 create mode 100644 themes/_electric_harmony.sass

diff --git a/themes/_electric_harmony.sass b/themes/_electric_harmony.sass
new file mode 100644
index 0000000..1dd2090
--- /dev/null
+++ b/themes/_electric_harmony.sass
@@ -0,0 +1,75 @@
+// File: _ableton-theme.sass
+
+@use "sass:map"
+@use "sass:color"
+@use '../fonts' as fonts
+
+$list-padding-left: 1.5em
+
+// Color Variables
+
+// Colors
+$primary-color: #ffd966    // Bright yellow for accents and highlights.
+$secondary-color: #5b8ee8  // Cool blue for secondary text or emphasis.
+$tertiary-color: #228b22   // Subtle green for tertiary accents.
+$quaternary-color: #333842 // Dark gray for muted elements.
+$quinary-color: #d10094    // Vibrant pink for attention-grabbing elements.
+
+$code-background-color: #1e1f29 // Dark slate for code blocks.
+$code-text-color: #f8f8f2       // Soft off-white for code text.
+
+$note-background-color: #282a36 // Dark black-gray for notes.
+$note-border-color: $primary-color // Yellow for note borders.
+
+// Text and Background
+$text-color: #aeb1c7         // Light gray-blue for text.
+$background-color: #000000   // Pure black for a sleek Ableton-like background.
+
+// Links, Anchors
+$anchor-color: $secondary-color // Blue links for readability.
+$anchor-hover-color: $primary-color // Yellow hover links for emphasis.
+$toc-anchor-color: color.adjust($secondary-color, $lightness: -5%)
+$toc-anchor-hover-color: color.adjust($primary-color, $lightness: -5%)
+
+// Tables
+$table-header-bg: #333842        // Dark gray for table headers.
+$table-border-color: #6272a4     // Muted blue-gray for borders.
+
+// Header Sizes and Colors
+$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: 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: 'Avenir', sans-serif        // Sleek and modern sans-serif.
+$secondary-font: 'Roboto Mono', monospace // Clean monospace for accents.