Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(insights): allow customizing result colors with data color themes #26862

Open
wants to merge 129 commits into
base: master
Choose a base branch
from

Conversation

thmsobrmlr
Copy link
Contributor

@thmsobrmlr thmsobrmlr commented Dec 12, 2024

Problem

Users want to be able to customize the colors in insights. Most often this is because multiple insights on the same dashboard should have the same color for the same values. See #23093 and #17593. But there are other use cases as well:

The ability to control the themes and colours of insights and dashboards would be helpful to contextualise them to end users, eg Blue for B2B , green for B2C etc.

Changes

This PR is the unstacked version of #26238, #26296, #26350 & #26522, with a recent version of master merged in and some fixes.

Summary of changes:

Screenshot 2024-12-12 at 12 58 05 Screenshot 2024-12-12 at 12 58 37 Screenshot 2024-12-12 at 13 49 14

How did you test this code?

thmsobrmlr and others added 26 commits November 28, 2024 20:17
# Conflicts:
#	frontend/__snapshots__/components-activitylog--team-activity--dark.png
#	frontend/__snapshots__/components-activitylog--team-activity--light.png
#	frontend/__snapshots__/scenes-app-insights--trends-line-edit--dark--webkit.png
#	frontend/__snapshots__/scenes-app-insights--trends-line-edit--dark.png
#	frontend/__snapshots__/scenes-other-settings--settings-project--dark.png
#	frontend/__snapshots__/scenes-other-settings--settings-project--light.png
#	frontend/__snapshots__/scenes-other-settings--settings-project-with-replay-features--dark.png
#	frontend/__snapshots__/scenes-other-settings--settings-project-with-replay-features--light.png
#	frontend/__snapshots__/scenes-other-settings--settings-session-timeout-all-options--dark.png
#	frontend/__snapshots__/scenes-other-settings--settings-session-timeout-all-options--light.png
#	frontend/__snapshots__/scenes-other-settings--settings-session-timeout-password-only--dark.png
#	frontend/__snapshots__/scenes-other-settings--settings-session-timeout-password-only--light.png
#	frontend/__snapshots__/scenes-other-settings--settings-session-timeout-sso-enforced-github--dark.png
#	frontend/__snapshots__/scenes-other-settings--settings-session-timeout-sso-enforced-github--light.png
#	frontend/__snapshots__/scenes-other-settings--settings-session-timeout-sso-enforced-google--dark.png
#	frontend/__snapshots__/scenes-other-settings--settings-session-timeout-sso-enforced-google--light.png
#	frontend/__snapshots__/scenes-other-settings--settings-session-timeout-sso-enforced-saml--dark.png
#	frontend/__snapshots__/scenes-other-settings--settings-session-timeout-sso-enforced-saml--light.png
#	frontend/__snapshots__/scenes-other-settings--settings-session-timeout-sso-only--dark.png
#	frontend/__snapshots__/scenes-other-settings--settings-session-timeout-sso-only--light.png
#	frontend/src/lib/constants.tsx
#	frontend/src/queries/schema.json
#	posthog/admin/__init__.py
#	posthog/api/__init__.py
#	posthog/api/team.py
#	posthog/api/test/__snapshots__/test_action.ambr
#	posthog/api/test/__snapshots__/test_annotation.ambr
#	posthog/api/test/__snapshots__/test_decide.ambr
#	posthog/api/test/__snapshots__/test_feature_flag.ambr
#	posthog/api/test/__snapshots__/test_insight.ambr
#	posthog/api/test/__snapshots__/test_organization_feature_flag.ambr
#	posthog/api/test/dashboards/__snapshots__/test_dashboard.ambr
#	posthog/api/test/notebooks/__snapshots__/test_notebook.ambr
#	posthog/migrations/max_migration.txt
#	posthog/schema.py
#	posthog/session_recordings/test/__snapshots__/test_session_recordings.ambr
#	posthog/tasks/test/__snapshots__/test_process_scheduled_changes.ambr
# Conflicts:
#	frontend/__snapshots__/scenes-other-settings--settings-project--dark.png
#	frontend/__snapshots__/scenes-other-settings--settings-project--light.png
#	frontend/__snapshots__/scenes-other-settings--settings-project-with-replay-features--dark.png
#	frontend/__snapshots__/scenes-other-settings--settings-project-with-replay-features--light.png
#	frontend/__snapshots__/scenes-other-settings--settings-session-timeout-all-options--dark.png
#	frontend/__snapshots__/scenes-other-settings--settings-session-timeout-all-options--light.png
#	frontend/__snapshots__/scenes-other-settings--settings-session-timeout-password-only--dark.png
#	frontend/__snapshots__/scenes-other-settings--settings-session-timeout-password-only--light.png
#	frontend/__snapshots__/scenes-other-settings--settings-session-timeout-sso-enforced-github--dark.png
#	frontend/__snapshots__/scenes-other-settings--settings-session-timeout-sso-enforced-github--light.png
#	frontend/__snapshots__/scenes-other-settings--settings-session-timeout-sso-enforced-google--dark.png
#	frontend/__snapshots__/scenes-other-settings--settings-session-timeout-sso-enforced-google--light.png
#	frontend/__snapshots__/scenes-other-settings--settings-session-timeout-sso-enforced-saml--dark.png
#	frontend/__snapshots__/scenes-other-settings--settings-session-timeout-sso-enforced-saml--light.png
#	frontend/__snapshots__/scenes-other-settings--settings-session-timeout-sso-only--dark.png
#	frontend/__snapshots__/scenes-other-settings--settings-session-timeout-sso-only--light.png
# Conflicts:
#	posthog/migrations/max_migration.txt
@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

18 snapshot changes in total. 0 added, 18 modified, 0 deleted:

Triggered by this commit.

👉 Review this PR's diff of snapshots.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants