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

added theme

Browse source
This commit is contained in:
ronny abraham 2024-12-01 01:47:54 +02:00
parent d8096e6e31
commit c3c46db4ae
1 changed files with 75 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

75
themes/_electric_harmony.sass Normal file
View file

@ -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.