Fixes to Cmd+K palette

Author: one-data-cookie

_includes/header.html

@@ -39,7 +39,7 @@ <h4>{{ site.heading }}</h4>
         <div class="navbar-item" onclick="openSearchModal()">
           <div class="buttons">
             <a class="button is-text">
-              <span class="cmd-palette-btn-mobile">⌘K</span>
+              <span class="cmd-palette-btn">⌘K</span>
             </a>
           </div>
         </div>

assets/css/style.css

@@ -1607,20 +1607,32 @@ label.margin-toggle:not(.sidenote-number) {
     text-decoration: none;
 }
 
-.cmd-palette-btn-mobile {
-    font-weight: 1000;
-    font-size: 20px;
-    text-decoration: none;
+/* Override Bulma button styles with high specificity */
+.navbar-item .button.is-text:hover,
+.navbar-item .button.is-text:focus,
+.navbar-item .button.is-text:active,
+.button.is-text:hover,
+.button.is-text:focus,
+.button.is-text:active,
+.button:hover,
+.button:focus,
+.button:active,
+.cmd-palette-btn:hover,
+.cmd-palette-btn:focus,
+.cmd-palette-btn:active {
+    outline: none !important;
+    box-shadow: none !important;
+    background-color: transparent !important;
+    background: none !important;
+    color: inherit !important;
 }
 
 /* Remove underline from command palette button links */
-a:has(.cmd-palette-btn),
-a:has(.cmd-palette-btn-mobile) {
+a:has(.cmd-palette-btn) {
     text-decoration: none !important;
 }
 
-a:has(.cmd-palette-btn):hover,
-a:has(.cmd-palette-btn-mobile):hover {
+a:has(.cmd-palette-btn):hover {
     text-decoration: none !important;
 }
 

assets/js/commandPalette.js

@@ -70,8 +70,6 @@ document.addEventListener('DOMContentLoaded', function() {
 
         // Add the current theme class
         ninjaKeys.classList.add(currentTheme);
-        
-        console.log('Synced ninja-keys theme to:', currentTheme);
     }
 
     // Fix ninja-keys blur, scrollbar, and hide "move to parent" footer element
@@ -130,7 +128,6 @@ document.addEventListener('DOMContentLoaded', function() {
                 `;
                 style.appendChild(document.createTextNode(css));
                 ninjaKeys.shadowRoot.appendChild(style);
-                console.log('Applied ninja-keys blur fix and scrollbar removal');
             } else {
                 console.warn('ninja-keys shadowRoot not available');
             }
@@ -200,9 +197,6 @@ document.addEventListener('DOMContentLoaded', function() {
                 `;
                 colorStyle.appendChild(document.createTextNode(colorCSS));
                 ninjaKeys.shadowRoot.appendChild(colorStyle);
-                console.log('Applied dynamic color scheme to ninja-keys using CSS variables:', {
-                    bgMain, textMain, textSub, bgSub, border
-                });
             }
         }, 150);
     }
@@ -408,7 +402,6 @@ document.addEventListener('DOMContentLoaded', function() {
 
     // Listen for theme changes to keep popup in sync
     const observer = new MutationObserver(() => {
-        console.log('Theme change detected, updating popup...');
         // Update theme class
         syncTheme();
         // Re-apply colors with new theme values
@@ -419,6 +412,4 @@ document.addEventListener('DOMContentLoaded', function() {
         attributes: true,
         attributeFilter: ['data-theme']
     });
-    
-    console.log('Command palette initialized with', allActions.length, 'actions');
 });