From 4f9ded5a9a7d6738f93356b5384edc47c1cd2503 Mon Sep 17 00:00:00 2001
From: ronny abraham <ronny.abraham@ymail.com>
Date: Fri, 29 Nov 2024 02:24:28 +0200
Subject: [PATCH] changes to the table of contents

---
 _share/media/sass/_variables.sass | 15 ++++++++++-----
 _share/media/sass/pickup.sass     | 25 ++++++++++++++++++++-----
 dark_needle/attract_women/toc.org |  1 -
 3 files changed, 30 insertions(+), 11 deletions(-)

diff --git a/_share/media/sass/_variables.sass b/_share/media/sass/_variables.sass
index 29ec2f8..321b6cb 100644
--- a/_share/media/sass/_variables.sass
+++ b/_share/media/sass/_variables.sass
@@ -1,5 +1,6 @@
 // _variables.sass
 @use "sass:map"
+@use "sass:color"
 @use '../../../../../_share/media/sass/fonts' as fonts
 
 $list-padding-left: 1.5em
@@ -12,17 +13,21 @@ $note-background-color: #333842 // Note background
 $note-border-color: #c678dd   // Note border color
 
 // Colors 
-$primary-color: #d10094 // Dark pink for headers
-$secondary-color: #5b8ee8 // Rich blue for secondary headers
-$tertiary-color: #228b22 // Dark green for subheaders
+$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.
 
 // Text
 $text-color: #aeb1c7
 $background-color: #282a36 // Dark black-gray background
 
 // Links, Anchors
-$anchor-color: #1e90ff // Dodger blue for links
-$anchor-hover-color: #e0006f// Vibrant pink for link hover
+$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
diff --git a/_share/media/sass/pickup.sass b/_share/media/sass/pickup.sass
index 3cd2359..7d05975 100644
--- a/_share/media/sass/pickup.sass
+++ b/_share/media/sass/pickup.sass
@@ -9,11 +9,6 @@
 @include mixins-basic.set-header-margins-sides($default-header-margins-sides)
 @include mixins-basic.set-header-margins-vertical($default-header-margins-vertical)
 
-/* Table of Contents Link */
-.toc
-  font-weight: bold
-  color: $primary-color
-
 /* Base Styles */
 body
   font-family: $primary-font
@@ -132,7 +127,27 @@ div#postamble
 .outline-text-4
   margin-left: .5em
 
+/* Table of Contents Link */
+.toc
+  font-weight: bold
+  color: $primary-color
+
 div#table-of-contents
+  ul
+    margin: 0
+    list-style-type: square
+
+    li
+      margin: .4 0
+
+      a
+        color: $toc-anchor-color
+        text-transform: lowercase
+
+        &:hover
+          color: $toc-anchor-hover-color
+
   h2
     margin-left: 0
+    margin-bottom: .2em 
     text-transform: uppercase
diff --git a/dark_needle/attract_women/toc.org b/dark_needle/attract_women/toc.org
index 1bb54aa..c2fcda8 100644
--- a/dark_needle/attract_women/toc.org
+++ b/dark_needle/attract_women/toc.org
@@ -7,7 +7,6 @@
 - [[https://www.youtube.com/playlist?list=PLnzRvn3Ye6vkMoJudiSmzEwjPMHkchYX7][Playlist: how to attract women]]
 
 * Table of Contents
-
 ** [[./_subsections/video01-easy-to-get-girls.org][It's actually pretty easy to get girls]]
 ** [[./_subsections/video02-woman-magnet.org][How to be a woman magnet]]
 ** [[./_subsections/video03-make-women-obsessed.org][secret to make women obsessed]]