Add a light theme

toaq · Jul 5, 2024 · f365751 · f365751
1 parent bb84ab4
commit f365751
Show file tree

Hide file tree

Showing 5 changed files with 90 additions and 58 deletions.
diff --git a/_layouts/delta-refgram.html b/_layouts/delta-refgram.html
@@ -19,6 +19,9 @@
 </head>
 <body class="delta-refgram">
 
+<button type="button" class="button" style="padding:8px 16px; margin: 8px 8px -16px"
+    onclick="document.body.parentElement.className = /light/.test(document.body.parentElement.className) ? '' : 'light';">Theme</button>
+
 <img src="../assets/logo.webp" class="logo"></img>
 
 {% assign chapters = site.pages | where: "layout", "delta-refgram" | sort: "order" %}

diff --git a/index.html b/index.html
@@ -82,6 +82,5 @@ <h2 class="mb-5 tm-content-title">Welcome to Toaq!</h2>
     <script src="js/jquery-3.4.1.min.js"></script>
     <script src="js/bootstrap.min.js"></script>
     <script src="js/jquery.backstretch.min.js"></script>
-    <script src="js/templatemo-script.js"></script>
 </body>
 </html>
diff --git a/refgram/css/interlinear.css b/refgram/css/interlinear.css
@@ -74,20 +74,20 @@ Row Classes
 */
 .source {
 	font-weight: bold;
-	color: #00aaff;
+	color: var(--toaq-color);
 }
 
 .translation {
-	
+
 }
 
 .morphemes {
 	font-style: italic;
-	color: #aaaaaa;
+	color: var(--morphemes-color);
 }
 
 .citation {
     font-family: 'Derani';
     font-size: 24px;
-    color: #ee3399;
+    color: var(--derani-color);
 }