fix(surveys): react native text colors #2774

adboio · 2025-12-16T20:01:43Z

Problem

survey text color is hard-coded to black on react native. this means users can't create dark-mode surveys

Changes

adds inputBackground to core sdk types
updates all text colors for surveys in RN to use the contrasting color function, matching browser behavior
update contrast function to support shorthand hex e.g. #111

Release info Sub-libraries affected

Libraries affected

Checklist

Tests for new code
Accounted for the impact of any changes across different platforms
Accounted for backwards compatibility of any changes (no breaking changes!)
Took care not to unnecessarily increase the bundle size

If releasing new changes

Ran pnpm changeset to generate a changeset file
Added the "release" label to the PR to indicate we're publishing new versions for the affected packages

vercel · 2025-12-16T20:01:45Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
posthog-js	Ready	Preview	Dec 16, 2025 8:25pm
posthog-nextjs-config	Ready	Preview	Dec 16, 2025 8:25pm

adboio · 2025-12-16T20:02:05Z

fix(surveys): react native text colors #2774 👈 (View in Graphite)
main

This stack of pull requests is managed by Graphite. Learn more about stacking.

greptile-apps

_{5 files reviewed, 5 comments}

_{Edit Code Review Agent Settings | Greptile}

packages/react-native/src/surveys/components/QuestionTypes.tsx

packages/react-native/src/surveys/components/QuestionHeader.tsx

github-actions · 2025-12-16T20:13:26Z

Download bundle size visualization

lucasheriques

one comment but looks good

packages/react-native/src/surveys/components/ConfirmationMessage.tsx

github-actions · 2025-12-16T20:17:30Z

Size Change: +1.41 kB (+0.03%)

Total Size: 5.26 MB

Filename	Size	Change
`packages/react-native/dist/surveys/components/ConfirmationMessage.js`	1.65 kB	+72 B (+4.55%)	🔍
`packages/react-native/dist/surveys/components/QuestionHeader.js`	1.31 kB	+199 B (+17.9%)	⚠️
`packages/react-native/dist/surveys/components/QuestionTypes.js`	10.9 kB	+793 B (+7.85%)	🔍
`packages/react-native/dist/surveys/surveys-utils.js`	9.65 kB	+348 B (+3.74%)

ℹ️ View Unchanged

Filename	Size
`packages/ai/dist/anthropic/index.cjs`	17.8 kB
`packages/ai/dist/anthropic/index.mjs`	17.6 kB
`packages/ai/dist/gemini/index.cjs`	23.4 kB
`packages/ai/dist/gemini/index.mjs`	23.2 kB
`packages/ai/dist/index.cjs`	140 kB
`packages/ai/dist/index.mjs`	140 kB
`packages/ai/dist/langchain/index.cjs`	41.2 kB
`packages/ai/dist/langchain/index.mjs`	40.7 kB
`packages/ai/dist/openai/index.cjs`	42.3 kB
`packages/ai/dist/openai/index.mjs`	42 kB
`packages/ai/dist/vercel/index.cjs`	30 kB
`packages/ai/dist/vercel/index.mjs`	30 kB
`packages/browser/dist/all-external-dependencies.js`	228 kB
`packages/browser/dist/array.full.es5.js`	306 kB
`packages/browser/dist/array.full.js`	375 kB
`packages/browser/dist/array.full.no-external.js`	390 kB
`packages/browser/dist/array.js`	169 kB
`packages/browser/dist/array.no-external.js`	183 kB
`packages/browser/dist/conversations.js`	37.6 kB
`packages/browser/dist/crisp-chat-integration.js`	2.11 kB
`packages/browser/dist/customizations.full.js`	19.2 kB
`packages/browser/dist/dead-clicks-autocapture.js`	13.1 kB
`packages/browser/dist/exception-autocapture.js`	11.8 kB
`packages/browser/dist/external-scripts-loader.js`	2.95 kB
`packages/browser/dist/intercom-integration.js`	2.16 kB
`packages/browser/dist/lazy-recorder.js`	150 kB
`packages/browser/dist/main.js`	170 kB
`packages/browser/dist/module.full.js`	375 kB
`packages/browser/dist/module.full.no-external.js`	391 kB
`packages/browser/dist/module.js`	170 kB
`packages/browser/dist/module.no-external.js`	184 kB
`packages/browser/dist/posthog-recorder.js`	247 kB
`packages/browser/dist/product-tours.js`	53.7 kB
`packages/browser/dist/recorder-v2.js`	113 kB
`packages/browser/dist/recorder.js`	113 kB
`packages/browser/dist/surveys-preview.js`	72.6 kB
`packages/browser/dist/surveys.js`	84.4 kB
`packages/browser/dist/tracing-headers.js`	1.93 kB
`packages/browser/dist/web-vitals.js`	10.5 kB
`packages/browser/react/dist/esm/index.js`	19.3 kB
`packages/browser/react/dist/umd/index.js`	22.4 kB
`packages/core/dist/error-tracking/chunk-ids.js`	2.54 kB
`packages/core/dist/error-tracking/chunk-ids.mjs`	1.31 kB
`packages/core/dist/error-tracking/coercers/dom-exception-coercer.js`	2.3 kB
`packages/core/dist/error-tracking/coercers/dom-exception-coercer.mjs`	993 B
`packages/core/dist/error-tracking/coercers/error-coercer.js`	2.02 kB
`packages/core/dist/error-tracking/coercers/error-coercer.mjs`	794 B
`packages/core/dist/error-tracking/coercers/error-event-coercer.js`	1.76 kB
`packages/core/dist/error-tracking/coercers/error-event-coercer.mjs`	513 B
`packages/core/dist/error-tracking/coercers/event-coercer.js`	1.82 kB
`packages/core/dist/error-tracking/coercers/event-coercer.mjs`	548 B
`packages/core/dist/error-tracking/coercers/index.js`	6.79 kB
`packages/core/dist/error-tracking/coercers/index.mjs`	326 B
`packages/core/dist/error-tracking/coercers/object-coercer.js`	3.46 kB
`packages/core/dist/error-tracking/coercers/object-coercer.mjs`	2.07 kB
`packages/core/dist/error-tracking/coercers/primitive-coercer.js`	1.67 kB
`packages/core/dist/error-tracking/coercers/primitive-coercer.mjs`	419 B
`packages/core/dist/error-tracking/coercers/promise-rejection-event.js`	2.25 kB
`packages/core/dist/error-tracking/coercers/promise-rejection-event.mjs`	904 B
`packages/core/dist/error-tracking/coercers/string-coercer.js`	2.01 kB
`packages/core/dist/error-tracking/coercers/string-coercer.mjs`	820 B
`packages/core/dist/error-tracking/coercers/utils.js`	2.06 kB
`packages/core/dist/error-tracking/coercers/utils.mjs`	716 B
`packages/core/dist/error-tracking/error-properties-builder.js`	5.49 kB
`packages/core/dist/error-tracking/error-properties-builder.mjs`	4.15 kB
`packages/core/dist/error-tracking/index.js`	4.11 kB
`packages/core/dist/error-tracking/index.mjs`	152 B
`packages/core/dist/error-tracking/parsers/base.js`	1.83 kB
`packages/core/dist/error-tracking/parsers/base.mjs`	464 B
`packages/core/dist/error-tracking/parsers/chrome.js`	2.73 kB
`packages/core/dist/error-tracking/parsers/chrome.mjs`	1.32 kB
`packages/core/dist/error-tracking/parsers/gecko.js`	2.47 kB
`packages/core/dist/error-tracking/parsers/gecko.mjs`	1.13 kB
`packages/core/dist/error-tracking/parsers/index.js`	4.38 kB
`packages/core/dist/error-tracking/parsers/index.mjs`	1.94 kB
`packages/core/dist/error-tracking/parsers/node.js`	3.94 kB
`packages/core/dist/error-tracking/parsers/node.mjs`	2.68 kB
`packages/core/dist/error-tracking/parsers/opera.js`	2.26 kB
`packages/core/dist/error-tracking/parsers/opera.mjs`	746 B
`packages/core/dist/error-tracking/parsers/safari.js`	1.88 kB
`packages/core/dist/error-tracking/parsers/safari.mjs`	574 B
`packages/core/dist/error-tracking/parsers/winjs.js`	1.72 kB
`packages/core/dist/error-tracking/parsers/winjs.mjs`	426 B
`packages/core/dist/error-tracking/types.js`	1.33 kB
`packages/core/dist/error-tracking/types.mjs`	131 B
`packages/core/dist/error-tracking/utils.js`	1.8 kB
`packages/core/dist/error-tracking/utils.mjs`	604 B
`packages/core/dist/eventemitter.js`	1.78 kB
`packages/core/dist/eventemitter.mjs`	571 B
`packages/core/dist/featureFlagUtils.js`	6.5 kB
`packages/core/dist/featureFlagUtils.mjs`	4.28 kB
`packages/core/dist/gzip.js`	1.88 kB
`packages/core/dist/gzip.mjs`	577 B
`packages/core/dist/index.js`	5.7 kB
`packages/core/dist/index.mjs`	485 B
`packages/core/dist/posthog-core-stateless.js`	29.6 kB
`packages/core/dist/posthog-core-stateless.mjs`	27.1 kB
`packages/core/dist/posthog-core.js`	28.2 kB
`packages/core/dist/posthog-core.mjs`	24 kB
`packages/core/dist/process/index.js`	2.77 kB
`packages/core/dist/process/index.mjs`	114 B
`packages/core/dist/process/spawn-local.js`	1.82 kB
`packages/core/dist/process/spawn-local.mjs`	568 B
`packages/core/dist/process/utils.js`	3.12 kB
`packages/core/dist/process/utils.mjs`	1.15 kB
`packages/core/dist/testing/index.js`	2.93 kB
`packages/core/dist/testing/index.mjs`	79 B
`packages/core/dist/testing/PostHogCoreTestClient.js`	3.15 kB
`packages/core/dist/testing/PostHogCoreTestClient.mjs`	1.74 kB
`packages/core/dist/testing/test-utils.js`	2.77 kB
`packages/core/dist/testing/test-utils.mjs`	1.09 kB
`packages/core/dist/types.js`	8.2 kB
`packages/core/dist/types.mjs`	5.93 kB
`packages/core/dist/utils/bot-detection.js`	3.28 kB
`packages/core/dist/utils/bot-detection.mjs`	1.95 kB
`packages/core/dist/utils/bucketed-rate-limiter.js`	3 kB
`packages/core/dist/utils/bucketed-rate-limiter.mjs`	1.62 kB
`packages/core/dist/utils/index.js`	11 kB
`packages/core/dist/utils/index.mjs`	1.94 kB
`packages/core/dist/utils/logger.js`	2.5 kB
`packages/core/dist/utils/logger.mjs`	1.22 kB
`packages/core/dist/utils/number-utils.js`	2 kB
`packages/core/dist/utils/number-utils.mjs`	735 B
`packages/core/dist/utils/promise-queue.js`	2 kB
`packages/core/dist/utils/promise-queue.mjs`	768 B
`packages/core/dist/utils/string-utils.js`	1.91 kB
`packages/core/dist/utils/string-utils.mjs`	414 B
`packages/core/dist/utils/type-utils.js`	6.93 kB
`packages/core/dist/utils/type-utils.mjs`	3.03 kB
`packages/core/dist/vendor/uuidv7.js`	8.29 kB
`packages/core/dist/vendor/uuidv7.mjs`	6.72 kB
`packages/nextjs-config/dist/config.js`	4.97 kB
`packages/nextjs-config/dist/config.mjs`	3.48 kB
`packages/nextjs-config/dist/index.js`	2.24 kB
`packages/nextjs-config/dist/index.mjs`	30 B
`packages/nextjs-config/dist/utils.js`	3.83 kB
`packages/nextjs-config/dist/utils.mjs`	1.72 kB
`packages/node/dist/client.js`	24.2 kB
`packages/node/dist/client.mjs`	22.3 kB
`packages/node/dist/entrypoints/index.edge.js`	4.25 kB
`packages/node/dist/entrypoints/index.edge.mjs`	723 B
`packages/node/dist/entrypoints/index.node.js`	5.55 kB
`packages/node/dist/entrypoints/index.node.mjs`	1.08 kB
`packages/node/dist/experimental.js`	603 B
`packages/node/dist/experimental.mjs`	0 B	🆕
`packages/node/dist/exports.js`	3.6 kB
`packages/node/dist/exports.mjs`	124 B
`packages/node/dist/extensions/context/context.js`	2.12 kB
`packages/node/dist/extensions/context/context.mjs`	862 B
`packages/node/dist/extensions/context/types.js`	603 B
`packages/node/dist/extensions/context/types.mjs`	0 B	🆕
`packages/node/dist/extensions/error-tracking/autocapture.js`	2.66 kB
`packages/node/dist/extensions/error-tracking/autocapture.mjs`	1.24 kB
`packages/node/dist/extensions/error-tracking/index.js`	3.88 kB
`packages/node/dist/extensions/error-tracking/index.mjs`	2.61 kB
`packages/node/dist/extensions/error-tracking/modifiers/context-lines.node.js`	8.81 kB
`packages/node/dist/extensions/error-tracking/modifiers/context-lines.node.mjs`	7.15 kB
`packages/node/dist/extensions/error-tracking/modifiers/module.node.js`	2.78 kB
`packages/node/dist/extensions/error-tracking/modifiers/module.node.mjs`	1.45 kB
`packages/node/dist/extensions/express.js`	2.75 kB
`packages/node/dist/extensions/express.mjs`	1.16 kB
`packages/node/dist/extensions/feature-flags/cache.js`	603 B
`packages/node/dist/extensions/feature-flags/cache.mjs`	0 B	🆕
`packages/node/dist/extensions/feature-flags/crypto.js`	1.57 kB
`packages/node/dist/extensions/feature-flags/crypto.mjs`	395 B
`packages/node/dist/extensions/feature-flags/feature-flags.js`	30.9 kB
`packages/node/dist/extensions/feature-flags/feature-flags.mjs`	28.9 kB
`packages/node/dist/extensions/sentry-integration.js`	4.66 kB
`packages/node/dist/extensions/sentry-integration.mjs`	3.17 kB
`packages/node/dist/storage-memory.js`	1.52 kB
`packages/node/dist/storage-memory.mjs`	297 B
`packages/node/dist/types.js`	603 B
`packages/node/dist/types.mjs`	0 B	🆕
`packages/node/dist/version.js`	1.21 kB
`packages/node/dist/version.mjs`	46 B
`packages/nuxt/dist/module.mjs`	4.19 kB
`packages/nuxt/dist/runtime/nitro-plugin.js`	1.08 kB
`packages/nuxt/dist/runtime/vue-plugin.js`	1.14 kB
`packages/react-native/dist/autocapture.js`	4.68 kB
`packages/react-native/dist/error-tracking/index.js`	6.77 kB
`packages/react-native/dist/error-tracking/utils.js`	2.58 kB
`packages/react-native/dist/frameworks/wix-navigation.js`	1.3 kB
`packages/react-native/dist/hooks/useFeatureFlag.js`	1.49 kB
`packages/react-native/dist/hooks/useFeatureFlags.js`	821 B
`packages/react-native/dist/hooks/useNavigationTracker.js`	2.46 kB
`packages/react-native/dist/hooks/usePostHog.js`	467 B
`packages/react-native/dist/index.js`	3.12 kB
`packages/react-native/dist/native-deps.js`	7.91 kB
`packages/react-native/dist/optional/OptionalAsyncStorage.js`	299 B
`packages/react-native/dist/optional/OptionalExpoApplication.js`	377 B
`packages/react-native/dist/optional/OptionalExpoDevice.js`	347 B
`packages/react-native/dist/optional/OptionalExpoFileSystem.js`	386 B
`packages/react-native/dist/optional/OptionalExpoFileSystemLegacy.js`	423 B
`packages/react-native/dist/optional/OptionalExpoLocalization.js`	383 B
`packages/react-native/dist/optional/OptionalReactNativeDeviceInfo.js`	415 B
`packages/react-native/dist/optional/OptionalReactNativeLocalize.js`	303 B
`packages/react-native/dist/optional/OptionalReactNativeNavigation.js`	415 B
`packages/react-native/dist/optional/OptionalReactNativeNavigationWix.js`	443 B
`packages/react-native/dist/optional/OptionalReactNativeSafeArea.js`	644 B
`packages/react-native/dist/optional/OptionalSessionReplay.js`	455 B
`packages/react-native/dist/posthog-rn.js`	30.4 kB
`packages/react-native/dist/PostHogContext.js`	329 B
`packages/react-native/dist/PostHogProvider.js`	4.77 kB
`packages/react-native/dist/storage.js`	3.39 kB
`packages/react-native/dist/surveys/components/BottomSection.js`	1.34 kB
`packages/react-native/dist/surveys/components/Cancel.js`	909 B
`packages/react-native/dist/surveys/components/SurveyModal.js`	3.86 kB
`packages/react-native/dist/surveys/components/Surveys.js`	7.18 kB
`packages/react-native/dist/surveys/getActiveMatchingSurveys.js`	3.69 kB
`packages/react-native/dist/surveys/icons.js`	7.76 kB
`packages/react-native/dist/surveys/index.js`	600 B
`packages/react-native/dist/surveys/PostHogSurveyProvider.js`	5.66 kB
`packages/react-native/dist/surveys/useActivatedSurveys.js`	3.38 kB
`packages/react-native/dist/surveys/useSurveyStorage.js`	2.16 kB
`packages/react-native/dist/tooling/expoconfig.js`	2.63 kB
`packages/react-native/dist/tooling/metroconfig.js`	2.2 kB
`packages/react-native/dist/tooling/posthogMetroSerializer.js`	4.78 kB
`packages/react-native/dist/tooling/utils.js`	4.05 kB
`packages/react-native/dist/tooling/vendor/expo/expoconfig.js`	70 B
`packages/react-native/dist/tooling/vendor/metro/countLines.js`	237 B
`packages/react-native/dist/tooling/vendor/metro/utils.js`	3.35 kB
`packages/react-native/dist/types.js`	70 B
`packages/react-native/dist/utils.js`	539 B
`packages/react-native/dist/version.js`	130 B
`packages/react/dist/esm/index.js`	19.3 kB
`packages/react/dist/umd/index.js`	22.4 kB
`packages/rollup-plugin/dist/index.js`	3.45 kB
`packages/web/dist/index.cjs`	13.8 kB
`packages/web/dist/index.mjs`	13.7 kB
`packages/webpack-plugin/dist/config.js`	2.65 kB
`packages/webpack-plugin/dist/config.mjs`	1.64 kB
`packages/webpack-plugin/dist/index.js`	6.38 kB
`packages/webpack-plugin/dist/index.mjs`	2.96 kB
`tooling/changelog/dist/index.js`	3.31 kB
`tooling/rollup-utils/dist/index.js`	1.17 kB

_{compressed-size-action}

adboio · 2025-12-16T21:27:29Z

Merge activity

Dec 16, 9:27 PM UTC: @adboio merged this pull request with Graphite.

fix(surveys): react native text colors

ac0d9c5

vercel bot had a problem deploying to Preview – posthog-js December 16, 2025 20:02 Failure

vercel bot had a problem deploying to Preview – posthog-nextjs-config December 16, 2025 20:02 Failure

add changeset

dcb079b

adboio added the release label Dec 16, 2025 — with Graphite App

vercel bot had a problem deploying to Preview – posthog-js December 16, 2025 20:04 Failure

vercel bot had a problem deploying to Preview – posthog-nextjs-config December 16, 2025 20:04 Failure

remove logs

f3ba0a6

adboio requested review from a team December 16, 2025 20:05

adboio marked this pull request as ready for review December 16, 2025 20:05

vercel bot had a problem deploying to Preview – posthog-js December 16, 2025 20:05 Failure

vercel bot had a problem deploying to Preview – posthog-nextjs-config December 16, 2025 20:05 Failure

greptile-apps bot reviewed Dec 16, 2025

View reviewed changes

adboio added 2 commits December 16, 2025 12:08

fix type

b643044

remove unused imports

3d5ada1

vercel bot deployed to Preview – posthog-nextjs-config December 16, 2025 20:14 View deployment

vercel bot deployed to Preview – posthog-js December 16, 2025 20:14 View deployment

lucasheriques approved these changes Dec 16, 2025

View reviewed changes

packages/react-native/src/surveys/components/ConfirmationMessage.tsx Outdated Show resolved Hide resolved

move opacity to consts

4f57d6f

vercel bot deployed to Preview – posthog-nextjs-config December 16, 2025 20:25 View deployment

vercel bot deployed to Preview – posthog-js December 16, 2025 20:25 View deployment

adboio merged commit 2603a8d into main Dec 16, 2025
44 of 47 checks passed

adboio deleted the fix/surveys-rn-text-color branch December 16, 2025 21:27

adboio had a problem deploying to NPM Release December 16, 2025 21:27 — with GitHub Actions Failure

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

fix(surveys): react native text colors #2774

fix(surveys): react native text colors #2774

adboio commented Dec 16, 2025 •

edited

Loading

Uh oh!

vercel bot commented Dec 16, 2025 •

edited

Loading

Uh oh!

adboio commented Dec 16, 2025

Uh oh!

greptile-apps bot left a comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

github-actions bot commented Dec 16, 2025 •

edited

Loading

Uh oh!

lucasheriques left a comment

Uh oh!

Uh oh!

github-actions bot commented Dec 16, 2025 •

edited

Loading

Uh oh!

Uh oh!

adboio commented Dec 16, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

fix(surveys): react native text colors #2774

fix(surveys): react native text colors #2774

Conversation

adboio commented Dec 16, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Problem

Changes

Release info Sub-libraries affected

Libraries affected

Checklist

If releasing new changes

Uh oh!

vercel bot commented Dec 16, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

adboio commented Dec 16, 2025

Uh oh!

greptile-apps bot left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

github-actions bot commented Dec 16, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

lucasheriques left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

github-actions bot commented Dec 16, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Uh oh!

adboio commented Dec 16, 2025

Merge activity

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

adboio commented Dec 16, 2025 •

edited

Loading

vercel bot commented Dec 16, 2025 •

edited

Loading

github-actions bot commented Dec 16, 2025 •

edited

Loading

github-actions bot commented Dec 16, 2025 •

edited

Loading