PLASMA-8083: Tooltip and Toast invert color by vmytnik · Pull Request #3155 · salute-developers/plasma

vmytnik · 2026-09-09T08:47:59Z

PLASMA-GIGA

Tooltip, Toast

инвертированы цвета для светлой и темной тем

What/why changed

инвертированы цвета для светлой и темной тем

Summary by CodeRabbit

Style
- Updated default, positive, and negative toast themes with inverse color tokens for improved contrast.
- Updated tooltip backgrounds, text, and arrows across supported sizes to use the inverse color scheme.
- Dark and light toast themes remain unchanged.

📦 Published PR as canary version: Canary Versions

✨ Test out this PR locally via:

npm install @salutejs/plasma-asdk@0.392.1-canary.3155.34331118013.0
npm install @salutejs/plasma-b2c@1.634.1-canary.3155.34331118013.0
npm install @salutejs/plasma-colors@0.22.1-canary.3155.34331118013.0
npm install @salutejs/plasma-core@1.241.1-canary.3155.34331118013.0
npm install @salutejs/plasma-giga@0.361.1-canary.3155.34331118013.0
npm install @salutejs/plasma-homeds@0.361.1-canary.3155.34331118013.0
npm install @salutejs/plasma-hope@1.388.1-canary.3155.34331118013.0
npm install @salutejs/plasma-icons@1.249.1-canary.3155.34331118013.0
npm install @salutejs/plasma-new-hope@0.378.1-canary.3155.34331118013.0
npm install @salutejs/plasma-tokens@1.152.1-canary.3155.34331118013.0
npm install @salutejs/plasma-tokens-b2b@1.65.1-canary.3155.34331118013.0
npm install @salutejs/plasma-tokens-b2c@0.76.1-canary.3155.34331118013.0
npm install @salutejs/plasma-tokens-core@0.13.1-canary.3155.34331118013.0
npm install @salutejs/plasma-tokens-web@1.80.1-canary.3155.34331118013.0
npm install @salutejs/plasma-typo@0.53.1-canary.3155.34331118013.0
npm install @salutejs/plasma-web@1.636.1-canary.3155.34331118013.0
npm install @salutejs/sdds-bizcom@0.366.1-canary.3155.34331118013.0
npm install @salutejs/sdds-cs@0.370.1-canary.3155.34331118013.0
npm install @salutejs/sdds-dfa@0.364.1-canary.3155.34331118013.0
npm install @salutejs/sdds-finai@0.357.1-canary.3155.34331118013.0
npm install @salutejs/sdds-icons@0.6.1-canary.3155.34331118013.0
npm install @salutejs/sdds-insol@0.361.1-canary.3155.34331118013.0
npm install @salutejs/sdds-insol-next@0.360.1-canary.3155.34331118013.0
npm install @salutejs/sdds-netology@0.365.1-canary.3155.34331118013.0
npm install @salutejs/sdds-os@0.36.1-canary.3155.34331118013.0
npm install @salutejs/sdds-platform-ai@0.365.1-canary.3155.34331118013.0
npm install @salutejs/sdds-sbcom@0.366.1-canary.3155.34331118013.0
npm install @salutejs/sdds-scan@0.364.1-canary.3155.34331118013.0
npm install @salutejs/sdds-serv@0.365.1-canary.3155.34331118013.0
npm install @salutejs/core-themes@0.41.1-canary.3155.34331118013.0
npm install @salutejs/plasma-themes@0.63.1-canary.3155.34331118013.0
npm install @salutejs/sdds-themes@0.79.1-canary.3155.34331118013.0
npm install @salutejs/sdds-api-tests@0.23.1-canary.3155.34331118013.0
npm install @salutejs/plasma-cy-utils@0.171.1-canary.3155.34331118013.0
npm install @salutejs/plasma-sb-utils@0.242.1-canary.3155.34331118013.0
npm install @salutejs/plasma-tokens-utils@0.61.1-canary.3155.34331118013.0
# or 
yarn add @salutejs/plasma-asdk@0.392.1-canary.3155.34331118013.0
yarn add @salutejs/plasma-b2c@1.634.1-canary.3155.34331118013.0
yarn add @salutejs/plasma-colors@0.22.1-canary.3155.34331118013.0
yarn add @salutejs/plasma-core@1.241.1-canary.3155.34331118013.0
yarn add @salutejs/plasma-giga@0.361.1-canary.3155.34331118013.0
yarn add @salutejs/plasma-homeds@0.361.1-canary.3155.34331118013.0
yarn add @salutejs/plasma-hope@1.388.1-canary.3155.34331118013.0
yarn add @salutejs/plasma-icons@1.249.1-canary.3155.34331118013.0
yarn add @salutejs/plasma-new-hope@0.378.1-canary.3155.34331118013.0
yarn add @salutejs/plasma-tokens@1.152.1-canary.3155.34331118013.0
yarn add @salutejs/plasma-tokens-b2b@1.65.1-canary.3155.34331118013.0
yarn add @salutejs/plasma-tokens-b2c@0.76.1-canary.3155.34331118013.0
yarn add @salutejs/plasma-tokens-core@0.13.1-canary.3155.34331118013.0
yarn add @salutejs/plasma-tokens-web@1.80.1-canary.3155.34331118013.0
yarn add @salutejs/plasma-typo@0.53.1-canary.3155.34331118013.0
yarn add @salutejs/plasma-web@1.636.1-canary.3155.34331118013.0
yarn add @salutejs/sdds-bizcom@0.366.1-canary.3155.34331118013.0
yarn add @salutejs/sdds-cs@0.370.1-canary.3155.34331118013.0
yarn add @salutejs/sdds-dfa@0.364.1-canary.3155.34331118013.0
yarn add @salutejs/sdds-finai@0.357.1-canary.3155.34331118013.0
yarn add @salutejs/sdds-icons@0.6.1-canary.3155.34331118013.0
yarn add @salutejs/sdds-insol@0.361.1-canary.3155.34331118013.0
yarn add @salutejs/sdds-insol-next@0.360.1-canary.3155.34331118013.0
yarn add @salutejs/sdds-netology@0.365.1-canary.3155.34331118013.0
yarn add @salutejs/sdds-os@0.36.1-canary.3155.34331118013.0
yarn add @salutejs/sdds-platform-ai@0.365.1-canary.3155.34331118013.0
yarn add @salutejs/sdds-sbcom@0.366.1-canary.3155.34331118013.0
yarn add @salutejs/sdds-scan@0.364.1-canary.3155.34331118013.0
yarn add @salutejs/sdds-serv@0.365.1-canary.3155.34331118013.0
yarn add @salutejs/core-themes@0.41.1-canary.3155.34331118013.0
yarn add @salutejs/plasma-themes@0.63.1-canary.3155.34331118013.0
yarn add @salutejs/sdds-themes@0.79.1-canary.3155.34331118013.0
yarn add @salutejs/sdds-api-tests@0.23.1-canary.3155.34331118013.0
yarn add @salutejs/plasma-cy-utils@0.171.1-canary.3155.34331118013.0
yarn add @salutejs/plasma-sb-utils@0.242.1-canary.3155.34331118013.0
yarn add @salutejs/plasma-tokens-utils@0.61.1-canary.3155.34331118013.0

coderabbitai · 2026-09-09T08:49:03Z

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Advanced

Run ID: 8d210244-7f82-4274-85af-40f8ced9486b

📥 Commits

Reviewing files that changed from the base of the PR and between d270c15 and 570dd05.

⛔ Files ignored due to path filters (60)

cypress/snapshots/giga/chromium/Toast/plasma-giga Toast -- [PLASMA-T1713] Toast size=m, view=default, with Text, with close.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Toast/plasma-giga Toast -- [PLASMA-T1714] Toast size=m, view=positive, noText, enableContentLeft.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Toast/plasma-giga Toast -- [PLASMA-T1715] Toast size=m, view=negative, with Text, enableContentLeft, pilled.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Toast/plasma-giga Toast -- _textColor.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Toast/plasma-giga Toast -- _view=positive; _view=negative.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Toast/plasma-giga Toast -- clearTimeout on hide.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Toast/plasma-giga Toast -- default.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Toast/plasma-giga Toast -- defaultToastArgs.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Toast/plasma-giga Toast -- offset.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Toast/plasma-giga Toast -- useToast -- _pilled.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Toast/plasma-giga Toast -- useToast -- _position.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Toast/plasma-giga Toast -- useToast -- showToast.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Toast/plasma-giga Toast -- useToast -- timeout.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Toast/plasma-giga Toast -- useToast -- two lines additional content.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Toast/plasma-giga Toast -- useToast -- two lines.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Toast/plasma-giga Toast -- with close.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Toast/plasma-giga Toast -- with content-left.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Tooltip/multiple.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Tooltip/plasma-giga Tooltip -- [PLASMA-T1745] Tooltip size=m, placement=top, hasArrow.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Tooltip/plasma-giga Tooltip -- [PLASMA-T1746] Tooltip size=s, placement=bottom.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Tooltip/plasma-giga Tooltip -- [PLASMA-T1747] Tooltip placement=left.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Tooltip/plasma-giga Tooltip -- [PLASMA-T1748] Tooltip placement=right.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Tooltip/plasma-giga Tooltip -- interaction.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Tooltip/plasma-giga Tooltip -- long text.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Tooltip/plasma-giga Tooltip -- multiple lines placement.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Tooltip/plasma-giga Tooltip -- multiple placement.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Tooltip/plasma-giga Tooltip -- out of bounds + multiple placement.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Tooltip/plasma-giga Tooltip -- simple.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Tooltip/plasma-giga Tooltip -- wrapper overflow scroll.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Tooltip/single.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Toast/plasma-giga Toast -- [PLASMA-T1713] Toast size=m, view=default, with Text, with close.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Toast/plasma-giga Toast -- [PLASMA-T1714] Toast size=m, view=positive, noText, enableContentLeft.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Toast/plasma-giga Toast -- [PLASMA-T1715] Toast size=m, view=negative, with Text, enableContentLeft, pilled.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Toast/plasma-giga Toast -- _textColor.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Toast/plasma-giga Toast -- _view=positive; _view=negative.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Toast/plasma-giga Toast -- clearTimeout on hide.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Toast/plasma-giga Toast -- default.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Toast/plasma-giga Toast -- defaultToastArgs.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Toast/plasma-giga Toast -- offset.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Toast/plasma-giga Toast -- useToast -- _pilled.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Toast/plasma-giga Toast -- useToast -- _position.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Toast/plasma-giga Toast -- useToast -- showToast.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Toast/plasma-giga Toast -- useToast -- timeout.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Toast/plasma-giga Toast -- useToast -- two lines additional content.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Toast/plasma-giga Toast -- useToast -- two lines.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Toast/plasma-giga Toast -- with close.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Toast/plasma-giga Toast -- with content-left.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Tooltip/multiple.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Tooltip/plasma-giga Tooltip -- [PLASMA-T1745] Tooltip size=m, placement=top, hasArrow.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Tooltip/plasma-giga Tooltip -- [PLASMA-T1746] Tooltip size=s, placement=bottom.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Tooltip/plasma-giga Tooltip -- [PLASMA-T1747] Tooltip placement=left.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Tooltip/plasma-giga Tooltip -- [PLASMA-T1748] Tooltip placement=right.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Tooltip/plasma-giga Tooltip -- interaction.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Tooltip/plasma-giga Tooltip -- long text.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Tooltip/plasma-giga Tooltip -- multiple lines placement.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Tooltip/plasma-giga Tooltip -- multiple placement.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Tooltip/plasma-giga Tooltip -- out of bounds + multiple placement.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Tooltip/plasma-giga Tooltip -- simple.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Tooltip/plasma-giga Tooltip -- wrapper overflow scroll.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Tooltip/single.snap.png is excluded by !**/*.png

📒 Files selected for processing (2)

packages/plasma-giga/src/components/Toast/Toast.config.ts
packages/plasma-giga/src/components/Tooltip/Tooltip.config.ts

Included review availability: Your plan provides up to 1 included review per hour; 0 remain after this review.

📝 Walkthrough

Walkthrough

Toast and Tooltip configurations now use inverse surface and text tokens for selected styles. Existing dark and light Toast views retain their current tokens.

Changes

Overlay theme token updates

Layer / File(s)	Summary
Toast inverse token styles `packages/plasma-giga/src/components/Toast/Toast.config.ts`	The default, positive, and negative Toast views use inverse surface and text tokens.
Tooltip inverse token styles `packages/plasma-giga/src/components/Tooltip/Tooltip.config.ts`	Tooltip backgrounds, text, and small and medium arrow backgrounds use inverse tokens.

Priority: ⬇️ Low

Estimated code review effort: 1 (Trivial) | ~5 minutes

Merge Risk: ⚪ Minimal · up to 570dd

Toast and Tooltip overlays now use inverted theme colors while preserving their existing behavior and public interfaces. The affected rendering paths have visual snapshot coverage, and no current merge-blocking risk remains.

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 2…
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly identifies the two affected components and the main change to their color schemes.

✨ Finishing Touches

📝 Generate docstrings

Create stacked PR
Commit on current branch

🧪 Generate unit tests (beta)

Create PR with unit tests
Commit unit tests in branch PLASMA-8083.tooltip-invert-color

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands.}

github-actions · 2026-09-09T08:50:13Z

Theme Builder app deployed!

https://plasma.sberdevices.ru/pr/plasma-theme-builder-pr-3155/

github-actions · 2026-09-09T09:15:35Z

Documentation preview deployed!

website: https://plasma.sberdevices.ru/pr/pr-3155/
giga storybook: https://plasma.sberdevices.ru/pr/pr-3155/giga-storybook/

github-actions · 2026-09-16T10:38:20Z

This PR is included in version:

@salutejs/plasma-asdk@0.394.0
@salutejs/plasma-b2c@1.636.0
@salutejs/plasma-colors@0.23.0
@salutejs/plasma-core@1.243.0
@salutejs/plasma-giga@0.363.0
@salutejs/plasma-homeds@0.363.0
@salutejs/plasma-hope@1.390.0
@salutejs/plasma-icons@1.250.0
@salutejs/plasma-new-hope@0.380.0
@salutejs/plasma-tokens@1.154.0
@salutejs/plasma-tokens-b2b@1.66.0
@salutejs/plasma-tokens-b2c@0.77.0
@salutejs/plasma-tokens-core@0.14.0
@salutejs/plasma-tokens-web@1.81.0
@salutejs/plasma-typo@0.54.0
@salutejs/plasma-web@1.638.0
@salutejs/sdds-bizcom@0.368.0
@salutejs/sdds-cs@0.372.0
@salutejs/sdds-dfa@0.366.0
@salutejs/sdds-finai@0.359.0
@salutejs/sdds-icons@0.8.0
@salutejs/sdds-insol@0.363.0
@salutejs/sdds-insol-next@0.362.0
@salutejs/sdds-netology@0.367.0
@salutejs/sdds-os@0.38.0
@salutejs/sdds-platform-ai@0.367.0
@salutejs/sdds-sbcom@0.368.0
@salutejs/sdds-scan@0.366.0
@salutejs/sdds-serv@0.367.0
@salutejs/sdds-vc@0.2.0
@salutejs/core-themes@0.42.0
@salutejs/plasma-themes@0.64.0
@salutejs/sdds-themes@0.81.0
@salutejs/sdds-api-tests@0.25.0
@salutejs/plasma-cy-utils@0.173.0
@salutejs/plasma-sb-utils@0.244.0
@salutejs/plasma-tokens-utils@0.62.0

vmytnik added 2 commits September 9, 2026 11:34

test(giga): invert Toast and Tooltip color update snapshots

d66487f

fix(giga): invert Toast and Tooltip color

570dd05

vmytnik requested review from TitanKuzmich, Yakutoc, Yeti-or, neretin-trike and shuga2704 as code owners September 9, 2026 08:48

vmytnik deployed to internal September 9, 2026 08:48 — with GitHub Actions Active

vmytnik requested a review from luizasok September 9, 2026 08:50

Yakutoc removed request for Yakutoc, Yeti-or, neretin-trike and shuga2704 September 10, 2026 05:13

Yakutoc assigned vmytnik Sep 10, 2026

Yakutoc added the plasma-giga label Sep 10, 2026

luizasok approved these changes Sep 10, 2026

View reviewed changes

TitanKuzmich approved these changes Sep 10, 2026

View reviewed changes

IgorYar approved these changes Sep 11, 2026

View reviewed changes

vmytnik added this pull request to the merge queue Sep 14, 2026

github-merge-queue Bot removed this pull request from the merge queue due to no response for status checks Sep 14, 2026

vmytnik added this pull request to the merge queue Sep 14, 2026

vmytnik removed this pull request from the merge queue due to a manual request Sep 14, 2026

vmytnik added this pull request to the merge queue Sep 14, 2026

Merged via the queue into dev with commit 7604757 Sep 14, 2026
22 checks passed

vmytnik deleted the PLASMA-8083.tooltip-invert-color branch September 14, 2026 09:49

Salute-Eva mentioned this pull request Sep 15, 2026

Release by 16.09.2026 #3169

Merged

Navigation Menu

PLASMA-8083: Tooltip and Toast invert color - #3155

PLASMA-8083: Tooltip and Toast invert color#3155
vmytnik merged 2 commits into
devfrom
PLASMA-8083.tooltip-invert-color

vmytnik commented Sep 9, 2026 •

edited by Salute-Eva

Loading

Uh oh!

coderabbitai Bot commented Sep 9, 2026 •

edited

Loading

Walkthrough

Changes

Uh oh!

github-actions Bot commented Sep 9, 2026

Uh oh!

github-actions Bot commented Sep 9, 2026

Uh oh!

Uh oh!

Uh oh!

Uh oh!

github-actions Bot commented Sep 16, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

Conversation

vmytnik commented Sep 9, 2026 • edited by Salute-Eva Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

PLASMA-GIGA

Tooltip, Toast

What/why changed

Summary by CodeRabbit

Uh oh!

coderabbitai Bot commented Sep 9, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Changes

Uh oh!

github-actions Bot commented Sep 9, 2026

Uh oh!

github-actions Bot commented Sep 9, 2026

Uh oh!

Uh oh!

Uh oh!

Uh oh!

github-actions Bot commented Sep 16, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

vmytnik commented Sep 9, 2026 •

edited by Salute-Eva

Loading

coderabbitai Bot commented Sep 9, 2026 •

edited

Loading