fixed citations title

Author: zzigak

gruvbox.css

@@ -263,4 +263,25 @@ th {
 
 .theme-switch:hover i {
     color: var(--yellow);
+}
+
+/* Citation section dark theme styles */
+.citation-box {
+    background-color: var(--bg0_s);
+    border: 1px solid var(--bg3);
+}
+
+#citation code {
+    color: var(--fg2);
+}
+
+#citation .copy {
+    color: var(--fg4);
+    background-color: var(--bg2);
+    border: 1px solid var(--bg3);
+}
+
+#citation .copy:hover {
+    background-color: var(--bg3);
+    color: var(--yellow);
 } 

index.html

@@ -34,11 +34,23 @@
 			localStorage.setItem('theme', isLight ? 'dark' : 'light');
 		}
 
-		// Set initial theme based on saved preference
+		// Set initial theme based on saved preference, defaulting to light
 		document.addEventListener('DOMContentLoaded', () => {
 			const savedTheme = localStorage.getItem('theme');
+			const themeStyle = document.getElementById('theme-style');
+			const icon = document.querySelector('.theme-switch i');
+			
+			// Default to light mode
 			if (savedTheme === 'dark') {
-				toggleTheme();
+				themeStyle.disabled = false;
+				icon.className = 'fas fa-moon';
+			} else {
+				themeStyle.disabled = true;
+				icon.className = 'fas fa-sun';
+				// Explicitly set to light if no preference is saved
+				if (!savedTheme) {
+					localStorage.setItem('theme', 'light');
+				}
 			}
 		});
 	</script>
@@ -99,7 +111,7 @@ <h2 id="video">Video</h2>
 
 	<section class="section" id="citation">
 		<div class="container is-max-desktop content">
-			<h2 class="title">Citation</h2>
+			<h2 id="citation-header">Citation</h2>
 			<div class="citation-box">
 				<button class="copy" onclick="copyText()"><i class="fa fa-clipboard"></i></button>
 				<pre><code id="citation-content">@article{Anonymous2024,

style.css

@@ -498,15 +498,6 @@ nav > ul > li {
 	margin-top: 0;
 }
 
-.title {
-	color: #363636;
-	font-size: 2rem;
-	font-weight: 600;
-	line-height: 1.125;
-	margin-bottom: 1.5rem;
-	text-align: center;
-}
-
 .citation-box {
 	position: relative;
 	background-color: #f5f5f5;
@@ -558,10 +549,6 @@ nav > ul > li {
 		padding: 1.5rem 1rem;
 	}
 
-	.title {
-		font-size: 1.5rem;
-	}
-	
 	.citation-box {
 		padding: 1rem;
 	}