From c3c46db4aeab53744fa291a441b84cd0a1810feb Mon Sep 17 00:00:00 2001 From: ronny abraham Date: Sun, 1 Dec 2024 01:47:54 +0200 Subject: [PATCH 1/2] 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. From 85e3caa43969b29e3d4bbbe97d01c335c5a87e2e Mon Sep 17 00:00:00 2001 From: ronny abraham Date: Sun, 1 Dec 2024 01:59:40 +0200 Subject: [PATCH 2/2] updated themes --- themes/_muted_pulse.sass | 66 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 66 insertions(+) create mode 100644 themes/_muted_pulse.sass diff --git a/themes/_muted_pulse.sass b/themes/_muted_pulse.sass new file mode 100644 index 0000000..fa0d826 --- /dev/null +++ b/themes/_muted_pulse.sass @@ -0,0 +1,66 @@ +@use "sass:map" +@use "sass:color" +@use '../fonts' as fonts + +$list-padding-left: 1.5em + + +$primary-color: #a83279 // Muted magenta for primary accents +$secondary-color: #3b8fc2 // Calming blue for secondary elements +$tertiary-color: #4caf50 // Softer green for tertiary elements +$quaternary-color: #60c8d2 // Light turquoise for highlights and links +$quinary-color: #ffd966 // Subtle warm yellow for accents + +$background-color: #1e1e2f // Dark, neutral grayish-blue background +$text-color: #d1d1e0 // Soft off-white for text +$code-background-color: #2a2a3d // Slightly lighter gray for code blocks +$code-text-color: #eaeaea // Very light gray for code text + +$note-background-color: #2c2c3a // Muted gray-blue for note background +$note-border-color: $quinary-color // Matches the warm yellow accent + +$anchor-color: color.adjust($secondary-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($primary-color, $lightness: -5%) + +$table-header-bg: #343449 // Muted gray-purple for table headers +$table-border-color: #4e4e5f // Neutral gray for borders + +$primary-font: 'Noto Sans', sans-serif // Clean and highly readable sans-serif font +$secondary-font: 'Noto Serif', serif // Complementary serif for headers + +// 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))