201         $colors = $this->getTemplateColors();
205 …     echo '<div style="border-bottom:2px solid ' . $colors['border'] . '; margin:10px 0 15px 0;">';
206 …px; text-decoration:none; color:' . ($tab === 'manage' ? $accentColor : $colors['text']) . '; bord…
207 …px; text-decoration:none; color:' . ($tab === 'update' ? $accentColor : $colors['text']) . '; bord…
208 …px; text-decoration:none; color:' . ($tab === 'config' ? $accentColor : $colors['text']) . '; bord…
209 …px; text-decoration:none; color:' . ($tab === 'google' ? $accentColor : $colors['text']) . '; bord…
210 …px; text-decoration:none; color:' . ($tab === 'themes' ? $accentColor : $colors['text']) . '; bord…
215             $this->renderConfigTab($colors);
217             $this->renderManageTab($colors);
219             $this->renderThemesTab($colors);
221             $this->renderGoogleSyncTab($colors);
223             $this->renderUpdateTab($colors);
227     private function renderConfigTab($colors = null) {  argument
231         if ($colors === null) {
232             $colors = $this->getTemplateColors();
267 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; margin:10px 0; border-left:3px s…
269 …echo '<p style="color:' . $colors['text'] . '; font-size:0.85em; margin:0 0 10px 0;">Register at <…
272 …xxxxxxxx" required style="width:100%; padding:6px; border:1px solid ' . $colors['border'] . '; bor…
275 …autocomplete="off" style="width:100%; padding:6px; border:1px solid ' . $colors['border'] . '; bor…
278 …ete="new-password" style="width:100%; padding:6px; border:1px solid ' . $colors['border'] . '; bor…
283 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; margin:10px 0; border-left:3px s…
290 …tocomplete="email" style="width:100%; padding:6px; border:1px solid ' . $colors['border'] . '; bor…
295 …erica/Los_Angeles" style="width:100%; padding:6px; border:1px solid ' . $colors['border'] . '; bor…
300 …er="Blue category" style="width:100%; padding:6px; border:1px solid ' . $colors['border'] . '; bor…
305 …" placeholder="15" style="width:100%; padding:6px; border:1px solid ' . $colors['border'] . '; bor…
312 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; margin:10px 0; border-left:3px s…
332 …verflow-y:auto; border:1px solid ' . $colors['border'] . '; border-radius:3px; padding:8px; backgr…
355 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; border-left:3px solid #00cc07; b…
357 …echo '<p style="color:' . $colors['text'] . '; font-size:0.8em; margin:0 0 5px;">One per line: nam…
358 …_mapping" rows="6" style="width:100%; padding:6px; border:1px solid ' . $colors['border'] . '; bor…
368 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; border-left:3px solid #00cc07; b…
370 …echo '<p style="color:' . $colors['text'] . '; font-size:0.8em; margin:0 0 8px;">Map calendar colo…
409 …echo '<span style="font-size:12px; min-width:90px; color:' . $colors['text'] . ';">' . $colorName …
415 …map_' . $rowIndex . '" style="flex:1; padding:4px; border:1px solid ' . $colors['border'] . '; bor…
514 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; margin:15px 0; border-left:3px s…
529 …echo '<span style="color:' . $colors['text'] . '; font-size:12px;">⏰ ' . hsc($cronStatus['frequenc…
534 …echo '<span id="syncStatus" style="color:' . $colors['text'] . '; font-size:12px; margin-left:auto…
665 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; margin:15px 0 10px 0; border-lef…
667 …echo '<p style="color:' . $colors['text'] . '; font-size:0.8em; margin:0 0 8px;">Location: <code s…
762     private function renderManageTab($colors = null) {  argument
766         if ($colors === null) {
767             $colors = $this->getTemplateColors();
782 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; margin:10px 0; border-left:3px s…
784 …echo '<p style="color:' . $colors['text'] . '; font-size:11px; margin:0 0 10px;">' . $this->getLan…
790 …div style="background:' . $colors['bg'] . '; padding:10px; border-radius:3px; margin-bottom:10px; …
795 …echo '<div style="color:' . $colors['text'] . '; font-size:10px;">' . $this->getLang('total_events…
800 …echo '<div style="color:' . $colors['text'] . '; font-size:10px;">' . $this->getLang('namespaces')…
805 …echo '<div style="color:' . $colors['text'] . '; font-size:10px;">' . $this->getLang('json_files')…
810 …echo '<div style="color:' . $colors['text'] . '; font-size:10px;">' . $this->getLang('recurring') …
817 …echo '<div style="margin-top:8px; color:' . $colors['text'] . '; font-size:10px;">' . $this->getLa…
859 …margin-top:8px; max-height:200px; overflow-y:auto; border:1px solid ' . $colors['border'] . '; bor…
891 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; margin:10px 0; border-left:3px s…
893 …echo '<p style="color:' . $colors['text'] . '; font-size:11px; margin:0 0 8px;">' . $this->getLang…
896 …ng:8px 10px; margin:0 0 10px; border-radius:3px; font-size:10px; color:' . $colors['text'] . ';">';
907 …importantNsValue) . '" style="flex:1; padding:6px; border:1px solid ' . $colors['border'] . '; bor…
910 …echo '<p style="color:' . $colors['text'] . '; font-size:10px; margin:4px 0 0;">' . $this->getLang…
914 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; margin:10px 0; border-left:3px s…
916 …echo '<p style="color:' . $colors['text'] . '; font-size:11px; margin:0 0 12px;">' . $this->getLan…
923 …echo '<div style="background:' . $colors['bg'] . '; padding:10px; border:1px solid ' . $colors['bo…
943 …echo '<span style="font-size:11px; color:' . $colors['text'] . '; margin-right:8px;">' . $this->ge…
958 …echo '<span style="font-size:11px; color:' . $colors['text'] . '; margin-right:8px;">' . $this->ge…
965 …echo '<span style="font-size:11px; color:' . $colors['text'] . '; margin-right:8px;">' . $this->ge…
967 …echo '<span style="font-size:11px; color:' . $colors['text'] . '; margin-right:8px;">' . $this->ge…
974 …echo '<div style="background:' . $colors['bg'] . '; padding:8px 10px; border:1px solid ' . $colors…
1023 …preview.innerHTML = \'<div style="text-align:center; padding:20px; color:' . $colors['text'] . ';"…
1037 …      html += \'<details style="margin-top:8px; font-size:11px; color:' . $colors['text'] . ';">\';
1047 …tyle="max-height:150px; overflow-y:auto; margin-top:6px; background:' . $colors['bg'] . '; padding…
1073 …echo '<div id="recurring-section" style="background:' . $colors['bg'] . '; padding:12px; margin:10…
1085         $this->renderRecurringTable($recurringEvents, $colors);
1090 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; margin:10px 0; border-left:3px s…
1092 …echo '<p style="color:' . $colors['text'] . '; font-size:11px; margin:0 0 8px;">' . $this->getLang…
1096 …events') . '" style="width:100%; padding:6px 10px; border:1px solid ' . $colors['border'] . '; bor…
1110 …target_namespace" required style="padding:3px 6px; border:1px solid ' . $colors['border'] . '; bor…
1132 …50px; overflow-y:auto; border:1px solid ' . $colors['border'] . '; border-radius:3px; background:'…
1179 …1px solid ' . $colors['border'] . '; border-top:none; border-radius:0 0 3px 3px; max-height:450px;…
1182 …)" style="padding:5px 6px; border-bottom:1px solid #eee; background:' . $colors['bg'] . '; min-hei…
1291             text: "' . $colors['text'] . '",
1292             bg: "' . $colors['bg'] . '",
1293             border: "' . $colors['border'] . '"
1457 …var h = "<div style=\"background:' . $colors['bg'] . '; padding:20px; border-radius:8px; min-width…
1459 …h += "<p style=\"margin:0 0 15px; color:' . $colors['text'] . '; font-size:13px;\"><strong>" + cle…
1463 …h += "<div style=\"border:1px solid ' . $colors['border'] . '; border-radius:4px; padding:10px; ma…
1467 …=\"1\" max=\"52\" style=\"width:60px; padding:4px; border:1px solid ' . $colors['border'] . '; bor…
1469 …id=\"manage-extend-interval\" style=\"padding:4px; border:1px solid ' . $colors['border'] . '; bor…
1475 …h += "<div style=\"border:1px solid ' . $colors['border'] . '; border-radius:4px; padding:10px; ma…
1479 …\" value=\"" + todayStr + "\" style=\"padding:4px; border:1px solid ' . $colors['border'] . '; bor…
1484 …h += "<div style=\"border:1px solid ' . $colors['border'] . '; border-radius:4px; padding:10px; ma…
1486 …h += "<p style=\"font-size:11px; color:' . $colors['text'] . '; margin:0 0 6px; opacity:0.7;\">" +…
1489 …d=\"manage-pattern-interval\" style=\"padding:4px; border:1px solid ' . $colors['border'] . '; bor…
1495 …h += "<div style=\"border:1px solid ' . $colors['border'] . '; border-radius:4px; padding:10px; ma…
1497 …h += "<p style=\"font-size:11px; color:' . $colors['text'] . '; margin:0 0 6px; opacity:0.7;\">" +…
1500 …" value=\"" + firstDate + "\" style=\"padding:4px; border:1px solid ' . $colors['border'] . '; bor…
1505 …h += "<div style=\"border:1px solid ' . $colors['border'] . '; border-radius:4px; padding:10px; ma…
1507 …h += "<p style=\"font-size:11px; color:' . $colors['text'] . '; margin:0 0 6px; opacity:0.7;\">" +…
2316     private function renderUpdateTab($colors = null) {  argument
2320         if ($colors === null) {
2321             $colors = $this->getTemplateColors();
2343 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; margin:10px 0; border-left:3px s…
2359 …echo '<div style="margin-top:8px; padding-top:8px; border-top:1px solid ' . $colors['border'] . ';…
2370 …echo '<p style="margin:5px 0; font-size:12px; color:' . $colors['text'] . ';">Fix with: <code styl…
2371 …echo '<p style="margin:2px 0; font-size:12px; color:' . $colors['text'] . ';">Or: <code style="bac…
2381 …echo '<div style="flex:1; min-width:0; background:' . $colors['bg'] . '; padding:12px; border-left…
2383 …echo '<p style="color:' . $colors['text'] . '; font-size:13px; margin:0 0 10px;">Upload a calendar…
2389 …in_zip" accept=".zip" required style="padding:8px; border:1px solid ' . $colors['border'] . '; bor…
2412 …echo '<p style="margin:8px 0 0 0; font-size:12px; color:' . $colors['text'] . ';">Clear the DokuWi…
2430 …echo '<div style="background:' . $colors['bg'] . '; padding:12px; margin:10px 0; border-left:3px s…
2506 …colors['border'] . '; color:' . $colors['text'] . '; width:32px; height:32px; border-radius:50%; c…
2508 …echo '<span id="' . $uniqueId . '_counter" style="font-size:11px; color:' . $colors['text'] . '; o…
2511 …colors['border'] . '; color:' . $colors['text'] . '; width:32px; height:32px; border-radius:50%; c…
2518 …                 $cardBorder = $isRunning ? '2px solid #00cc07' : '1px solid ' . $colors['border'];
2519 …. $i . '" style="display:' . $display . '; padding:10px; background:' . $colors['bg'] . '; border:…
2528 …echo '<span style="font-size:11px; color:' . $colors['text'] . '; opacity:0.6;">' . hsc($ver['date…
2532 …echo '<div style="font-size:12px; font-weight:600; color:' . $colors['text'] . '; margin-bottom:8p…
2552                             else { $color = $colors['text']; $icon = '•'; }
2556 …             echo '<span style="color:' . $colors['text'] . ';">' . hsc($item['desc']) . '</span>';
2561 …echo '<div style="font-size:11px; color:' . $colors['text'] . '; opacity:0.5; font-style:italic;">…
2637 …echo '<div id="backupSection" style="background:' . $colors['bg'] . '; padding:12px; margin:10px 0…
2666 …00px; overflow-y:auto; border:1px solid ' . $colors['border'] . '; border-radius:3px; background:'…
2670 …echo '<th style="padding:6px; text-align:center; border-bottom:2px solid ' . $colors['border'] . '…
2671 …echo '<th style="padding:6px; text-align:left; border-bottom:2px solid ' . $colors['border'] . ';"…
2672 …echo '<th style="padding:6px; text-align:left; border-bottom:2px solid ' . $colors['border'] . ';"…
2673 …echo '<th style="padding:6px; text-align:left; border-bottom:2px solid ' . $colors['border'] . ';"…
2694 …echo '<p style="color:' . $colors['text'] . '; font-size:13px; margin:8px 0;">No backups yet. Clic…
3337     private function renderRecurringTable($recurringEvents, $colors) {  argument
3339 …echo '<p style="color:' . $colors['text'] . '; font-size:13px; margin:5px 0;">' . $this->getLang('…
3345 …urring') . '" style="width:100%; padding:6px 10px; border:1px solid ' . $colors['border'] . '; bor…
3377 …echo '<div style="max-height:250px; overflow-y:auto; border:1px solid ' . $colors['border'] . '; b…
3468 …echo '<p style="color:' . $colors['text'] . '; font-size:10px; margin:5px 0 0;">' . sprintf($this-…
3643         $colors = $this->getTemplateColors();
3647         $this->renderRecurringTable($recurringEvents, $colors);
6748     private function renderGoogleSyncTab($colors = null) {  argument
6751         if ($colors === null) {
6752             $colors = $this->getTemplateColors();
6785 … echo '<h2 style="color:' . $colors['text'] . ';margin-bottom:20px;">�� Google Calendar Sync</h2>';
6792 …echo '<div style="background:' . $colors['bg'] . ';border:1px solid ' . $colors['border'] . ';bord…
6795 …echo '<span style="font-size:18px;font-weight:600;color:' . $colors['text'] . ';">Status: ' . $sta…
6799 …echo '<p style="color:' . $colors['textDim'] . ';margin:0;">Calendar: <strong>' . htmlspecialchars…
6804 …echo '<div style="background:' . $colors['bg'] . ';border:1px solid ' . $colors['border'] . ';bord…
6805         echo '<h3 style="color:' . $colors['text'] . ';margin:0 0 16px 0;">Setup Instructions</h3>';
6806 …  echo '<ol style="color:' . $colors['textDim'] . ';margin:0;padding-left:20px;line-height:1.8;">';
6818 …echo '<div style="background:' . $colors['bg'] . ';border:1px solid ' . $colors['border'] . ';bord…
6819         echo '<h3 style="color:' . $colors['text'] . ';margin:0 0 16px 0;">API Credentials</h3>';
6826 …echo '<label style="display:block;font-weight:600;color:' . $colors['text'] . ';margin-bottom:6px;…
6827 …border:1px solid ' . $colors['border'] . ';border-radius:6px;font-size:14px;background:' . $colors…
6828 …echo '<small style="color:' . $colors['textDim'] . ';">Leave blank to keep existing value</small>';
6832 …echo '<label style="display:block;font-weight:600;color:' . $colors['text'] . ';margin-bottom:6px;…
6833 …border:1px solid ' . $colors['border'] . ';border-radius:6px;font-size:14px;background:' . $colors…
6834 …echo '<small style="color:' . $colors['textDim'] . ';">Leave blank to keep existing value</small>';
6843 …echo '<div style="background:' . $colors['bg'] . ';border:1px solid ' . $colors['border'] . ';bord…
6844             echo '<h3 style="color:' . $colors['text'] . ';margin:0 0 16px 0;">Authentication</h3>';
6850 …echo '<p style="color:' . $colors['textDim'] . ';margin:0 0 16px 0;">Click below to authorize acce…
6859 …echo '<div style="background:' . $colors['bg'] . ';border:1px solid ' . $colors['border'] . ';bord…
6860 …          echo '<h3 style="color:' . $colors['text'] . ';margin:0 0 16px 0;">Select Calendar</h3>';
6865 …echo '<div style="background:' . $colors['bg'] . ';border:1px solid ' . $colors['border'] . ';bord…
6866             echo '<h3 style="color:' . $colors['text'] . ';margin:0 0 16px 0;">Sync Events</h3>';
6871 …   echo '<div style="padding:16px;border:1px solid ' . $colors['border'] . ';border-radius:8px;">';
6872 …    echo '<h4 style="color:' . $colors['text'] . ';margin:0 0 12px 0;">⬇️ Import from Google</h4>';
6873 …echo '<p style="color:' . $colors['textDim'] . ';font-size:13px;margin:0 0 12px 0;">Import events …
6875 …echo '<label style="display:block;font-size:12px;color:' . $colors['textDim'] . ';margin-bottom:4p…
6876 …"e.g. team:meetings" style="width:100%;padding:8px;border:1px solid ' . $colors['border'] . ';bord…
6882 …   echo '<div style="padding:16px;border:1px solid ' . $colors['border'] . ';border-radius:8px;">';
6883 …      echo '<h4 style="color:' . $colors['text'] . ';margin:0 0 12px 0;">⬆️ Export to Google</h4>';
6884 …echo '<p style="color:' . $colors['textDim'] . ';font-size:13px;margin:0 0 12px 0;">Export events …
6886 …echo '<label style="display:block;font-size:12px;color:' . $colors['textDim'] . ';margin-bottom:4p…
6887 …"e.g. team:meetings" style="width:100%;padding:8px;border:1px solid ' . $colors['border'] . ';bord…
7047     private function renderThemesTab($colors = null) {  argument
7051         if ($colors === null) {
7052             $colors = $this->getTemplateColors();
7075 …echo '<h2 style="margin:0 0 20px 0; color:' . $colors['text'] . ';">�� Sidebar Widget Settings</h2…
7076 …echo '<p style="color:' . $colors['text'] . '; margin-bottom:20px;">Customize the appearance and b…
7083 …echo '<div style="background:' . $colors['bg'] . '; border:1px solid ' . $colors['border'] . '; bo…
7084 …echo '<h3 style="margin:0 0 15px 0; color:' . $colors['text'] . '; font-size:16px;">�� Week Start …
7085 …echo '<p style="color:' . $colors['text'] . '; margin-bottom:15px; font-size:13px;">Choose which d…
7088 … '#00cc07' : $colors['border']) . '; border-radius:4px; background:' . ($currentWeekStart === 'mon…
7091 …echo '<div style="font-weight:bold; color:' . $colors['text'] . '; margin-bottom:3px;">Monday</div…
7092 …echo '<div style="font-size:11px; color:' . $colors['text'] . ';">Week starts on Monday (ISO stand…
7096 … '#00cc07' : $colors['border']) . '; border-radius:4px; background:' . ($currentWeekStart === 'sun…
7099 …echo '<div style="font-weight:bold; color:' . $colors['text'] . '; margin-bottom:3px;">Sunday</div…
7100 …echo '<div style="font-size:11px; color:' . $colors['text'] . ';">Week starts on Sunday (US/Canada…
7107 …echo '<div style="background:' . $colors['bg'] . '; border:1px solid ' . $colors['border'] . '; bo…
7108 …echo '<h3 style="margin:0 0 15px 0; color:' . $colors['text'] . '; font-size:16px;">�� Itinerary S…
7109 …echo '<p style="color:' . $colors['text'] . '; margin-bottom:15px; font-size:13px;">Choose whether…
7112 … ? '#00cc07' : $colors['border']) . '; border-radius:4px; background:' . (!$currentItineraryCollap…
7115 …echo '<div style="font-weight:bold; color:' . $colors['text'] . '; margin-bottom:3px;">Expanded</d…
7116 …echo '<div style="font-size:11px; color:' . $colors['text'] . ';">Show itinerary sections by defau…
7120 … ? '#00cc07' : $colors['border']) . '; border-radius:4px; background:' . ($currentItineraryCollaps…
7123 …echo '<div style="font-weight:bold; color:' . $colors['text'] . '; margin-bottom:3px;">Collapsed</…
7124 …echo '<div style="font-size:11px; color:' . $colors['text'] . ';">Hide itinerary sections by defau…
7131 …echo '<div style="background:' . $colors['bg'] . '; border:1px solid ' . $colors['border'] . '; bo…
7132 …echo '<h3 style="margin:0 0 15px 0; color:' . $colors['text'] . '; font-size:16px;">�� ' . $this->…
7133 …echo '<p style="color:' . $colors['text'] . '; margin-bottom:15px; font-size:13px;">' . $this->get…
7136 …'#00cc07' : $colors['border']) . '; border-radius:4px; background:' . ($currentSearchDefault === '…
7139 …echo '<div style="font-weight:bold; color:' . $colors['text'] . '; margin-bottom:3px;">�� ' . $thi…
7140 …echo '<div style="font-size:11px; color:' . $colors['text'] . ';">' . $this->getLang('search_defau…
7144 … '#00cc07' : $colors['border']) . '; border-radius:4px; background:' . ($currentSearchDefault === …
7147 …echo '<div style="font-weight:bold; color:' . $colors['text'] . '; margin-bottom:3px;">�� ' . $thi…
7148 …echo '<div style="font-size:11px; color:' . $colors['text'] . ';">' . $this->getLang('search_defau…
7155 …echo '<h3 style="margin:0 0 15px 0; color:' . $colors['text'] . '; font-size:16px;">�� Visual Them…
7158 …colors['border']) . '; border-radius:6px; padding:20px; margin-bottom:20px; background:' . ($curre…
7163 …echo '<div style="color:' . $colors['text'] . '; margin-bottom:12px;">Dark green theme with Matrix…
7170 …colors['border']) . '; border-radius:6px; padding:20px; margin-bottom:20px; background:' . ($curre…
7175 …echo '<div style="color:' . $colors['text'] . '; margin-bottom:12px;">Rich purple theme with elega…
7182 …colors['border']) . '; border-radius:6px; padding:20px; margin-bottom:20px; background:' . ($curre…
7187 …echo '<div style="color:' . $colors['text'] . '; margin-bottom:12px;">Clean blue and grey theme wi…
7194 …colors['border']) . '; border-radius:6px; padding:20px; margin-bottom:20px; background:' . ($curre…
7199 …echo '<div style="color:' . $colors['text'] . '; margin-bottom:12px;">Glamorous hot pink theme wit…
7206 …colors['border']) . '; border-radius:6px; padding:20px; margin-bottom:20px; background:' . ($curre…
7211 …echo '<div style="color:' . $colors['text'] . '; margin-bottom:12px;">Automatically matches your D…
7212 …x; border-radius:4px; font-size:11px; font-family:sans-serif; color:' . $colors['text'] . '; box-s…