color issues

src/components/WorldMap.jsx

@@ -859,8 +859,8 @@ export const WorldMap = ({
           </div>
         )}
         <div style={{ display: 'flex', gap: '8px', alignItems: 'center' }}>
-          <span style={{ background: '#00aaff', color: '#000', padding: '2px 5px', borderRadius: '3px', fontWeight: '600' }}>● DE</span>
-          <span style={{ background: '#ff8800', color: '#000', padding: '2px 5px', borderRadius: '3px', fontWeight: '600' }}>● DX</span>
+          <span style={{ background: 'var(--accent-amber)', color: '#000', padding: '2px 5px', borderRadius: '3px', fontWeight: '600' }}>● DE</span>
+          <span style={{ background: '#00aaff', color: '#000', padding: '2px 5px', borderRadius: '3px', fontWeight: '600' }}>● DX</span>
         </div>
         {showPOTA && (
           <div style={{ display: 'flex', gap: '4px', alignItems: 'center' }}>

src/utils/config.js

@@ -116,6 +116,11 @@ export const loadConfig = () => {
   // Mark if config needs setup (no callsign set anywhere)
   config.configIncomplete = (config.callsign === 'N0CALL' || !config.locator);
   
+  // Always inject version from server (not a user preference — server is source of truth)
+  if (serverConfig?.version) {
+    config.version = serverConfig.version;
+  }
+  
   return config;
 };