reDARKTCHA by riedler

Imported from https://github.com/RiedleroD/userstyles-riedler/raw/redarktcha/redarktcha.user.css

reDARKTCHA screenshot
Homepage Install Get Stylus Write a review

Details

Authorriedler

LicenseCC BY-SA 4.0

Created atApril 09, 2021 09:24

Updated atApril 09, 2021 09:49

Applies tounset

Statistics

Learn how we calculate statistics in the FAQ.

Total views678

Total installs668

Weekly installs95

Weekly updates33

Description

Dark mode for reCAPTCHA by Google

Notes

Userstyle doesn't have notes.

History

Daily snapshots of style statistics.

2021-07-072021-07-212021-08-032021-08-172021-08-302021-09-122021-09-262021-10-092021-10-222021-11-052021-11-182021-12-01Date0.005.0010.0015.0020.0025.0030.0035.0040.00Daily countDaily installsDaily updatesDaily views
2021-07-072021-07-212021-08-032021-08-172021-08-302021-09-122021-09-262021-10-092021-10-222021-11-052021-11-182021-12-01Date0.0084.00168.00252.00335.00419.00503.00587.00670.00Total countTotal installsTotal views

Source code

/* ==UserStyle==
@name           reDARKTCHA
@namespace      https://github.com/RiedleroD/userstyles-riedler/
@version        0.1.1
@description    Dark mode for reCAPTCHA by Google
@author         Riedler
@preprocessor	uso
@var	color	cl1		"Theme Color 1"			#418BA4
@var	color	hcl1	"Light Theme Color 1"	#6AC
@var	color	err		"Error color"			#C00
@var	color	bg0		"Background 0"			#111
@var	color	bg1		"Background 1"			#222
@var	color	bg2		"Background 2"			#333
@var	color	bg3		"Background 3"			#484848
@var	color	dbrd	"Dark Border"			#484848
@var	color	brd		"Border"				#666
@var	color	hbrd	"Light Border"			#999
@var	color	txt		"Text"					#CCC
@var	color	htxt	"Light Text"			#D8D8D8
@var	color	hhtxt	"White Text"			#FFF
@var	color	dtxt	"Dark Text"				#999
==/UserStyle== */
/*
	Use https://google.com/recaptcha/api2/demo for testing.
	Please don't go on random sites to test this site.
*/
@-moz-document regexp("https?://www.google.com/recaptcha/api2/anchor\\?.*") {
	.rc-anchor-light{
		background-color:/*[[bg0]]*/;
		color:/*[[txt]]*/}
	.rc-anchor-light.rc-anchor-normal{
		border-color:/*[[brd]]*/;}
	.recaptcha-checkbox-border{
		background-color:/*[[bg2]]*/;
		border-color:/*[[brd]]*/;}
	.recaptcha-checkbox-active .recaptcha-checkbox-border,
	.recaptcha-checkbox-active .recaptcha-checkbox-spinner-gif{
		background-color:/*[[bg3]]*/;}
	.recaptcha-checkbox-hover .recaptcha-checkbox-border,
	.recaptcha-checkbox-hover .recaptcha-checkbox-spinner-gif{
		border-color:/*[[hbrd]]*/;}
	.rc-anchor-light .rc-anchor-logo-text,
	.rc-anchor-light div a:link,
	.rc-anchor-light div a:visited{
		color:/*[[dtxt]]*/;}
	.recaptcha-checkbox-spinner-overlay{
		background-color:/*[[bg2]]*/;}
	.recaptcha-checkbox-spinner{
		background-color:/*[[bg2]]*/;
		border-color:/*[[cl1]]*/ /*[[cl1]]*/ /*[[bg2]]*/ /*[[bg2]]*/;}
	.recaptcha-checkbox-borderAnimation{
		filter:invert(0.8) hue-rotate(180deg);}
	.recaptcha-checkbox-disabled .recaptcha-checkbox-border,
	.recaptcha-checkbox-disabled .recaptcha-checkbox-spinner-gif{
		background-color:/*[[dbrd]]*/;}
	.recaptcha-checkbox-checkmark{
		filter:hue-rotate(10deg);}/*I think it looks better with more blue in the green*/
	.recaptcha-checkbox-expired .recaptcha-checkbox-border,
	.recaptcha-checkbox-expired .recaptcha-checkbox-spinner-gif{
		border-color:/*[[err]]*/;}
	.rc-anchor-error-msg-container{
		color:/*[[err]]*/;}
}
@-moz-document regexp("https?://www.google.com/recaptcha/api2/bframe\\?.*"){
	:root{
		color:/*[[txt]]*/;}
	#rc-imageselect,
	html{
		background-color:/*[[bg0]]*/;}
	.rc-buttons,
	.rc-audiochallenge-tdownload-link{
		filter:invert(0.8) hue-rotate(180deg);}
	.rc-separator{
		border-top-color:/*[[brd]]*/;}
	.rc-audiochallenge-play-button .rc-button-default{
		background-color:/*[[cl1]]*/;
		color:/*[[htxt]]*/;}
	.rc-response-input-field{
		border-color:/*[[brd]]*/;
		background-color:/*[[bg2]]*/;
		color:/*[[txt]]*/;}
	.rc-imageselect-desc-wrapper{
		background-color:/*[[cl1]]*/;
		color:/*[[htxt]]*/;}
	.rc-imageselect-incorrect-response{
		background-color:/*[[bg1]]*/;
		color:/*[[err]]*/}
	.rc-button-default{
		background-color:/*[[cl1]]*/;
		color:/*[[htxt]]*/;}
	.rc-button-default:hover{
		background-color:/*[[hcl1]]*/;
		color:/*[[hhtxt]]*/;}
}
@-moz-document regexp(".*"){
	.g-recaptcha-bubble-arrow{
		border-right-color:/*[[brd]]*/ !important;}
	iframe[src^="https://www.google.com/recaptcha/api2/bframe"]{
		outline:solid 1px /*[[brd]]*/;}
}

Reviews

No reviews yet.