MediaWiki:Common.js

// Wait for the DOM to be fully loaded
$(document).ready(function() {
  // Target the logo wordmark
  var wordmark = $('.mw-logo-wordmark');
  
  if (wordmark.length) {
    // Get the current text
    var text = wordmark.text();
    
    // If the text is "ZenithXI", split it
    if (text === "ZenithXI") {
      // Empty the current content
      wordmark.empty();
      
      // Set inline style with !important via attribute
      wordmark.attr('style', 'font-size: 40px !important');
      
      // Add the colored spans
      wordmark.append(
        $('<span>').text("ZENITH").css("color", "#0077B6"),
        $('<span>').text("XI").css("color", "#F4A261")
      );
    }
  }
});