diff --git a/public/css/gildenhalle.css b/public/css/gildenhalle.css index dc1ef5e..bdf1151 100644 --- a/public/css/gildenhalle.css +++ b/public/css/gildenhalle.css @@ -30,7 +30,7 @@ background: linear-gradient(135deg, #2a1a08, #1a0f04); border: 2px solid #6b4b2a; border-radius: 8px; - color: #c8a86a; + color: #4a2a0a; font-family: "Cinzel", serif; font-size: 12px; font-weight: 600; @@ -39,10 +39,10 @@ text-align: left; white-space: nowrap; } -.mp-tab:hover { color: #f0d9a6; filter: brightness(1.2); } +.mp-tab:hover { color: #2a1505; filter: brightness(1.2); } .mp-tab.mp-tab-active { - color: #fff !important; - border-color: #f0d060 !important; + color: #2a1505 !important; + border-color: #7a4a00 !important; background: linear-gradient(135deg, #4a3010, #2a1a08) !important; box-shadow: inset 0 0 10px rgba(0,0,0,0.5), 0 0 14px rgba(200,160,60,0.3); } @@ -55,7 +55,7 @@ } .mp-tab-active .mp-tab-dot { background: #f0d060; - border-color: #f0d060; + border-color: #7a4a00; } .mp-content { @@ -78,7 +78,7 @@ font-family: "Cinzel", serif; font-size: 15px; font-weight: 700; - color: #f0d9a6; + color: #2a1505; letter-spacing: 1px; text-transform: uppercase; padding: 10px 20px; @@ -128,7 +128,7 @@ font-size: 12px; } .gh-members-table th { - color: var(--guild-muted); + color: #5a3a18; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; @@ -139,7 +139,7 @@ .gh-members-table td { padding: 7px 10px; border-bottom: 1px solid rgba(139,106,42,.2); - color: var(--guild-text); + color: #2a1505; vertical-align: middle; } .gh-members-table tr:hover td { @@ -155,11 +155,11 @@ font-weight: bold; background: linear-gradient(#3a2810, #1a0f04); border: 1px solid var(--guild-border); - color: var(--guild-gold); + color: #7a4a00; white-space: nowrap; } .gh-rank-badge.leader { - border-color: var(--guild-gold); + border-color: #7a4a00; background: linear-gradient(#6b4b2a, #3c2414); box-shadow: 0 0 6px rgba(200,160,60,.3); } @@ -186,7 +186,7 @@ cursor: default; } .gh-guild-card:hover { - border-color: var(--guild-gold); + border-color: #7a4a00; box-shadow: 0 4px 16px rgba(0,0,0,.5), 0 0 10px rgba(200,160,60,.15); } @@ -203,14 +203,14 @@ font-family: "Cinzel", serif; font-size: 12px; font-weight: bold; - color: var(--guild-gold); + color: #7a4a00; flex-shrink: 0; } .gh-guild-name { font-family: "Cinzel", serif; font-size: 13px; font-weight: bold; - color: var(--guild-text); + color: #2a1505; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; @@ -218,7 +218,7 @@ .gh-guild-desc { font-family: "Cinzel", serif; font-size: 10px; - color: var(--guild-muted); + color: #5a3a18; line-height: 1.5; flex: 1; } @@ -227,14 +227,14 @@ justify-content: space-between; font-family: "Cinzel", serif; font-size: 10px; - color: var(--guild-muted); + color: #5a3a18; } .gh-guild-open { - color: var(--guild-green); + color: #1a5a10; font-weight: bold; } .gh-guild-closed { - color: #e0a030; + color: #6a3a00; font-weight: bold; } @@ -244,7 +244,7 @@ background: linear-gradient(#3a2810, #1a0f04); border: 2px solid var(--guild-border); border-radius: 6px; - color: var(--guild-text); + color: #2a1505; font-family: "Cinzel", serif; font-size: 11px; font-weight: bold; @@ -253,16 +253,16 @@ width: 100%; } .gh-join-btn:hover:not(:disabled) { - border-color: var(--guild-gold); - color: #fff; + border-color: #7a4a00; + color: #2a1505; } .gh-join-btn:disabled { opacity: .45; cursor: not-allowed; } .gh-join-btn.pending { - border-color: #e0a030; - color: #e0a030; + border-color: #6a3a00; + color: #6a3a00; } /* ── Gilde gründen ──────────────────────────────────────── */ @@ -281,7 +281,7 @@ .gh-form-label { font-family: "Cinzel", serif; font-size: 11px; - color: var(--guild-muted); + color: #5a3a18; letter-spacing: 1px; } .gh-form-input, @@ -290,7 +290,7 @@ background: rgba(0,0,0,.5); border: 2px solid var(--guild-border); border-radius: 7px; - color: var(--guild-text); + color: #2a1505; font-family: "Cinzel", serif; font-size: 13px; padding: 7px 10px; @@ -299,7 +299,7 @@ } .gh-form-input:focus, .gh-form-textarea:focus, -.gh-form-select:focus { border-color: var(--guild-gold); } +.gh-form-select:focus { border-color: #7a4a00; } .gh-form-textarea { resize: vertical; min-height: 70px; } .gh-form-select { cursor: pointer; } @@ -308,7 +308,7 @@ background: linear-gradient(#6b4b2a, #3c2414); border: 2px solid var(--guild-gold); border-radius: 8px; - color: #fff5cc; + color: #2a1505; font-family: "Cinzel", serif; font-size: 13px; font-weight: bold; @@ -323,7 +323,7 @@ .gh-error-msg { font-family: "Cinzel", serif; font-size: 11px; - color: #ff6666; + color: #880000; text-align: center; } @@ -347,7 +347,7 @@ transition: .2s; } .gh-task-card.completed { - border-color: var(--guild-green); + border-color: #1a5a10; opacity: .75; } @@ -359,18 +359,18 @@ .gh-task-label { font-family: "Cinzel", serif; font-size: 13px; - color: var(--guild-text); + color: #2a1505; font-weight: bold; } .gh-task-reward { font-family: "Cinzel", serif; font-size: 11px; - color: var(--guild-gold); + color: #7a4a00; } .gh-task-done-badge { font-family: "Cinzel", serif; font-size: 11px; - color: var(--guild-green); + color: #1a5a10; font-weight: bold; } @@ -398,7 +398,7 @@ .gh-task-progress-text { font-family: "Cinzel", serif; font-size: 10px; - color: var(--guild-muted); + color: #5a3a18; display: flex; justify-content: space-between; } @@ -423,13 +423,13 @@ .gh-request-name { font-family: "Cinzel", serif; font-size: 12px; - color: var(--guild-text); + color: #2a1505; flex: 1; } .gh-request-msg { font-family: "Cinzel", serif; font-size: 10px; - color: var(--guild-muted); + color: #5a3a18; font-style: italic; flex: 2; overflow: hidden; @@ -450,13 +450,13 @@ .gh-req-accept { background: linear-gradient(#1a4a18, #0f2a0e); border: 2px solid #4a8a3c; - color: #a0e090; + color: #1a5a10; } .gh-req-accept:hover { border-color: #7ada60; } .gh-req-reject { background: linear-gradient(#4a1010, #2a0808); border: 2px solid #8a3030; - color: #e07070; + color: #7a1010; } .gh-req-reject:hover { border-color: #ff6060; } @@ -474,7 +474,7 @@ font-family: "Cinzel", serif; font-size: 20px; font-weight: bold; - color: var(--guild-gold); + color: #7a4a00; background: linear-gradient(#6b4b2a, #3c2414); border: 2px solid var(--guild-gold); border-radius: 8px; @@ -484,12 +484,12 @@ font-family: "Cinzel", serif; font-size: 16px; font-weight: bold; - color: var(--guild-text); + color: #2a1505; } .gh-my-sub { font-family: "Cinzel", serif; font-size: 11px; - color: var(--guild-muted); + color: #5a3a18; } .gh-leave-btn { margin-left: auto; @@ -497,7 +497,7 @@ background: linear-gradient(#3a1010, #1a0808); border: 2px solid #6a2020; border-radius: 7px; - color: #d08080; + color: #7a1010; font-family: "Cinzel", serif; font-size: 11px; cursor: pointer; @@ -518,25 +518,25 @@ background: rgba(0,0,0,.5); border: 2px solid var(--guild-border); border-radius: 7px; - color: var(--guild-text); + color: #2a1505; font-family: "Cinzel", serif; font-size: 12px; padding: 6px 10px; outline: none; } -.gh-search-input:focus { border-color: var(--guild-gold); } +.gh-search-input:focus { border-color: #7a4a00; } .gh-search-btn { padding: 6px 16px; background: linear-gradient(#3a2810, #1a0f04); border: 2px solid var(--guild-border); border-radius: 7px; - color: var(--guild-text); + color: #2a1505; font-family: "Cinzel", serif; font-size: 12px; cursor: pointer; transition: .15s; } -.gh-search-btn:hover { border-color: var(--guild-gold); } +.gh-search-btn:hover { border-color: #7a4a00; } /* ── Keine Gilde Hinweis ────────────────────────────────── */ .gh-no-guild { @@ -547,7 +547,7 @@ height: 100%; gap: 12px; font-family: "Cinzel", serif; - color: var(--guild-muted); + color: #5a3a18; text-align: center; padding: 24px; } @@ -568,18 +568,18 @@ background: linear-gradient(#3a2810, #1a0f04); border: 1px solid var(--guild-border); border-radius: 5px; - color: var(--guild-text); + color: #2a1505; font-family: "Cinzel", serif; font-size: 11px; padding: 3px 10px; cursor: pointer; transition: .15s; } -.gh-page-btn:hover:not(:disabled) { border-color: var(--guild-gold); } +.gh-page-btn:hover:not(:disabled) { border-color: #7a4a00; } .gh-page-btn:disabled { opacity: .35; cursor: not-allowed; } .gh-page-btn.active { background: linear-gradient(#6b4b2a, #3c2414); - border-color: var(--guild-gold); + border-color: #7a4a00; } /* ── Lade/Leer-Zustand ──────────────────────────────────── */ @@ -588,14 +588,14 @@ padding: 40px; font-family: "Cinzel", serif; font-size: 13px; - color: var(--guild-muted); + color: #5a3a18; } /* ── Section-Header innerhalb Panel ────────────────────── */ .gh-section-title { font-family: "Cinzel", serif; font-size: 12px; - color: var(--guild-gold); + color: #7a4a00; letter-spacing: 2px; text-transform: uppercase; padding: 8px 16px 4px; @@ -608,7 +608,7 @@ background: rgba(0,0,0,.5); border: 1px solid var(--guild-border); border-radius: 5px; - color: var(--guild-text); + color: #2a1505; font-family: "Cinzel", serif; font-size: 11px; padding: 2px 5px; @@ -619,7 +619,7 @@ background: linear-gradient(#4a1010, #2a0808); border: 1px solid #8a3030; border-radius: 5px; - color: #e07070; + color: #7a1010; font-family: "Cinzel", serif; font-size: 10px; cursor: pointer; diff --git a/public/js/buildings/gildenhalle.js b/public/js/buildings/gildenhalle.js index 2505b60..dd81dfe 100644 --- a/public/js/buildings/gildenhalle.js +++ b/public/js/buildings/gildenhalle.js @@ -51,7 +51,7 @@ function ghEnsurePopup() { placeholder="Gildennamen oder Tag suchen…" /> + style="border-color:#7a4a00;color:#7a4a00;">+ Gründen
Lade Gilden…
@@ -330,7 +330,7 @@ async function ghLoadMyGuild() { : `${m.rank_name || '–'}` } - + ${new Date(m.joined_at).toLocaleDateString('de-DE')} @@ -461,8 +461,8 @@ async function ghLoadTasks() { container.innerHTML = `
- Gemeinsame Aufgaben der Gilde ${data.guildName} + color:#5a3a18;border-bottom:1px solid rgba(139,106,42,.25);"> + Gemeinsame Aufgaben der Gilde ${data.guildName}
${data.tasks.map(t => {