Switch theme toggle from emoji to Remix Icons

p4gs · claude · happy-otter · p4gs · commit 7334526d4349 · 2026-03-19T21:45:33.000-04:00
Generated with [Claude Code](https://claude.ai/code) via [Happy](https://happy.engineering) Co-Authored-By: Claude <noreply@anthropic.com> Co-Authored-By: Happy <yesreply@happy.engineering>
diff --git a/docs/projects/grcengineering-cheat-sheet/index.html b/docs/projects/grcengineering-cheat-sheet/index.html
@@ -8,6 +8,7 @@
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
+<link href="https://cdn.jsdelivr.net/npm/remixicon@4.6.0/fonts/remixicon.css" rel="stylesheet">
 <style>
 :root {
   --orange: #FFA84F;
@@ -365,7 +366,7 @@
 <body>
 
 <button class="theme-toggle" onclick="toggleTheme()" aria-label="Toggle dark mode" title="Toggle dark mode">
-  <span class="theme-icon"></span>
+  <i class="theme-icon ri-moon-line"></i>
 </button>
 
 <header class="page-header">
@@ -489,7 +490,8 @@ <h1 class="page-title">The <span class="highlight">GRC Engineering</span> Cheat
   updateIcon(next);
 }
 function updateIcon(theme) {
-  document.querySelector('.theme-icon').textContent = theme === 'dark' ? '\u2600' : '\u263E';
+  var icon = document.querySelector('.theme-icon');
+  icon.className = theme === 'dark' ? 'theme-icon ri-sun-line' : 'theme-icon ri-moon-line';
 }
 (function() {
   var saved = localStorage.getItem('cheatsheet-theme');
