git724/forgejo
1
0
Fork 0
Code Issues Pull requests 3 Projects 1 Releases Packages Wiki Activity

Make the captcha look

Browse source
This commit is contained in:
Minecon724 2025-06-05 09:34:31 +02:00
commit 517d865cf8
2 changed files with 11 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
templates/user/auth/captcha.tmpl
View file

@ -1,7 +1,7 @@
{{if .EnableCaptcha}}{{if eq .CaptchaType "image"}} {{if .EnableCaptcha}}{{if eq .CaptchaType "image"}}
<div class="inline field tw-text-center"> <div class="inline field tw-text-center">
<input type="hidden" name="img-captcha-id" value="{{.Captcha}}"> <input type="hidden" name="img-captcha-id" value="{{.Captcha}}">
<img style="transform: scaleX(-1);background-color: white" onclick="this.src=`{{AppSubUrl}}/captcha/{{.Captcha}}.png?reload=${Date.now()}`" class="captcha-img" src="{{AppSubUrl}}/captcha/{{.Captcha}}.png" alt="{{ctx.Locale.Tr "captcha"}}"> <img style="transform: scaleX(-1);" onclick="this.src=`{{AppSubUrl}}/captcha/{{.Captcha}}.png?reload=${Date.now()}`" class="captcha-img" src="{{AppSubUrl}}/captcha/{{.Captcha}}.png" alt="{{ctx.Locale.Tr "captcha"}}">
</div> </div>
<div class="required field {{if .Err_Captcha}}error{{end}}"> <div class="required field {{if .Err_Captcha}}error{{end}}">
<label for="captcha">{{ctx.Locale.Tr "captcha"}}</label> <label for="captcha">{{ctx.Locale.Tr "captcha"}}</label>

10
web_src/css/markup/dark.css
View file

@ -11,3 +11,13 @@
.markup [href$="#dark-mode-only"] { .markup [href$="#dark-mode-only"] {
display: unset; display: unset;
} }
/*
The reason we're doing this here, is because dark templates always use this file, and there's no other way to detect dark theme.
Third party templates may not, but this isn't that big, since you can't change the theme logged out.
*/
.captcha-img {
filter: invert();
/* optionally contrast filter? */
}