rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: handle removed grey-x colors from stylekit (#1046)

Browse Source
This commit is contained in:
Mo
2022-05-23 18:09:30 -05:00
committed by GitHub
parent 4e621cadde
commit c6839f776a
35 changed files with 62 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/Components/AccountMenu/AdvancedOptions.tsx
View File

@@ -98,7 +98,7 @@ export const AdvancedOptions: FunctionComponent<Props> = observer(
>
<div className="flex items-center">
Advanced options
<Icon type="chevron-down" className="color-grey-1 ml-1" />
<Icon type="chevron-down" className="color-passive-1 ml-1" />
</div>
</button>
{showAdvanced ? (

6
app/assets/javascripts/Components/AccountMenu/ConfirmPassword.tsx
View File

@@ -113,8 +113,8 @@ export const ConfirmPassword: FunctionComponent<Props> = observer(
</div>
<div className="px-3 mb-3 text-sm">
Because your notes are encrypted using your password,{' '}
<span className="color-dark-red">Standard Notes does not have a password reset option</span>. If you forget
your password, you will permanently lose access to your data.
<span className="color-danger">Standard Notes does not have a password reset option</span>. If you forget your
password, you will permanently lose access to your data.
</div>
<form onSubmit={handleConfirmFormSubmit} className="px-3 mb-1">
<DecoratedPasswordInput
@@ -127,7 +127,7 @@ export const ConfirmPassword: FunctionComponent<Props> = observer(
ref={passwordInputRef}
value={confirmPassword}
/>
{error ? <div className="color-dark-red my-2">{error}</div> : null}
{error ? <div className="color-danger my-2">{error}</div> : null}
<Button
className="btn-w-full mt-1 mb-3"
label={isRegistering ? 'Creating account...' : 'Create account & sign in'}

4
app/assets/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx
View File

@@ -110,7 +110,7 @@ export const GeneralAccountMenu: FunctionComponent<Props> = observer(
</div>
</div>
)}
<div className="flex cursor-pointer color-grey-1" onClick={doSynchronization}>
<div className="flex cursor-pointer color-passive-1" onClick={doSynchronization}>
<Icon type="sync" />
</div>
</div>
@@ -122,7 +122,7 @@ export const GeneralAccountMenu: FunctionComponent<Props> = observer(
You’re offline. Sign in to sync your notes and preferences across all your devices and enable end-to-end
encryption.
</div>
<div className="flex items-center color-grey-1">
<div className="flex items-center color-passive-1">
<Icon type="cloud-off" className="mr-2" />
<span className="font-semibold">Offline</span>
</div>

6
app/assets/javascripts/Components/AccountMenu/SignIn.tsx
View File

@@ -153,7 +153,7 @@ export const SignInPane: FunctionComponent<Props> = observer(({ application, app
</div>
<div className="px-3 mb-1">
<DecoratedInput
className={`mb-2 ${error ? 'border-dark-red' : null}`}
className={`mb-2 ${error ? 'border-danger' : null}`}
left={[<Icon type="email" className="color-neutral" />]}
type="email"
placeholder="Email"
@@ -165,7 +165,7 @@ export const SignInPane: FunctionComponent<Props> = observer(({ application, app
ref={emailInputRef}
/>
<DecoratedPasswordInput
className={`mb-2 ${error ? 'border-dark-red' : null}`}
className={`mb-2 ${error ? 'border-danger' : null}`}
disabled={isSigningIn}
left={[<Icon type="password" className="color-neutral" />]}
onChange={handlePasswordChange}
@@ -175,7 +175,7 @@ export const SignInPane: FunctionComponent<Props> = observer(({ application, app
ref={passwordInputRef}
value={password}
/>
{error ? <div className="color-dark-red my-2">{error}</div> : null}
{error ? <div className="color-danger my-2">{error}</div> : null}
<Button
className="btn-w-full mt-1 mb-3"
label={isSigningIn ? 'Signing in...' : 'Sign in'}