## Summary Roll out tinted neutral themes currently behind the `aura_tinted_themes` feature flag. - DRI: @sdejonge - Team Slack channel: `##g_pajamas-design-system` > [!note] > Process and guidance live in the docs — this issue is just the commands and a place to track the rollout. > "Rolling out" means incrementally enabling the flag on GitLab.com to validate stability — it is not the same as releasing the feature, which happens when the flag is removed. > [Feature flag controls](https://docs.gitlab.com/development/feature_flags/controls/) · [Feature flag lifecycle](https://handbook.gitlab.com/handbook/product-development/how-we-work/product-development-flow/feature-flag-lifecycle/#feature-flag-lifecycle) ## What could go wrong? <!-- Optional but recommended: blast radius, data-loss risk, and the dashboard(s) you'll watch on https://dashboards.gitlab.net. Delete if not applicable. --> ## Before rollout In https://gitlab.com/gitlab-org/gitlab/-/merge_requests/244250 we identified a few things that could/should be adjusted before rolling out widely: - [x] Define theme behaviour on FOSS (where there's no AI panel). (https://gitlab.com/gitlab-org/gitlab/-/merge_requests/244250#note_3551230615) - [ ] Improve perf/network efficiency (https://gitlab.com/gitlab-org/gitlab/-/merge_requests/244250#note_3551353239, https://gitlab.com/gitlab-org/gitlab/-/merge_requests/244250#note_3541444826) - [ ] Correct glow placement/scale on mobile. (https://gitlab.com/gitlab-org/gitlab/-/merge_requests/244250#note_3551353233) - [ ] Correct glow placement on pages without application chrome (https://gitlab.com/gitlab-org/gitlab/-/merge_requests/244250#note_3551779574) - [x] Gate `show_ai_bloom?` behind this feature flag (https://gitlab.com/gitlab-org/gitlab/-/merge_requests/244250#note_3556903820) - [ ] https://gitlab.com/gitlab-org/gitlab/-/merge_requests/244250#note_3560338631 - [ ] https://gitlab.com/gitlab-org/gitlab/-/merge_requests/244250#note_3560407682 - [ ] Animations/transitions (optional). - [ ] ??? ## Rollout Run all production `/chatops` in [`#production`](https://gitlab.slack.com/archives/C101F3796) and cross-post the results to `#<slack-channel-of-dri-team>`. Background: [incremental rollout process](https://docs.gitlab.com/development/feature_flags/controls/#process), [feature actors](https://docs.gitlab.com/development/feature_flags/#feature-actors). **Non-production** ``` /chatops gitlab run feature set aura_tinted_themes 50 --actors --dev --pre --staging --staging-ref /chatops gitlab run feature set aura_tinted_themes true --dev --pre --staging --staging-ref ``` **Production** — percentage rollout (wait ≥15 min between steps, watch dashboards): ``` /chatops gitlab run feature set aura_tinted_themes <percentage> --actors ``` Or target specific actors instead: ``` /chatops gitlab run feature set --project=gitlab-org/gitlab,gitlab-org/gitlab-foss aura_tinted_themes true /chatops gitlab run feature set --group=gitlab-org,gitlab-com aura_tinted_themes true /chatops gitlab run feature set --user=<gitlab-username-of-dri> aura_tinted_themes true ``` ## Before global rollout Confirm the relevant gotchas before going to 100% — see [enabling a feature for GitLab.com](https://docs.gitlab.com/development/feature_flags/controls/#enabling-a-feature-for-gitlabcom): - [Docs + version history](https://docs.gitlab.com/development/documentation/feature_flags/) updated - [Breaking changes](https://docs.gitlab.com/development/documentation/release_notes/#deprecations-removals-and-breaking-changes) announced, if any - [Change management issue](https://handbook.gitlab.com/handbook/engineering/infrastructure-platforms/change-management/#feature-flags-and-the-change-management-process) opened, if required - [External API consumers](https://docs.gitlab.com/development/feature_flags/#do-not-use-feature-flags-in-external-api-consumers) handled with a fail-open mechanism, if applicable ## Cleanup Remove the flag once [deemed stable](https://handbook.gitlab.com/handbook/product-development/how-we-work/product-development-flow/feature-flag-lifecycle/#feature-flag-lifecycle) — see [cleaning up](https://docs.gitlab.com/development/feature_flags/controls/#cleaning-up). Track it here, or open a follow-up [Feature Flag Cleanup issue](https://gitlab.com/gitlab-org/gitlab/-/issues/new?description_template=Feature%20Flag%20Cleanup). Remove the flag and its YAML definition from the codebase, then: ``` /chatops gitlab run release check <merge-request-url> <milestone> /chatops gitlab run feature delete aura_tinted_themes --dev --pre --staging --staging-ref --production ``` ## Rollback ``` /chatops gitlab run feature set aura_tinted_themes false # production /chatops gitlab run feature set aura_tinted_themes false --dev --pre --staging --staging-ref # non-production /chatops gitlab run feature delete aura_tinted_themes --dev --pre --staging --staging-ref --production # remove entirely ``` <!-- Uncomment the appropriate type label /label ~"type::feature" ~"feature::addition" /label ~"type::maintenance" /label ~"type::bug" -->