Revert "typo"

This reverts commit ea5e01ce9c.

settings/index.css

@@ -118,6 +118,23 @@ h2 {
   overflow: hidden;
   position: relative;
 }
+.theme-option.disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  position: relative;
+}
+
+.theme-option.disabled::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.1);
+  border-radius: 8px;
+}
+
 
 .theme-preview.light-blue {
   background: #DAE4F7;

settings/index.js

@@ -1,8 +1,10 @@
 document.addEventListener('DOMContentLoaded', async () => {
+  
   function getCookie(name) {
       const cookieName = `${name}=`;
       const decodedCookie = decodeURIComponent(document.cookie);
       const cookieArray = decodedCookie.split(';');
+      
       for(let i = 0; i < cookieArray.length; i++) {
           let cookie = cookieArray[i];
           while (cookie.charAt(0) === ' ') {
@@ -15,6 +17,7 @@ document.addEventListener('DOMContentLoaded', async () => {
       return null;
   }
 
+  
   function setCookie(name, value, days = 365) {
       const date = new Date();
       date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
@@ -37,37 +40,81 @@ document.addEventListener('DOMContentLoaded', async () => {
       document.querySelectorAll('.theme-option').forEach(button => {
           const theme = button.dataset.theme;
           button.classList.toggle('active', theme === currentTheme);
+          
+          
+          /*if (theme === 'light-blue' || theme === 'dark-blue' || theme === 'default') {
+              button.classList.add('disabled');
+              button.setAttribute('disabled', 'true');
+          }*/
       });
   }
   
+  
+  function isThemeDisabled(theme) {
+      return theme === 'default' || theme === 'dark-blue';
+  }
+  
   async function applyTheme(theme) {
+      
+      if (isThemeDisabled(theme)) {
+          alert('Ez a téma jelenleg nem elérhető.');
+          return;
+      }
+      
+      
       setCookie('themePreference', theme);
       localStorage.setItem('themePreference', theme);
+      
+      
       document.documentElement.setAttribute('data-theme', theme);
+      
+      
       updateThemeButtons(theme);
+      
+      
       const tabs = await chrome.tabs.query({});
       tabs.forEach(tab => {
           chrome.tabs.sendMessage(tab.id, {
               action: 'changeTheme',
               theme: theme
           }).catch(() => {
+              
               console.log('Tab not ready for theme change:', tab.id);
           });
       });
   }
   
+  
   const themeButtons = document.querySelectorAll('.theme-option');
   themeButtons.forEach(button => {
       button.addEventListener('click', () => {
           const theme = button.dataset.theme;
+          
+          
+          if (button.hasAttribute('disabled')) {
+              alert('Ez a téma jelenleg nem elérhető.');
+              return;
+          }
+          
           applyTheme(theme);
       });
   });
   
-  let initialTheme = localStorage.getItem('themePreference') || getCookie('themePreference') || await getCurrentTheme() || 'light-green';
+  
+  let initialTheme = localStorage.getItem('themePreference') || 
+                      getCookie('themePreference') || 
+                      await getCurrentTheme() || 
+                      'light-green';
+  
+  
+  if (isThemeDisabled(initialTheme)) {
+      initialTheme = 'light-green';
+  }
+  
   
   await applyTheme(initialTheme);
   
+  
   chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
       if (message.action === 'themeChanged') {
           updateThemeButtons(message.theme);
@@ -75,6 +122,20 @@ document.addEventListener('DOMContentLoaded', async () => {
       }
   });
   
+  
   const manifest = chrome.runtime.getManifest();
   document.getElementById('version').textContent = `v${manifest.version}`;
+  
+  
+  themeButtons.forEach(button => {
+      button.addEventListener('mouseover', () => {
+          if (!button.hasAttribute('disabled')) {
+              button.style.transform = 'translateY(-2px)';
+          }
+      });
+      
+      button.addEventListener('mouseout', () => {
+          button.style.transform = 'translateY(0)';
+      });
+  });
 });