Harden CMS security and theme contrast

This commit is contained in:
Simo committed 2026-07-11 20:27:20 +02:00
1 parent 2465ff2170
commit 4a1e1115b3
57 files changed
+1023 -231

No files matched your search

+2 -2
View File
@@ -45,7 +45,7 @@ export function DiscordVerifyForm() {
</div>
)}
<p className="text-sm" style={{ color: "var(--color-text-muted)" }}>
<p className="text-sm" style={{ color: "var(--color-text-muted-readable, var(--color-text-muted))" }}>
Open Discord, ga naar <strong>Instellingen → Geavanceerd → Ontwikkelaarsmodus</strong> (aan). Klik met
rechts op je eigen naam en kies <strong>ID kopiëren</strong>. Plak dat hier:
</p>
@@ -59,7 +59,7 @@ export function DiscordVerifyForm() {
className="flex-1 focus:ring-0 border-4 rounded text-sm px-3 py-2"
style={{
backgroundColor: "var(--color-background)",
color: "var(--color-text)",
color: "var(--color-text-readable, var(--color-text))",
borderColor: "color-mix(in srgb, var(--color-text-muted) 25%, transparent)",
}}
required
+11 -11
View File
@@ -76,7 +76,7 @@ export function RegisterForm({ hotelName, captcha, error }: RegisterFormProps) {
<label
htmlFor="username"
className="block font-semibold text-sm"
style={{ color: "var(--color-text)" }}
style={{ color: "var(--color-text-readable, var(--color-text))" }}
>
{t("username")}
</label>
@@ -89,7 +89,7 @@ export function RegisterForm({ hotelName, captcha, error }: RegisterFormProps) {
className="focus:ring-0 border-4 rounded w-full text-sm px-3 py-2 mt-1"
style={{
backgroundColor: "var(--color-background)",
color: "var(--color-text)",
color: "var(--color-text-readable, var(--color-text))",
borderColor: "color-mix(in srgb, var(--color-text-muted) 25%, transparent)",
}}
required
@@ -101,7 +101,7 @@ export function RegisterForm({ hotelName, captcha, error }: RegisterFormProps) {
<label
htmlFor="mail"
className="block font-semibold text-sm"
style={{ color: "var(--color-text)" }}
style={{ color: "var(--color-text-readable, var(--color-text))" }}
>
{t("email")}
</label>
@@ -114,13 +114,13 @@ export function RegisterForm({ hotelName, captcha, error }: RegisterFormProps) {
className="focus:ring-0 border-4 rounded w-full text-sm px-3 py-2 mt-1"
style={{
backgroundColor: "var(--color-background)",
color: "var(--color-text)",
color: "var(--color-text-readable, var(--color-text))",
borderColor: "color-mix(in srgb, var(--color-text-muted) 25%, transparent)",
}}
/>
</fieldset>
</div>
<p className="text-xs mt-1" style={{ color: "var(--color-text-muted)" }}>
<p className="text-xs mt-1" style={{ color: "var(--color-text-muted-readable, var(--color-text-muted))" }}>
Geen e-mail? Je kunt later via Discord verifiëren.
</p>
</div>
@@ -132,7 +132,7 @@ export function RegisterForm({ hotelName, captcha, error }: RegisterFormProps) {
<label
htmlFor="password"
className="block font-semibold text-sm"
style={{ color: "var(--color-text)" }}
style={{ color: "var(--color-text-readable, var(--color-text))" }}
>
{t("password")}
</label>
@@ -145,7 +145,7 @@ export function RegisterForm({ hotelName, captcha, error }: RegisterFormProps) {
className="focus:ring-0 border-4 rounded w-full text-sm px-3 py-2 mt-1"
style={{
backgroundColor: "var(--color-background)",
color: "var(--color-text)",
color: "var(--color-text-readable, var(--color-text))",
borderColor: "color-mix(in srgb, var(--color-text-muted) 25%, transparent)",
}}
required
@@ -157,7 +157,7 @@ export function RegisterForm({ hotelName, captcha, error }: RegisterFormProps) {
<label
htmlFor="password_confirmation"
className="block font-semibold text-sm"
style={{ color: "var(--color-text)" }}
style={{ color: "var(--color-text-readable, var(--color-text))" }}
>
{t("confirmPassword")}
</label>
@@ -170,7 +170,7 @@ export function RegisterForm({ hotelName, captcha, error }: RegisterFormProps) {
className="focus:ring-0 border-4 rounded w-full text-sm px-3 py-2 mt-1"
style={{
backgroundColor: "var(--color-background)",
color: "var(--color-text)",
color: "var(--color-text-readable, var(--color-text))",
borderColor: "color-mix(in srgb, var(--color-text-muted) 25%, transparent)",
}}
required
@@ -209,7 +209,7 @@ export function RegisterForm({ hotelName, captcha, error }: RegisterFormProps) {
<input type="hidden" name="terms" value={termsAccepted ? "1" : ""} />
<span
className="font-semibold cursor-pointer"
style={{ color: "var(--color-text)" }}
style={{ color: "var(--color-text-readable, var(--color-text))" }}
onClick={() => setTermsAccepted(!termsAccepted)}
>
{t("termsAccept", { hotel: hotelName })}
@@ -242,7 +242,7 @@ export function RegisterForm({ hotelName, captcha, error }: RegisterFormProps) {
<Link
href="/login"
className="text-sm font-semibold hover:underline"
style={{ color: "var(--color-primary)" }}
style={{ color: "var(--color-primary-readable, var(--color-primary))" }}
>
{t("alreadyHaveAccount")}
</Link>