176         $colors = $this->getTemplateColors();
180 …     echo '<div style="border-bottom:2px solid ' . $colors['border'] . '; margin:10px 0 15px 0;">';
181 …px; text-decoration:none; color:' . ($tab === 'manage' ? $accentColor : $colors['text']) . '; bord…
182 …px; text-decoration:none; color:' . ($tab === 'update' ? $accentColor : $colors['text']) . '; bord…
183 …px; text-decoration:none; color:' . ($tab === 'config' ? $accentColor : $colors['text']) . '; bord…
184 …px; text-decoration:none; color:' . ($tab === 'google' ? $accentColor : $colors['text']) . '; bord…
185 …px; text-decoration:none; color:' . ($tab === 'themes' ? $accentColor : $colors['text']) . '; bord…
190             $this->renderConfigTab($colors);
192             $this->renderManageTab($colors);
194             $this->renderThemesTab($colors);
196             $this->renderGoogleSyncTab($colors);
198             $this->renderUpdateTab($colors);
202     private function renderConfigTab($colors = null) {  argument
206         if ($colors === null) {
207             $colors = $this->getTemplateColors();
241 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; margin:10px 0; border-left:3px s…
243 …echo '<p style="color:' . $colors['text'] . '; font-size:0.85em; margin:0 0 10px 0;">Register at <…
246 …xxxxxxxx" required style="width:100%; padding:6px; border:1px solid ' . $colors['border'] . '; bor…
249 …autocomplete="off" style="width:100%; padding:6px; border:1px solid ' . $colors['border'] . '; bor…
252 …ete="new-password" style="width:100%; padding:6px; border:1px solid ' . $colors['border'] . '; bor…
257 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; margin:10px 0; border-left:3px s…
264 …tocomplete="email" style="width:100%; padding:6px; border:1px solid ' . $colors['border'] . '; bor…
269 …erica/Los_Angeles" style="width:100%; padding:6px; border:1px solid ' . $colors['border'] . '; bor…
274 …er="Blue category" style="width:100%; padding:6px; border:1px solid ' . $colors['border'] . '; bor…
279 …" placeholder="15" style="width:100%; padding:6px; border:1px solid ' . $colors['border'] . '; bor…
286 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; margin:10px 0; border-left:3px s…
306 …verflow-y:auto; border:1px solid ' . $colors['border'] . '; border-radius:3px; padding:8px; backgr…
329 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; border-left:3px solid #00cc07; b…
331 …echo '<p style="color:' . $colors['text'] . '; font-size:0.8em; margin:0 0 5px;">One per line: nam…
332 …_mapping" rows="6" style="width:100%; padding:6px; border:1px solid ' . $colors['border'] . '; bor…
342 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; border-left:3px solid #00cc07; b…
344 …echo '<p style="color:' . $colors['text'] . '; font-size:0.8em; margin:0 0 8px;">Map calendar colo…
383 …echo '<span style="font-size:12px; min-width:90px; color:' . $colors['text'] . ';">' . $colorName …
389 …map_' . $rowIndex . '" style="flex:1; padding:4px; border:1px solid ' . $colors['border'] . '; bor…
488 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; margin:15px 0; border-left:3px s…
503 …echo '<span style="color:' . $colors['text'] . '; font-size:12px;">⏰ ' . hsc($cronStatus['frequenc…
508 …echo '<span id="syncStatus" style="color:' . $colors['text'] . '; font-size:12px; margin-left:auto…
639 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; margin:15px 0 10px 0; border-lef…
641 …echo '<p style="color:' . $colors['text'] . '; font-size:0.8em; margin:0 0 8px;">Location: <code s…
736     private function renderManageTab($colors = null) {  argument
740         if ($colors === null) {
741             $colors = $this->getTemplateColors();
756 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; margin:10px 0; border-left:3px s…
758 …echo '<p style="color:' . $colors['text'] . '; font-size:11px; margin:0 0 10px;">' . $this->getLan…
764 …div style="background:' . $colors['bg'] . '; padding:10px; border-radius:3px; margin-bottom:10px; …
769 …echo '<div style="color:' . $colors['text'] . '; font-size:10px;">' . $this->getLang('total_events…
774 …echo '<div style="color:' . $colors['text'] . '; font-size:10px;">' . $this->getLang('namespaces')…
779 …echo '<div style="color:' . $colors['text'] . '; font-size:10px;">' . $this->getLang('json_files')…
784 …echo '<div style="color:' . $colors['text'] . '; font-size:10px;">' . $this->getLang('recurring') …
791 …echo '<div style="margin-top:8px; color:' . $colors['text'] . '; font-size:10px;">' . $this->getLa…
830 …margin-top:8px; max-height:200px; overflow-y:auto; border:1px solid ' . $colors['border'] . '; bor…
862 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; margin:10px 0; border-left:3px s…
864 …echo '<p style="color:' . $colors['text'] . '; font-size:11px; margin:0 0 8px;">' . $this->getLang…
867 …ng:8px 10px; margin:0 0 10px; border-radius:3px; font-size:10px; color:' . $colors['text'] . ';">';
877 …importantNsValue) . '" style="flex:1; padding:6px; border:1px solid ' . $colors['border'] . '; bor…
880 …echo '<p style="color:' . $colors['text'] . '; font-size:10px; margin:4px 0 0;">' . $this->getLang…
884 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; margin:10px 0; border-left:3px s…
886 …echo '<p style="color:' . $colors['text'] . '; font-size:11px; margin:0 0 12px;">' . $this->getLan…
892 …echo '<div style="background:' . $colors['bg'] . '; padding:10px; border:1px solid ' . $colors['bo…
912 …echo '<span style="font-size:11px; color:' . $colors['text'] . '; margin-right:8px;">' . $this->ge…
927 …echo '<span style="font-size:11px; color:' . $colors['text'] . '; margin-right:8px;">' . $this->ge…
934 …echo '<span style="font-size:11px; color:' . $colors['text'] . '; margin-right:8px;">' . $this->ge…
936 …echo '<span style="font-size:11px; color:' . $colors['text'] . '; margin-right:8px;">' . $this->ge…
943 …echo '<div style="background:' . $colors['bg'] . '; padding:8px 10px; border:1px solid ' . $colors…
992 …preview.innerHTML = \'<div style="text-align:center; padding:20px; color:' . $colors['text'] . ';"…
1006 …      html += \'<details style="margin-top:8px; font-size:11px; color:' . $colors['text'] . ';">\';
1016 …tyle="max-height:150px; overflow-y:auto; margin-top:6px; background:' . $colors['bg'] . '; padding…
1042 …echo '<div id="recurring-section" style="background:' . $colors['bg'] . '; padding:12px; margin:10…
1054         $this->renderRecurringTable($recurringEvents, $colors);
1059 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; margin:10px 0; border-left:3px s…
1061 …echo '<p style="color:' . $colors['text'] . '; font-size:11px; margin:0 0 8px;">' . $this->getLang…
1065 …events') . '" style="width:100%; padding:6px 10px; border:1px solid ' . $colors['border'] . '; bor…
1078 …target_namespace" required style="padding:3px 6px; border:1px solid ' . $colors['border'] . '; bor…
1100 …50px; overflow-y:auto; border:1px solid ' . $colors['border'] . '; border-radius:3px; background:'…
1147 …1px solid ' . $colors['border'] . '; border-top:none; border-radius:0 0 3px 3px; max-height:450px;…
1150 …)" style="padding:5px 6px; border-bottom:1px solid #eee; background:' . $colors['bg'] . '; min-hei…
1259             text: "' . $colors['text'] . '",
1260             bg: "' . $colors['bg'] . '",
1261             border: "' . $colors['border'] . '"
1425 …var h = "<div style=\"background:' . $colors['bg'] . '; padding:20px; border-radius:8px; min-width…
1427 …h += "<p style=\"margin:0 0 15px; color:' . $colors['text'] . '; font-size:13px;\"><strong>" + cle…
1431 …h += "<div style=\"border:1px solid ' . $colors['border'] . '; border-radius:4px; padding:10px; ma…
1435 …=\"1\" max=\"52\" style=\"width:60px; padding:4px; border:1px solid ' . $colors['border'] . '; bor…
1437 …id=\"manage-extend-interval\" style=\"padding:4px; border:1px solid ' . $colors['border'] . '; bor…
1443 …h += "<div style=\"border:1px solid ' . $colors['border'] . '; border-radius:4px; padding:10px; ma…
1447 …\" value=\"" + todayStr + "\" style=\"padding:4px; border:1px solid ' . $colors['border'] . '; bor…
1452 …h += "<div style=\"border:1px solid ' . $colors['border'] . '; border-radius:4px; padding:10px; ma…
1454 …h += "<p style=\"font-size:11px; color:' . $colors['text'] . '; margin:0 0 6px; opacity:0.7;\">" +…
1457 …d=\"manage-pattern-interval\" style=\"padding:4px; border:1px solid ' . $colors['border'] . '; bor…
1463 …h += "<div style=\"border:1px solid ' . $colors['border'] . '; border-radius:4px; padding:10px; ma…
1465 …h += "<p style=\"font-size:11px; color:' . $colors['text'] . '; margin:0 0 6px; opacity:0.7;\">" +…
1468 …" value=\"" + firstDate + "\" style=\"padding:4px; border:1px solid ' . $colors['border'] . '; bor…
1473 …h += "<div style=\"border:1px solid ' . $colors['border'] . '; border-radius:4px; padding:10px; ma…
1475 …h += "<p style=\"font-size:11px; color:' . $colors['text'] . '; margin:0 0 6px; opacity:0.7;\">" +…
2236     private function renderUpdateTab($colors = null) {  argument
2240         if ($colors === null) {
2241             $colors = $this->getTemplateColors();
2263 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; margin:10px 0; border-left:3px s…
2279 …echo '<div style="margin-top:8px; padding-top:8px; border-top:1px solid ' . $colors['border'] . ';…
2290 …echo '<p style="margin:5px 0; font-size:12px; color:' . $colors['text'] . ';">Fix with: <code styl…
2291 …echo '<p style="margin:2px 0; font-size:12px; color:' . $colors['text'] . ';">Or: <code style="bac…
2301 …echo '<div style="flex:1; min-width:0; background:' . $colors['bg'] . '; padding:12px; border-left…
2303 …echo '<p style="color:' . $colors['text'] . '; font-size:13px; margin:0 0 10px;">Upload a calendar…
2308 …in_zip" accept=".zip" required style="padding:8px; border:1px solid ' . $colors['border'] . '; bor…
2330 …echo '<p style="margin:8px 0 0 0; font-size:12px; color:' . $colors['text'] . ';">Clear the DokuWi…
2348 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; margin:10px 0; border-left:3px s…
2424 …colors['border'] . '; color:' . $colors['text'] . '; width:32px; height:32px; border-radius:50%; c…
2426 …echo '<span id="' . $uniqueId . '_counter" style="font-size:11px; color:' . $colors['text'] . '; o…
2429 …colors['border'] . '; color:' . $colors['text'] . '; width:32px; height:32px; border-radius:50%; c…
2436 …                 $cardBorder = $isRunning ? '2px solid #00cc07' : '1px solid ' . $colors['border'];
2437 …. $i . '" style="display:' . $display . '; padding:10px; background:' . $colors['bg'] . '; border:…
2446 …echo '<span style="font-size:11px; color:' . $colors['text'] . '; opacity:0.6;">' . hsc($ver['date…
2450 …echo '<div style="font-size:12px; font-weight:600; color:' . $colors['text'] . '; margin-bottom:8p…
2470                             else { $color = $colors['text']; $icon = '•'; }
2474 …             echo '<span style="color:' . $colors['text'] . ';">' . hsc($item['desc']) . '</span>';
2479 …echo '<div style="font-size:11px; color:' . $colors['text'] . '; opacity:0.5; font-style:italic;">…
2555 …echo '<div id="backupSection" style="background:' . $colors['bg'] . '; padding:12px; margin:10px 0…
2583 …00px; overflow-y:auto; border:1px solid ' . $colors['border'] . '; border-radius:3px; background:'…
2587 …echo '<th style="padding:6px; text-align:center; border-bottom:2px solid ' . $colors['border'] . '…
2588 …echo '<th style="padding:6px; text-align:left; border-bottom:2px solid ' . $colors['border'] . ';"…
2589 …echo '<th style="padding:6px; text-align:left; border-bottom:2px solid ' . $colors['border'] . ';"…
2590 …echo '<th style="padding:6px; text-align:left; border-bottom:2px solid ' . $colors['border'] . ';"…
2611 …echo '<p style="color:' . $colors['text'] . '; font-size:13px; margin:8px 0;">No backups yet. Clic…
3241     private function renderRecurringTable($recurringEvents, $colors) {  argument
3243 …echo '<p style="color:' . $colors['text'] . '; font-size:13px; margin:5px 0;">' . $this->getLang('…
3249 …urring') . '" style="width:100%; padding:6px 10px; border:1px solid ' . $colors['border'] . '; bor…
3281 …echo '<div style="max-height:250px; overflow-y:auto; border:1px solid ' . $colors['border'] . '; b…
3372 …echo '<p style="color:' . $colors['text'] . '; font-size:10px; margin:5px 0 0;">' . sprintf($this-…
3547         $colors = $this->getTemplateColors();
3551         $this->renderRecurringTable($recurringEvents, $colors);
6652     private function renderGoogleSyncTab($colors = null) {  argument
6655         if ($colors === null) {
6656             $colors = $this->getTemplateColors();
6689 … echo '<h2 style="color:' . $colors['text'] . ';margin-bottom:20px;">�� Google Calendar Sync</h2>';
6696 …echo '<div style="background:' . $colors['bg'] . ';border:1px solid ' . $colors['border'] . ';bord…
6699 …echo '<span style="font-size:18px;font-weight:600;color:' . $colors['text'] . ';">Status: ' . $sta…
6703 …echo '<p style="color:' . $colors['textDim'] . ';margin:0;">Calendar: <strong>' . htmlspecialchars…
6708 …echo '<div style="background:' . $colors['bg'] . ';border:1px solid ' . $colors['border'] . ';bord…
6709         echo '<h3 style="color:' . $colors['text'] . ';margin:0 0 16px 0;">Setup Instructions</h3>';
6710 …  echo '<ol style="color:' . $colors['textDim'] . ';margin:0;padding-left:20px;line-height:1.8;">';
6722 …echo '<div style="background:' . $colors['bg'] . ';border:1px solid ' . $colors['border'] . ';bord…
6723         echo '<h3 style="color:' . $colors['text'] . ';margin:0 0 16px 0;">API Credentials</h3>';
6729 …echo '<label style="display:block;font-weight:600;color:' . $colors['text'] . ';margin-bottom:6px;…
6730 …border:1px solid ' . $colors['border'] . ';border-radius:6px;font-size:14px;background:' . $colors…
6731 …echo '<small style="color:' . $colors['textDim'] . ';">Leave blank to keep existing value</small>';
6735 …echo '<label style="display:block;font-weight:600;color:' . $colors['text'] . ';margin-bottom:6px;…
6736 …border:1px solid ' . $colors['border'] . ';border-radius:6px;font-size:14px;background:' . $colors…
6737 …echo '<small style="color:' . $colors['textDim'] . ';">Leave blank to keep existing value</small>';
6746 …echo '<div style="background:' . $colors['bg'] . ';border:1px solid ' . $colors['border'] . ';bord…
6747             echo '<h3 style="color:' . $colors['text'] . ';margin:0 0 16px 0;">Authentication</h3>';
6753 …echo '<p style="color:' . $colors['textDim'] . ';margin:0 0 16px 0;">Click below to authorize acce…
6762 …echo '<div style="background:' . $colors['bg'] . ';border:1px solid ' . $colors['border'] . ';bord…
6763 …          echo '<h3 style="color:' . $colors['text'] . ';margin:0 0 16px 0;">Select Calendar</h3>';
6768 …echo '<div style="background:' . $colors['bg'] . ';border:1px solid ' . $colors['border'] . ';bord…
6769             echo '<h3 style="color:' . $colors['text'] . ';margin:0 0 16px 0;">Sync Events</h3>';
6774 …   echo '<div style="padding:16px;border:1px solid ' . $colors['border'] . ';border-radius:8px;">';
6775 …    echo '<h4 style="color:' . $colors['text'] . ';margin:0 0 12px 0;">⬇️ Import from Google</h4>';
6776 …echo '<p style="color:' . $colors['textDim'] . ';font-size:13px;margin:0 0 12px 0;">Import events …
6778 …echo '<label style="display:block;font-size:12px;color:' . $colors['textDim'] . ';margin-bottom:4p…
6779 …"e.g. team:meetings" style="width:100%;padding:8px;border:1px solid ' . $colors['border'] . ';bord…
6785 …   echo '<div style="padding:16px;border:1px solid ' . $colors['border'] . ';border-radius:8px;">';
6786 …      echo '<h4 style="color:' . $colors['text'] . ';margin:0 0 12px 0;">⬆️ Export to Google</h4>';
6787 …echo '<p style="color:' . $colors['textDim'] . ';font-size:13px;margin:0 0 12px 0;">Export events …
6789 …echo '<label style="display:block;font-size:12px;color:' . $colors['textDim'] . ';margin-bottom:4p…
6790 …"e.g. team:meetings" style="width:100%;padding:8px;border:1px solid ' . $colors['border'] . ';bord…
6949     private function renderThemesTab($colors = null) {  argument
6953         if ($colors === null) {
6954             $colors = $this->getTemplateColors();
6977 …echo '<h2 style="margin:0 0 20px 0; color:' . $colors['text'] . ';">�� Sidebar Widget Settings</h2…
6978 …echo '<p style="color:' . $colors['text'] . '; margin-bottom:20px;">Customize the appearance and b…
6984 …echo '<div style="background:' . $colors['bg'] . '; border:1px solid ' . $colors['border'] . '; bo…
6985 …echo '<h3 style="margin:0 0 15px 0; color:' . $colors['text'] . '; font-size:16px;">�� Week Start …
6986 …echo '<p style="color:' . $colors['text'] . '; margin-bottom:15px; font-size:13px;">Choose which d…
6989 … '#00cc07' : $colors['border']) . '; border-radius:4px; background:' . ($currentWeekStart === 'mon…
6992 …echo '<div style="font-weight:bold; color:' . $colors['text'] . '; margin-bottom:3px;">Monday</div…
6993 …echo '<div style="font-size:11px; color:' . $colors['text'] . ';">Week starts on Monday (ISO stand…
6997 … '#00cc07' : $colors['border']) . '; border-radius:4px; background:' . ($currentWeekStart === 'sun…
7000 …echo '<div style="font-weight:bold; color:' . $colors['text'] . '; margin-bottom:3px;">Sunday</div…
7001 …echo '<div style="font-size:11px; color:' . $colors['text'] . ';">Week starts on Sunday (US/Canada…
7008 …echo '<div style="background:' . $colors['bg'] . '; border:1px solid ' . $colors['border'] . '; bo…
7009 …echo '<h3 style="margin:0 0 15px 0; color:' . $colors['text'] . '; font-size:16px;">�� Itinerary S…
7010 …echo '<p style="color:' . $colors['text'] . '; margin-bottom:15px; font-size:13px;">Choose whether…
7013 … ? '#00cc07' : $colors['border']) . '; border-radius:4px; background:' . (!$currentItineraryCollap…
7016 …echo '<div style="font-weight:bold; color:' . $colors['text'] . '; margin-bottom:3px;">Expanded</d…
7017 …echo '<div style="font-size:11px; color:' . $colors['text'] . ';">Show itinerary sections by defau…
7021 … ? '#00cc07' : $colors['border']) . '; border-radius:4px; background:' . ($currentItineraryCollaps…
7024 …echo '<div style="font-weight:bold; color:' . $colors['text'] . '; margin-bottom:3px;">Collapsed</…
7025 …echo '<div style="font-size:11px; color:' . $colors['text'] . ';">Hide itinerary sections by defau…
7032 …echo '<div style="background:' . $colors['bg'] . '; border:1px solid ' . $colors['border'] . '; bo…
7033 …echo '<h3 style="margin:0 0 15px 0; color:' . $colors['text'] . '; font-size:16px;">�� System Load…
7034 …echo '<p style="color:' . $colors['text'] . '; margin-bottom:15px; font-size:13px;">Show or hide t…
7037 …ad ? '#00cc07' : $colors['border']) . '; border-radius:4px; background:' . ($currentShowSystemLoad…
7040 …echo '<div style="font-weight:bold; color:' . $colors['text'] . '; margin-bottom:3px;">Show</div>';
7041 …echo '<div style="font-size:11px; color:' . $colors['text'] . ';">Display CPU/Memory load bars</di…
7045 …ad ? '#00cc07' : $colors['border']) . '; border-radius:4px; background:' . (!$currentShowSystemLoa…
7048 …echo '<div style="font-weight:bold; color:' . $colors['text'] . '; margin-bottom:3px;">Hide</div>';
7049 …echo '<div style="font-size:11px; color:' . $colors['text'] . ';">Disable system monitoring</div>';
7056 …echo '<h3 style="margin:0 0 15px 0; color:' . $colors['text'] . '; font-size:16px;">�� Visual Them…
7059 …colors['border']) . '; border-radius:6px; padding:20px; margin-bottom:20px; background:' . ($curre…
7064 …echo '<div style="color:' . $colors['text'] . '; margin-bottom:12px;">Dark green theme with Matrix…
7071 …colors['border']) . '; border-radius:6px; padding:20px; margin-bottom:20px; background:' . ($curre…
7076 …echo '<div style="color:' . $colors['text'] . '; margin-bottom:12px;">Rich purple theme with elega…
7083 …colors['border']) . '; border-radius:6px; padding:20px; margin-bottom:20px; background:' . ($curre…
7088 …echo '<div style="color:' . $colors['text'] . '; margin-bottom:12px;">Clean blue and grey theme wi…
7095 …colors['border']) . '; border-radius:6px; padding:20px; margin-bottom:20px; background:' . ($curre…
7100 …echo '<div style="color:' . $colors['text'] . '; margin-bottom:12px;">Glamorous hot pink theme wit…
7107 …colors['border']) . '; border-radius:6px; padding:20px; margin-bottom:20px; background:' . ($curre…
7112 …echo '<div style="color:' . $colors['text'] . '; margin-bottom:12px;">Automatically matches your D…
7113 …x; border-radius:4px; font-size:11px; font-family:sans-serif; color:' . $colors['text'] . '; box-s…