Skip to content

Commit a10a131

Browse files
robertpiosikrobertpiosik
committed
Replace purple accents with neutral theme colors in TargetButton and AsciiArtEffect
- hovered target button should have a nautrally colored background (gray) ├── apps │ └── editor │ └── src │ └── views │ └── prompt │ └── frontend │ └── Home │ └── Home.tsx └── packages └── ui └── src ├── components │ └── editor │ └── prompt │ ├── AsciiArtEffect │ │ ├── AsciiArtEffect.module.scss │ │ ├── AsciiArtEffect.tsx │ │ └── index.ts │ ├── BrowserExtensionMessage │ │ ├── BrowserExtensionMessage.module.scss │ │ └── BrowserExtensionMessage.tsx │ ├── CompactableActionButton │ │ ├── CompactableActionButton.module.scss │ │ ├── CompactableActionButton.tsx │ │ └── index.ts │ ├── Configurations │ │ ├── Configurations.module.scss │ │ ├── Configurations.stories.tsx │ │ ├── Configurations.tsx │ │ └── index.ts │ ├── Fieldset │ │ ├── Fieldset.module.scss │ │ ├── Fieldset.stories.tsx │ │ ├── Fieldset.tsx │ │ └── index.ts │ ├── HomeLinkButton │ │ ├── HomeLinkButton.module.scss │ │ ├── HomeLinkButton.tsx │ │ └── index.ts │ ├── IconAccentButton │ │ ├── IconAccentButton.module.scss │ │ ├── IconAccentButton.stories.tsx │ │ ├── IconAccentButton.tsx │ │ └── index.ts │ ├── KeycapWrapper │ │ ├── KeycapWrapper.module.scss │ │ ├── KeycapWrapper.stories.tsx │ │ ├── KeycapWrapper.tsx │ │ └── index.ts │ ├── Page │ │ ├── Page.module.scss │ │ ├── Page.stories.tsx │ │ ├── Page.tsx │ │ └── index.ts │ ├── PresetOption │ │ ├── PresetOption.module.scss │ │ ├── PresetOption.stories.tsx │ │ ├── PresetOption.tsx │ │ └── index.ts │ ├── RecentDonations │ │ ├── RecentDonations.module.scss │ │ ├── RecentDonations.stories.tsx │ │ └── RecentDonations.tsx │ ├── ResponsePreview │ │ ├── ResponsePreview.module.scss │ │ ├── ResponsePreview.stories.tsx │ │ ├── ResponsePreview.tsx │ │ ├── components │ │ │ ├── FileItem │ │ │ │ ├── FileItem.module.scss │ │ │ │ ├── FileItem.tsx │ │ │ │ └── index.ts │ │ │ ├── InlineFileItem │ │ │ │ ├── InlineFileItem.module.scss │ │ │ │ ├── InlineFileItem.tsx │ │ │ │ └── index.ts │ │ │ ├── TextItem │ │ │ │ ├── TextItem.module.scss │ │ │ │ ├── TextItem.tsx │ │ │ │ └── index.ts │ │ │ └── index.ts │ │ └── index.ts │ ├── ResponsePreviewFooter │ │ ├── ResponsePreviewFooter.module.scss │ │ ├── ResponsePreviewFooter.tsx │ │ └── index.ts │ ├── Responses │ │ ├── Responses.module.scss │ │ ├── Responses.stories.tsx │ │ ├── Responses.tsx │ │ └── index.ts │ ├── Separator │ │ ├── Separator.module.scss │ │ ├── Separator.tsx │ │ └── index.ts │ ├── StatusBar │ │ ├── StatusBar.module.scss │ │ ├── StatusBar.tsx │ │ └── index.ts │ ├── Tabs │ │ ├── Tabs.module.scss │ │ ├── Tabs.tsx │ │ └── index.ts │ ├── TargetButton │ │ ├── TargetButton.module.scss │ │ ├── TargetButton.stories.tsx │ │ ├── TargetButton.tsx │ │ └── index.ts │ ├── Tasks │ │ ├── Tasks.module.scss │ │ ├── Tasks.stories.tsx │ │ ├── Tasks.tsx │ │ ├── components │ │ │ └── TaskGroup.tsx │ │ ├── hooks │ │ │ └── use-auto-focus-new-task.ts │ │ └── index.ts │ └── modals │ ├── AutoClosingModal │ │ ├── AutoClosingModal.module.scss │ │ ├── AutoClosingModal.stories.tsx │ │ ├── AutoClosingModal.tsx │ │ └── index.ts │ ├── Modal │ │ ├── Modal.module.scss │ │ ├── Modal.tsx │ │ └── index.ts │ ├── OngoingApiCallsModal │ │ ├── OngoingApiCallsModal.module.scss │ │ ├── OngoingApiCallsModal.stories.tsx │ │ ├── OngoingApiCallsModal.tsx │ │ └── index.ts │ ├── ProgressModal │ │ ├── ProgressModal.module.scss │ │ ├── ProgressModal.stories.tsx │ │ ├── ProgressModal.tsx │ │ └── index.ts │ └── QRCodeModal │ ├── QRCodeModal.module.scss │ ├── QRCodeModal.stories.tsx │ ├── QRCodeModal.tsx │ └── index.ts └── styles └── foundation └── _colors.scss
1 parent bd5556c commit a10a131

2 files changed

Lines changed: 2 additions & 4 deletions

File tree

‎packages/ui/src/components/editor/prompt/AsciiArtEffect/AsciiArtEffect.module.scss‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,8 +21,7 @@
2121
.inner {
2222
position: absolute;
2323
inset: 0;
24-
background-color: var(--cwc-purple-foreground);
25-
opacity: var(--dimmed-opacity);
24+
background-color: var(--cwc-text-color-dimmed);
2625

2726
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Ctext x='15' y='25' fill='black' font-family='monospace' font-size='12'%3E%2B%3C/text%3E%3Ctext x='55' y='45' fill='black' font-family='monospace' font-size='16'%3E*%3C/text%3E%3Ctext x='85' y='85' fill='black' font-family='monospace' font-size='14'%3E%C2%B7%3C/text%3E%3Ctext x='25' y='85' fill='black' font-family='monospace' font-size='10'%3E%C3%97%3C/text%3E%3Ctext x='85' y='25' fill='black' font-family='monospace' font-size='12'%3E%C2%B0%3C/text%3E%3Ctext x='10' y='65' fill='black' font-family='monospace' font-size='14'%3E%C2%B7%3C/text%3E%3Ctext x='45' y='95' fill='black' font-family='monospace' font-size='12'%3E%2B%3C/text%3E%3Ctext x='95' y='55' fill='black' font-family='monospace' font-size='10'%3E%C3%97%3C/text%3E%3C/svg%3E");
2827
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Ctext x='15' y='25' fill='black' font-family='monospace' font-size='12'%3E%2B%3C/text%3E%3Ctext x='55' y='45' fill='black' font-family='monospace' font-size='16'%3E*%3C/text%3E%3Ctext x='85' y='85' fill='black' font-family='monospace' font-size='14'%3E%C2%B7%3C/text%3E%3Ctext x='25' y='85' fill='black' font-family='monospace' font-size='10'%3E%C3%97%3C/text%3E%3Ctext x='85' y='25' fill='black' font-family='monospace' font-size='12'%3E%C2%B0%3C/text%3E%3Ctext x='10' y='65' fill='black' font-family='monospace' font-size='14'%3E%C2%B7%3C/text%3E%3Ctext x='45' y='95' fill='black' font-family='monospace' font-size='12'%3E%2B%3C/text%3E%3Ctext x='95' y='55' fill='black' font-family='monospace' font-size='10'%3E%C3%97%3C/text%3E%3C/svg%3E");

‎packages/ui/src/components/editor/prompt/TargetButton/TargetButton.module.scss‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -34,8 +34,7 @@
3434
}
3535

3636
&:not(:disabled):hover {
37-
background-color: var(--cwc-purple-background);
38-
color: var(--cwc-purple-foreground);
37+
background-color: var(--vscode-toolbar-hoverBackground);
3938

4039
.button__label-char {
4140
animation: wave 0.5s ease-in-out;

0 commit comments

Comments
 (0)