From b82791d67139d35cb12cbb87bf4ef759f2ee2164 Mon Sep 17 00:00:00 2001
From: jstoobysmith <72603918+jstoobysmith@users.noreply.github.com>
Date: Fri, 7 Feb 2025 14:20:59 +0000
Subject: [PATCH] feat: Add ability to toggle background color

---
 docs/CuratedNotes/PerturbationTheory.html | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/docs/CuratedNotes/PerturbationTheory.html b/docs/CuratedNotes/PerturbationTheory.html
index 48c33bd..941bfea 100644
--- a/docs/CuratedNotes/PerturbationTheory.html
+++ b/docs/CuratedNotes/PerturbationTheory.html
@@ -12,6 +12,19 @@ layout: default
 <script type="text/javascript" charset="UTF-8"
   src="../assets/css/lean.min.js"></script>
 <script>hljs.highlightAll();</script>
+<!--- Toggle background color. -->
+<script>
+let isDefaultBackground = true;
+function toggleDyslexiaMode() {
+  document.body.style.backgroundColor = isDefaultBackground ? '#f4ecd8' : '#ffffff';
+  isDefaultBackground = !isDefaultBackground;
+}
+</script>
+<div style="text-align: right;">
+  <a href="#" onclick="toggleDyslexiaMode(); return false;" style="color: #2c5282; text-decoration: underline; cursor: pointer;">
+    Toggle background color
+  </a>
+</div>
 <!-- Note header (title, curators, notice etc.). -->
 <center><h1 style="font-size: 50px;">{{ site.data.perturbationTheory.title }}</h1></center>
 <center><h2 style="font-size: 20px;">Note Authors: {{ site.data.perturbationTheory.curators }}</h2></center>
@@ -68,7 +81,7 @@ layout: default
   {% endif %}
   {% if entry.type == "name" %}
 
-  <div style="background-color: #ffff; padding: 10px; border-radius: 4px;">
+  <div style=" padding: 10px; border-radius: 4px;">
      <b id="decl-{{ entry.declNo }}">
       <a href="#decl-{{ entry.declNo }}" style="color: black;">
       {% if entry.isDef %}Definition{% else %}Theorem{% endif %} {{ entry.declNo }}</a></b>