content.js

// Listen for messages from popup
chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
  if (request.action === "applyStyle") {
    applyStyle(request.theme, request.customCss);
  } else if (request.action === "toggleExtension") {
    if (!request.value) {
      removeCustomStyle();
    } else {
      // If enabled, apply stored style
      chrome.storage.sync.get(['selectedTheme', 'customCssValue'], function(data) {
        applyStyle(data.selectedTheme || 'default', data.customCssValue || '');
      });
    }
  }
});

// Function to apply style
function applyStyle(theme, customCss) {
  // First remove any existing custom styles
  removeCustomStyle();
  
  // Check if extension is enabled
  chrome.storage.sync.get(['extensionEnabled'], function(data) {
    if (data.extensionEnabled === false) return;
    
    // Create style element
    const styleElement = document.createElement('style');
    styleElement.id = 'github-custom-css';
    
    let cssRules = '';
    
    // Add CSS rules based on selected theme
    switch(theme) {
      case 'custom':
        cssRules = customCss;
        break;
    }
    
    // Apply CSS rules
    styleElement.textContent = cssRules;
    document.head.appendChild(styleElement);
  });
}

// Remove custom styles
function removeCustomStyle() {
  const existingStyle = document.getElementById('github-custom-css');
  if (existingStyle) {
    existingStyle.remove();
  }
}

// Apply stored styles when page loads
chrome.storage.sync.get(['extensionEnabled', 'selectedTheme', 'customCssValue'], function(data) {
  if (data.extensionEnabled !== false) {
    applyStyle(data.selectedTheme || 'default', data.customCssValue || '');
  }
});