Fix font color to work in dark mode

sweid4keycloak · Nov 15, 2024 · b8f82b9 · b8f82b9
1 parent 854e97f
commit b8f82b9
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/main/resources/theme-resources/templates/login-bankid.ftl b/src/main/resources/theme-resources/templates/login-bankid.ftl
@@ -11,11 +11,11 @@
 				<div
 					style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; margin-top: 20px; width: 100%;">
 					<h1
-						style="max-width: 100%; color: rgb(23, 23, 23); font-family: Helvetica , Arial, sans-serif; font-weight: 700; font-size: 36px; line-height: 40px; letter-spacing: -0.2px; text-align: center; text-rendering: geometricprecision; padding-top: 3px; padding-bottom: 2px; margin-bottom: 0px; margin-top: 0px; -moz-text-size-adjust: none;"> ${msg("bankid.login.text1")}</h1>
+						style="max-width: 100%; font-family: Helvetica , Arial, sans-serif; font-weight: 700; font-size: 36px; line-height: 40px; letter-spacing: -0.2px; text-align: center; text-rendering: geometricprecision; padding-top: 3px; padding-bottom: 2px; margin-bottom: 0px; margin-top: 0px; -moz-text-size-adjust: none;"> ${msg("bankid.login.text1")}</h1>
 				</div>
 				<div
 					style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; margin-bottom: 40px; width: 100%;">
-					<p style="max-width: 100%; color: rgb(23, 23, 23); font-size: 19px; font-family: Helvetica , Arial, sans-serif; font-weight: 400; line-height: 30px; text-align: center; margin-bottom: 0px; margin-top: 0px; padding-bottom: 1px; padding-top: 4px; text-rendering: geometricprecision; -moz-text-size-adjust: none;">
+					<p style="max-width: 100%; font-size: 19px; font-family: Helvetica , Arial, sans-serif; font-weight: 400; line-height: 30px; text-align: center; margin-bottom: 0px; margin-top: 0px; padding-bottom: 1px; padding-top: 4px; text-rendering: geometricprecision; -moz-text-size-adjust: none;">
 					<#if ninRequired == true>
 						${msg("bankid.login.text2a",autoStartToken)?no_esc}
 					</#if>
@@ -35,7 +35,7 @@
 				</div>
 				</#if>
 				<div id="loading" style="box-sizing: border-box; display: none; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; margin-bottom: 40px; width: 100%;">
-					<p style="max-width: 100%; color: rgb(23, 23, 23); font-size: 19px; font-family: Helvetica , Arial, sans-serif; font-weight: 400; line-height: 30px; text-align: center; margin-bottom: 0px; margin-top: 0px; padding-bottom: 1px; padding-top: 4px; text-rendering: geometricprecision; -moz-text-size-adjust: none;">${msg("bankid.login.text3")}</p>
+					<p style="max-width: 100%; font-size: 19px; font-family: Helvetica , Arial, sans-serif; font-weight: 400; line-height: 30px; text-align: center; margin-bottom: 0px; margin-top: 0px; padding-bottom: 1px; padding-top: 4px; text-rendering: geometricprecision; -moz-text-size-adjust: none;">${msg("bankid.login.text3")}</p>
 					<div style="flex: 1 1 0%; text-align: center;">
 						<div style="height: 200px;" id="progress-loader"></div>
 					</div>