diff --git a/web/app/signin/invite-settings/page.tsx b/web/app/signin/invite-settings/page.tsx
index ecb10a4387..fae62de530 100644
--- a/web/app/signin/invite-settings/page.tsx
+++ b/web/app/signin/invite-settings/page.tsx
@@ -74,7 +74,7 @@ export default function InviteSettingsPage() {
     return <div className="flex flex-col md:w-[400px]">
       <div className="mx-auto w-full">
         <div className="mb-3 flex h-14 w-14 items-center justify-center rounded-2xl border border-components-panel-border-subtle text-2xl font-bold shadow-lg">🤷‍♂️</div>
-        <h2 className="title-4xl-semi-bold">{t('login.invalid')}</h2>
+        <h2 className="title-4xl-semi-bold text-text-primary">{t('login.invalid')}</h2>
       </div>
       <div className="mx-auto mt-6 w-full">
         <Button variant='primary' className='w-full !text-sm'>
@@ -89,11 +89,11 @@ export default function InviteSettingsPage() {
       <RiAccountCircleLine className='h-6 w-6 text-2xl text-text-accent-light-mode-only' />
     </div>
     <div className='pb-4 pt-2'>
-      <h2 className='title-4xl-semi-bold'>{t('login.setYourAccount')}</h2>
+      <h2 className='title-4xl-semi-bold text-text-primary'>{t('login.setYourAccount')}</h2>
     </div>
     <form onSubmit={noop}>
       <div className='mb-5'>
-        <label htmlFor="name" className="system-md-semibold my-2">
+        <label htmlFor="name" className="system-md-semibold my-2 text-text-secondary">
           {t('login.name')}
         </label>
         <div className="mt-1">
@@ -114,7 +114,7 @@ export default function InviteSettingsPage() {
         </div>
       </div>
       <div className='mb-5'>
-        <label htmlFor="name" className="system-md-semibold my-2">
+        <label htmlFor="name" className="system-md-semibold my-2 text-text-secondary">
           {t('login.interfaceLanguage')}
         </label>
         <div className="mt-1">
@@ -129,7 +129,7 @@ export default function InviteSettingsPage() {
       </div>
       {/* timezone */}
       <div className='mb-5'>
-        <label htmlFor="timezone" className="system-md-semibold">
+        <label htmlFor="timezone" className="system-md-semibold text-text-secondary">
           {t('login.timezone')}
         </label>
         <div className="mt-1">
@@ -152,7 +152,7 @@ export default function InviteSettingsPage() {
         </Button>
       </div>
     </form>
-    {!systemFeatures.branding.enabled && <div className="system-xs-regular mt-2 block w-full">
+    {!systemFeatures.branding.enabled && <div className="system-xs-regular mt-2 block w-full text-text-tertiary">
       {t('login.license.tip')}
       &nbsp;
       <Link