Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
37 commits
Select commit Hold shift + click to select a range
8b632b9
start adding clerk theme doc
swolfand Nov 20, 2025
ee9c056
Ready to add UserProfile
swolfand Nov 21, 2025
f4af1cd
Ready to add user profile view documentation
swolfand Nov 21, 2025
d5f5109
Add user profile view
swolfand Nov 21, 2025
3786cfc
add images
swolfand Dec 2, 2025
a4e305a
delete android quickstart
swolfand Dec 2, 2025
88d022c
removed ios by mistake
swolfand Dec 3, 2025
914e48f
change incorrect view reference
swolfand Dec 3, 2025
1f2e990
update account portal
swolfand Dec 3, 2025
67bc3ab
update user button to reference correct view
swolfand Dec 3, 2025
29eb31b
update image name
swolfand Dec 3, 2025
465c1fc
replaced image
swolfand Dec 3, 2025
9619e03
update typography
swolfand Dec 3, 2025
584e772
docs review
SarahSoutoul Dec 3, 2025
9ffd76f
docs review
SarahSoutoul Dec 3, 2025
18e968d
Merge branch 'main' into sam/mobile-325-android-authview-guide
SarahSoutoul Dec 4, 2025
63d0add
Add images
SarahSoutoul Dec 4, 2025
ac4b221
Linting
SarahSoutoul Dec 4, 2025
8dc5a20
Merge branch 'main' into sam/mobile-325-android-authview-guide
SarahSoutoul Dec 4, 2025
fe898e8
Add scoping of cards
SarahSoutoul Dec 4, 2025
14b0bf5
update imports
swolfand Dec 5, 2025
4c64093
add specific property
swolfand Dec 5, 2025
f7a3ac3
Merge branch 'main' into sam/mobile-325-android-authview-guide
swolfand Dec 5, 2025
c05aede
Fix the If components
SarahSoutoul Dec 5, 2025
6f6ab47
Linting
SarahSoutoul Dec 5, 2025
acde0f1
add font
swolfand Dec 5, 2025
9016eec
Update docs/guides/customizing-clerk/clerk-theme.android.mdx
SarahSoutoul Dec 9, 2025
0b68188
Apply suggestions from code review
SarahSoutoul Dec 9, 2025
4973383
Full-screen to Fullscreen
SarahSoutoul Dec 9, 2025
4e73122
docs review pt2
SarahSoutoul Dec 9, 2025
6fbd413
Merge branch 'main' into sam/mobile-325-android-authview-guide
SarahSoutoul Dec 9, 2025
082ea86
Last refinement
SarahSoutoul Dec 9, 2025
6453889
Grammatical error
SarahSoutoul Dec 9, 2025
c85f6a4
Update docs/reference/views/user/user-profile-view.mdx
SarahSoutoul Dec 9, 2025
14b1264
Lowercase fullscreen
SarahSoutoul Dec 9, 2025
d6045cd
Merge branch 'main' into sam/mobile-325-android-authview-guide
swolfand Dec 10, 2025
6016745
Merge branch 'main' into sam/mobile-325-android-authview-guide
SarahSoutoul Dec 11, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
104 changes: 104 additions & 0 deletions docs/_partials/views/clerk-theme-colors-property.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,104 @@
<Properties>
- `primary`
- `Color`

The primary color used throughout the views.

---

- `background`
- `Color`

The background color for containers.

---

- `input`
- `Color`

The background color used for input fields.

---

- `danger`
- `Color`

The color used for error states.

---

- `success`
- `Color`

The color used for success states.

---

- `warning`
- `Color`

The color used for warning states.

---

- `foreground`
- `Color`

The color used for text.

---

- `mutedForeground`
- `Color`

The color used for secondary text.

---

- `primaryForeground`
- `Color`

The color used for text on the primary background.

---

- `inputForeground`
- `Color`

The color used for text in input fields.

---

- `neutral`
- `Color`

The color that will be used to generate the neutral shades the views use.

---

- `ring`
- `Color`

The color of the ring when an interactive element is focused.

---

- `muted`
- `Color`

The color used for muted backgrounds.

---

- `shadow`
- `Color`

The base shadow color used in the views.

---

- `border`
- `Color`

The base border color used in the views.
</Properties>
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
To learn how to customize Clerk iOS views, see the [dedicated guide](/docs/guides/customizing-clerk/clerk-theme).
To learn how to customize Clerk views, see the [dedicated guide](/docs/guides/customizing-clerk/clerk-theme).

If Clerk's prebuilt views don't meet your specific needs or if you require more control over the logic, you can rebuild the existing Clerk flows using the Clerk API. For more information, see the [custom flow guides](/docs/guides/development/custom-flows/overview).
10 changes: 5 additions & 5 deletions docs/getting-started/quickstart.android.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -200,7 +200,7 @@ sdk: android
import androidx.lifecycle.ViewModel
import androidx.lifecycle.viewModelScope
import com.clerk.api.Clerk
import com.clerk.api.network.serialization.longErrorMessageOrNull
import com.clerk.api.network.serialization.errorMessage
import com.clerk.api.network.serialization.onFailure
import com.clerk.api.network.serialization.onSuccess
import com.clerk.api.signup.SignUp
Expand Down Expand Up @@ -229,7 +229,7 @@ sdk: android
.onFailure {
// See https://clerk.com/docs/guides/development/custom-flows/error-handling
// for more info on error handling
Log.e("SignUpViewModel", it.longErrorMessageOrNull, it.throwable)
Log.e("SignUpViewModel", it.errorMessage, it.throwable)
}
}
}
Expand All @@ -242,7 +242,7 @@ sdk: android
.onFailure {
// See https://clerk.com/docs/guides/development/custom-flows/error-handling
// for more info on error handling
Log.e("SignUpViewModel", it.longErrorMessageOrNull, it.throwable)
Log.e("SignUpViewModel", it.errorMessage, it.throwable)
}
}
}
Expand Down Expand Up @@ -498,7 +498,7 @@ sdk: android
import androidx.lifecycle.ViewModel
import androidx.lifecycle.viewModelScope
import com.clerk.api.Clerk
import com.clerk.api.network.serialization.longErrorMessageOrNull
import com.clerk.api.network.serialization.errorMessage
import com.clerk.api.network.serialization.onFailure
import com.clerk.api.network.serialization.onSuccess
import kotlinx.coroutines.flow.MutableStateFlow
Expand Down Expand Up @@ -529,7 +529,7 @@ sdk: android
.onFailure {
// See https://clerk.com/docs/guides/development/custom-flows/error-handling
// for more info on error handling
Log.e("MainViewModel", it.longErrorMessageOrNull, it.throwable)
Log.e("MainViewModel", it.errorMessage, it.throwable)
}
}
}
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: '`captcha` prop'
description: Utilize Clerk's `captcha` prop in order to change the appearance of the CAPTCHA widget.
sdk: astro, chrome-extension, expo, nextjs, nuxt, react, react-router, remix, tanstack-react-start, vue, js-frontend, fastify, expressjs, js-backend, go, ruby, android
sdk: astro, chrome-extension, expo, nextjs, nuxt, react, react-router, remix, tanstack-react-start, vue, js-frontend, fastify, expressjs, js-backend, go, ruby
---

{/* JS file: https://github.com/clerk/javascript/blob/main/packages/types/src/appearance.ts#L538 */}
Expand Down
2 changes: 1 addition & 1 deletion docs/guides/customizing-clerk/appearance-prop/layout.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: '`Layout` prop'
description: Utilize Clerk's layout prop in order to change the layout of the <SignIn /> and <SignUp /> components, as well as set important links to your support, terms and privacy pages.
sdk: astro, chrome-extension, expo, nextjs, nuxt, react, react-router, remix, tanstack-react-start, vue, js-frontend, fastify, expressjs, js-backend, go, ruby, android
sdk: astro, chrome-extension, expo, nextjs, nuxt, react, react-router, remix, tanstack-react-start, vue, js-frontend, fastify, expressjs, js-backend, go, ruby
---

{/* JS file: https://github.com/clerk/javascript/blob/main/packages/types/src/appearance.ts#L538 */}
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: '`Appearance` prop'
description: Utilize Clerk's appearance property in order to share styles across every component or individually to any of the Clerk components.
sdk: astro, chrome-extension, expo, nextjs, nuxt, react, react-router, remix, tanstack-react-start, vue, js-frontend, fastify, expressjs, js-backend, go, ruby, android
sdk: astro, chrome-extension, expo, nextjs, nuxt, react, react-router, remix, tanstack-react-start, vue, js-frontend, fastify, expressjs, js-backend, go, ruby
---

{/* JS file: https://github.com/clerk/javascript/blob/main/packages/types/src/appearance.ts#L619 */}
Expand Down
2 changes: 1 addition & 1 deletion docs/guides/customizing-clerk/appearance-prop/themes.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Themes
description: Clerk currently offers six prebuilt themes for you to customize the overall appearance of your Clerk app.
sdk: astro, chrome-extension, expo, nextjs, nuxt, react, react-router, remix, tanstack-react-start, vue, js-frontend, fastify, expressjs, js-backend, go, ruby, android
sdk: astro, chrome-extension, expo, nextjs, nuxt, react, react-router, remix, tanstack-react-start, vue, js-frontend, fastify, expressjs, js-backend, go, ruby
---

Clerk currently offers [six prebuilt themes](#available-themes) for you to customize the overall appearance of your Clerk application.
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: '`Variables` prop'
description: Utilize Clerk's variables property in order to adjust the general styles of the component's base theme, like colors, backgrounds, typography.
sdk: astro, chrome-extension, expo, nextjs, nuxt, react, react-router, remix, tanstack-react-start, vue, js-frontend, fastify, expressjs, js-backend, go, ruby, android
sdk: astro, chrome-extension, expo, nextjs, nuxt, react, react-router, remix, tanstack-react-start, vue, js-frontend, fastify, expressjs, js-backend, go, ruby
---

{/* JS file: https://github.com/clerk/javascript/blob/main/packages/types/src/appearance.ts#L399 */}
Expand Down
Loading