Skip to content

Commit

Permalink
replace purple and red with blue
Browse files Browse the repository at this point in the history
  • Loading branch information
victoriaxyz committed Sep 16, 2024
1 parent 1e3fa03 commit 44c2e9b
Show file tree
Hide file tree
Showing 2 changed files with 20 additions and 20 deletions.
10 changes: 5 additions & 5 deletions docs/customization/themes.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -604,7 +604,7 @@ In the following example, the primary color of the themes are customized.
<ClerkProvider
appearance={{
baseTheme: [dark, neobrutalism],
variables: { colorPrimary: 'red' },
variables: { colorPrimary: 'blue' },
signIn: {
baseTheme: [shadesOfPurple],
variables: { colorPrimary: 'blue' },
Expand All @@ -629,7 +629,7 @@ In the following example, the primary color of the themes are customized.
<ClerkProvider
appearance={{
baseTheme: [dark, neobrutalism],
variables: { colorPrimary: 'red' },
variables: { colorPrimary: 'blue' },
signIn: {
baseTheme: [shadesOfPurple],
variables: { colorPrimary: 'blue' },
Expand Down Expand Up @@ -663,7 +663,7 @@ In the following example, the primary color of the themes are customized.
<ClerkProvider
appearance={{
baseTheme: [dark, neobrutalism],
variables: { colorPrimary: 'red' },
variables: { colorPrimary: 'blue' },
signIn: {
baseTheme: [shadesOfPurple],
variables: { colorPrimary: 'blue' },
Expand Down Expand Up @@ -719,7 +719,7 @@ In the following example, the primary color of the themes are customized.
export default ClerkApp(App, {
appearance: {
baseTheme: [dark, neobrutalism],
variables: { colorPrimary: 'red' },
variables: { colorPrimary: 'blue' },
signIn: {
baseTheme: [shadesOfPurple],
variables: { colorPrimary: 'blue' },
Expand All @@ -739,7 +739,7 @@ In the following example, the primary color of the themes are customized.
clerk({
appearance: {
baseTheme: [dark, neobrutalism],
variables: { colorPrimary: 'red' },
variables: { colorPrimary: 'blue' },
signIn: {
baseTheme: [shadesOfPurple],
variables: { colorPrimary: 'blue' },
Expand Down
30 changes: 15 additions & 15 deletions docs/customization/variables.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -156,7 +156,7 @@ In the following example, the primary color is set to red and the text color is
<ClerkProvider
appearance={{
variables: {
colorPrimary: 'purple',
colorPrimary: 'blue',
colorText: 'black',
},
}}
Expand All @@ -178,7 +178,7 @@ In the following example, the primary color is set to red and the text color is
<ClerkProvider
appearance={{
variables: {
colorPrimary: 'purple',
colorPrimary: 'blue',
colorText: 'black',
},
}}
Expand Down Expand Up @@ -209,7 +209,7 @@ In the following example, the primary color is set to red and the text color is
<ClerkProvider
appearance={{
variables: {
colorPrimary: 'purple',
colorPrimary: 'blue',
colorText: 'black',
},
}}
Expand Down Expand Up @@ -262,7 +262,7 @@ In the following example, the primary color is set to red and the text color is
export default ClerkApp(App, {
appearance: {
variables: {
colorPrimary: 'red',
colorPrimary: 'blue',
colorText: 'black',
},
},
Expand All @@ -279,7 +279,7 @@ In the following example, the primary color is set to red and the text color is
clerk({
appearance: {
variables: {
colorPrimary: 'red',
colorPrimary: 'blue',
colorText: 'black',
},
},
Expand Down Expand Up @@ -308,7 +308,7 @@ In the following example, the primary color is set to red and the text color is
appearance={{
signIn: {
variables: {
colorPrimary: 'purple',
colorPrimary: 'blue',
colorText: 'black',
},
},
Expand All @@ -332,7 +332,7 @@ In the following example, the primary color is set to red and the text color is
appearance={{
signIn: {
variables: {
colorPrimary: 'purple',
colorPrimary: 'blue',
colorText: 'black',
},
},
Expand Down Expand Up @@ -365,7 +365,7 @@ In the following example, the primary color is set to red and the text color is
appearance={{
signIn: {
variables: {
colorPrimary: 'purple',
colorPrimary: 'blue',
colorText: 'black',
},
},
Expand Down Expand Up @@ -420,7 +420,7 @@ In the following example, the primary color is set to red and the text color is
appearance: {
signIn: {
variables: {
colorPrimary: 'red',
colorPrimary: 'blue',
colorText: 'black',
},
},
Expand All @@ -439,7 +439,7 @@ In the following example, the primary color is set to red and the text color is
appearance: {
signIn: {
variables: {
colorPrimary: 'red',
colorPrimary: 'blue',
colorText: 'black',
},
},
Expand Down Expand Up @@ -468,7 +468,7 @@ The following example shows how to customize the [`<SignIn />`](/docs/components
<SignIn
appearance={{
variables: {
colorPrimary: 'purple',
colorPrimary: 'blue',
colorText: 'black',
},
}}
Expand All @@ -484,7 +484,7 @@ The following example shows how to customize the [`<SignIn />`](/docs/components
<SignIn
appearance={{
variables: {
colorPrimary: 'purple',
colorPrimary: 'blue',
colorText: 'black',
},
}}
Expand All @@ -504,7 +504,7 @@ The following example shows how to customize the [`<SignIn />`](/docs/components
<SignIn
appearance={{
variables: {
colorPrimary: 'purple',
colorPrimary: 'blue',
colorText: 'black',
},
}}
Expand All @@ -527,7 +527,7 @@ The following example shows how to customize the [`<SignIn />`](/docs/components
<SignIn
appearance={{
variables: {
colorPrimary: 'purple',
colorPrimary: 'blue',
colorText: 'black',
},
}}
Expand All @@ -547,7 +547,7 @@ The following example shows how to customize the [`<SignIn />`](/docs/components
<SignIn
path="/sign-in"
appearance={{
colorPrimary: 'purple',
colorPrimary: 'blue',
colorText: 'black',
}}
/>
Expand Down

0 comments on commit 44c2e9b

Please sign in to comment.