Fix Telegram application theme contrast
Some checks failed
Deploy MineGeo to Dokploy / deploy (push) Failing after 3m52s

This commit is contained in:
2026-11-01 15:40:13 +05:00
parent e5a07755e7
commit 9aa7fd6774
3 changed files with 8 additions and 8 deletions

View File

@@ -187,7 +187,7 @@ export function ModeratorApplyApp() {
const style = useMemo( const style = useMemo(
() => () =>
({ ({
"--tg-bg": theme.bg_color ?? (theme.secondary_bg_color ? "#0e1621" : "#ffffff"), "--tg-bg": theme.bg_color ?? "#ffffff",
"--tg-secondary-bg": theme.secondary_bg_color ?? "#f4f4f5", "--tg-secondary-bg": theme.secondary_bg_color ?? "#f4f4f5",
"--tg-text": theme.text_color ?? "#000000", "--tg-text": theme.text_color ?? "#000000",
"--tg-hint": theme.hint_color ?? "#707579", "--tg-hint": theme.hint_color ?? "#707579",
@@ -206,7 +206,8 @@ export function ModeratorApplyApp() {
}, [status]); }, [status]);
return ( return (
<div className="tg-apply-card" style={style}> <main className="tg-apply" style={style}>
<div className="tg-apply-card">
{status === "loading" && <p className="tg-apply-hint">Loading…</p>} {status === "loading" && <p className="tg-apply-hint">Loading…</p>}
{status === "outside" && ( {status === "outside" && (
<div className="tg-apply-body"> <div className="tg-apply-body">
@@ -273,5 +274,6 @@ export function ModeratorApplyApp() {
</div> </div>
)} )}
</div> </div>
</main>
); );
} }

View File

@@ -69,8 +69,10 @@
border-color: var(--tg-link, #3390ec); border-color: var(--tg-link, #3390ec);
} }
.tg-apply-input::placeholder { .tg-apply-input::placeholder,
html[data-theme="light"] .tg-apply-input::placeholder {
color: var(--tg-hint, #707579); color: var(--tg-hint, #707579);
opacity: 1;
} }
.tg-apply-error { .tg-apply-error {

View File

@@ -15,9 +15,5 @@ export const viewport: Viewport = {
}; };
export default function ModeratorApplyPage() { export default function ModeratorApplyPage() {
return ( return <ModeratorApplyApp />;
<main className="tg-apply">
<ModeratorApplyApp />
</main>
);
} }