Keycloak Error message UI update (bc5c2eaf) · Commits · e / infra / ecloud / nextcloud-apps / nextcloud-theme

core/css/guest.css

+36 −1

Original line number	Diff line number	Diff line
		@@ -1775,3 +1775,38 @@ a.legal {
		color:#222222 !important;
		}
		}

		/* Error container */
		.login-pf-page #kc-error-message {
		background: #fff4f4;
		border-left: 4px solid #d92d20;
		border-radius: 6px;
		padding: 16px 18px;
		margin-top: 20px;
		position: relative;
		}

		/* Error icon (CSS-only) */
		.login-pf-page #kc-error-message::before {
		content: "⚠️";
		position: absolute;
		left: 14px;
		top: 16px;
		font-size: 22px;
		line-height: 1;
		}

		/* Push text right to make space for icon */
		.login-pf-page #kc-error-message .instruction {
		margin: 0;
		padding-left: 32px;
		font-size: 14px;
		line-height: 1.5;
		color: #4b5563;
		}

		/* Make message feel like a title + description */
		.login-pf-page #kc-error-message .instruction::first-line {
		font-weight: 600;
		color: #1f2937;
		}