新class612

src/login/KcPage.tsx

@@ -5,6 +5,7 @@ import { useI18n } from "./i18n";
 import DefaultPage from "keycloakify/login/DefaultPage";
 import Template from "./Template";
 import "./theme.css";
+import "./class-theme.css";
 const UserProfileFormFields = lazy(
     () => import("keycloakify/login/UserProfileFormFields")
 );
@@ -25,7 +26,11 @@ export default function KcPage(props: { kcContext: KcContext }) {
                             <DefaultPage
                                 kcContext={kcContext}
                                 i18n={i18n}
-                                classes={classes}
+                                classes={
+                                    kcContext.themeName === "class"
+                                        ? classThemeClasses
+                                        : nexusThemeClasses
+                                }
                                 Template={Template}
                                 doUseDefaultCss={false}
                                 UserProfileFormFields={UserProfileFormFields}
@@ -38,7 +43,7 @@ export default function KcPage(props: { kcContext: KcContext }) {
     );
 }
 
-const classes = {
+const nexusThemeClasses = {
     kcBodyClass: "nexus-body",
     kcLoginClass: "nexus-login",
     kcHeaderClass: "nexus-header",
@@ -76,3 +81,42 @@ const classes = {
     kcLocaleItemClass: "nexus-locale__item",
     kcInputErrorMessageClass: "nexus-field__error"
 } satisfies { [key in ClassKey]?: string };
+
+const classThemeClasses = {
+    kcBodyClass: "class-body",
+    kcLoginClass: "class-login",
+    kcHeaderClass: "class-header",
+    kcHeaderWrapperClass: "class-header__name",
+    kcFormCardClass: "class-card",
+    kcFormHeaderClass: "class-card__header",
+    kcFormGroupClass: "class-field",
+    kcLabelClass: "class-label",
+    kcInputClass: "class-input",
+    kcInputGroup: "class-input-group",
+    kcFormSettingClass: "class-form-settings",
+    kcFormOptionsWrapperClass: "class-form-options",
+    kcFormPasswordVisibilityButtonClass: "class-password-toggle",
+    kcButtonClass: "class-button",
+    kcButtonBlockClass: "class-button--block",
+    kcButtonLargeClass: "class-button--large",
+    kcButtonPrimaryClass: "class-button--primary",
+    kcButtonSecondaryClass: "class-button--secondary",
+    kcButtonDefaultClass: "class-button--default",
+    kcAlertClass: "class-alert",
+    kcFeedbackErrorIcon: "class-feedback class-feedback--error",
+    kcFeedbackWarningIcon: "class-feedback class-feedback--warning",
+    kcFeedbackSuccessIcon: "class-feedback class-feedback--success",
+    kcFeedbackInfoIcon: "class-feedback class-feedback--info",
+    kcFormSocialAccountSectionClass: "class-social",
+    kcFormSocialAccountListClass: "class-social__list",
+    kcFormSocialAccountListButtonClass: "class-social__button",
+    kcFormSocialAccountNameClass: "class-social__name",
+    kcSignUpClass: "class-signup",
+    kcInfoAreaWrapperClass: "class-signup__inner",
+    kcLocaleMainClass: "class-locale",
+    kcLocaleDropDownClass: "class-locale__dropdown",
+    kcLocaleListClass: "class-locale__list",
+    kcLocaleListItemClass: "class-locale__list-item",
+    kcLocaleItemClass: "class-locale__item",
+    kcInputErrorMessageClass: "class-field__error"
+} satisfies { [key in ClassKey]?: string };