solana-app-kit

---

solana-app-kit / components/thread/thread.styles / getMergedTheme

​

Function: getMergedTheme()

getMergedTheme(userTheme?): object

Defined in: src/components/thread/thread.styles.ts:5

​

Parameters

​

userTheme?

Partial<{ --thread-avatar-size: number; --thread-bg-primary: string; --thread-bg-secondary: string; --thread-border-color: string; --thread-composer-bg: string; --thread-cta-container-width: "84%"; --thread-font-size: number; --thread-item-margin-left-step: number; --thread-link-color: string; --thread-poll-bg: string; --thread-poll-option-bg: string; --thread-post-border-color: string; --thread-post-padding-horizontal: number; --thread-post-padding-vertical: number; --thread-reaction-icon-size: number; --thread-reply-line-color: string; --thread-replying-bg: string; --thread-replying-border-radius: number; --thread-replying-margin-vertical: number; --thread-replying-padding: number; --thread-section-spacing: number; --thread-text-placeholder: string; --thread-text-primary: string; --thread-text-secondary: string; }>

​

Returns

object

​

—thread-avatar-size

—thread-avatar-size: number = 40

​

—thread-bg-primary

—thread-bg-primary: string = '#FFFFFF'

​

—thread-bg-secondary

—thread-bg-secondary: string = '#F2F3F5'

​

—thread-border-color

—thread-border-color: string = '#EDEFF3'

​

—thread-composer-bg

—thread-composer-bg: string = '#FAFAFA'

​

—thread-cta-container-width

—thread-cta-container-width: "84%"

​

—thread-font-size

—thread-font-size: number = 14

​

—thread-item-margin-left-step

—thread-item-margin-left-step: number = 16

​

—thread-link-color

—thread-link-color: string = '#2B8EF0'

​

—thread-poll-bg

—thread-poll-bg: string = '#F5F5F5'

​

—thread-poll-option-bg

—thread-poll-option-bg: string = '#ECECEC'

​

—thread-post-border-color

—thread-post-border-color: string = '#E0E0E0'

​

—thread-post-padding-horizontal

—thread-post-padding-horizontal: number = 16

​

—thread-post-padding-vertical

—thread-post-padding-vertical: number = 12

​

—thread-reaction-icon-size

—thread-reaction-icon-size: number = 20

​

—thread-reply-line-color

—thread-reply-line-color: string = '#E0E0E0'

​

—thread-replying-bg

—thread-replying-bg: string = '#F9F9F9'

​

—thread-replying-border-radius

—thread-replying-border-radius: number = 6

​

—thread-replying-margin-vertical

—thread-replying-margin-vertical: number = 8

​

—thread-replying-padding

—thread-replying-padding: number = 8

​

—thread-section-spacing

—thread-section-spacing: number = 8

​

—thread-text-placeholder

—thread-text-placeholder: string = '#737373'

​

—thread-text-primary

—thread-text-primary: string = '#232324'

​

—thread-text-secondary

—thread-text-secondary: string = '#434445'