fix: update invite settings page style in dark mode (#23571)

This commit is contained in:
NFish
2025-08-07 21:01:01 +08:00
committed by GitHub
parent b44ecf9bf7
commit 11d29e8d3e

View File

@@ -74,7 +74,7 @@ export default function InviteSettingsPage() {
return <div className="flex flex-col md:w-[400px]"> return <div className="flex flex-col md:w-[400px]">
<div className="mx-auto w-full"> <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> <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>
<div className="mx-auto mt-6 w-full"> <div className="mx-auto mt-6 w-full">
<Button variant='primary' className='w-full !text-sm'> <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' /> <RiAccountCircleLine className='h-6 w-6 text-2xl text-text-accent-light-mode-only' />
</div> </div>
<div className='pb-4 pt-2'> <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> </div>
<form onSubmit={noop}> <form onSubmit={noop}>
<div className='mb-5'> <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')} {t('login.name')}
</label> </label>
<div className="mt-1"> <div className="mt-1">
@@ -114,7 +114,7 @@ export default function InviteSettingsPage() {
</div> </div>
</div> </div>
<div className='mb-5'> <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')} {t('login.interfaceLanguage')}
</label> </label>
<div className="mt-1"> <div className="mt-1">
@@ -129,7 +129,7 @@ export default function InviteSettingsPage() {
</div> </div>
{/* timezone */} {/* timezone */}
<div className='mb-5'> <div className='mb-5'>
<label htmlFor="timezone" className="system-md-semibold"> <label htmlFor="timezone" className="system-md-semibold text-text-secondary">
{t('login.timezone')} {t('login.timezone')}
</label> </label>
<div className="mt-1"> <div className="mt-1">
@@ -152,7 +152,7 @@ export default function InviteSettingsPage() {
</Button> </Button>
</div> </div>
</form> </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')} {t('login.license.tip')}
&nbsp; &nbsp;
<Link <Link