Use heart-filled for sponsor icon (#151957)

Update codicons. Use `heart-filled` for sponsor icon.
microsoft · Jun 13, 2022 · f5edc26 · f5edc26
1 parent 82f7daa
commit f5edc26
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 2 deletions.
diff --git a/src/vs/base/browser/ui/codicons/codicon/codicon.ttf b/src/vs/base/browser/ui/codicons/codicon/codicon.ttf
diff --git a/src/vs/base/common/codicons.ts b/src/vs/base/common/codicons.ts
@@ -552,6 +552,7 @@ export class Codicon implements CSSIcon {
 	public static readonly arrowCircleLeft = new Codicon('arrow-circle-left', { fontCharacter: '\\ebfd' });
 	public static readonly arrowCircleRight = new Codicon('arrow-circle-right', { fontCharacter: '\\ebfe' });
 	public static readonly arrowCircleUp = new Codicon('arrow-circle-up', { fontCharacter: '\\ebff' });
+	public static readonly heartFilled = new Codicon('heart-filled', { fontCharacter: '\\ec04' });
 
 
 	// derived icons, that could become separate icons

diff --git a/src/vs/workbench/contrib/extensions/browser/extensionsIcons.ts b/src/vs/workbench/contrib/extensions/browser/extensionsIcons.ts
@@ -26,7 +26,7 @@ export const installCountIcon = registerIcon('extensions-install-count', Codicon
 export const ratingIcon = registerIcon('extensions-rating', Codicon.star, localize('ratingIcon', 'Icon shown along with the rating in the extensions view and editor.'));
 export const verifiedPublisherIcon = registerIcon('extensions-verified-publisher', Codicon.verifiedFilled, localize('verifiedPublisher', 'Icon used for the verified extension publisher in the extensions view and editor.'));
 export const preReleaseIcon = registerIcon('extensions-pre-release', Codicon.versions, localize('preReleaseIcon', 'Icon shown for extensions having pre-release versions in extensions view and editor.'));
-export const sponsorIcon = registerIcon('extensions-sponsor', Codicon.heart, localize('sponsorIcon', 'Icon used for sponsoring extensions in the extensions view and editor.'));
+export const sponsorIcon = registerIcon('extensions-sponsor', Codicon.heartFilled, localize('sponsorIcon', 'Icon used for sponsoring extensions in the extensions view and editor.'));
 
 export const starFullIcon = registerIcon('extensions-star-full', Codicon.starFull, localize('starFullIcon', 'Full star icon used for the rating in the extensions editor.'));
 export const starHalfIcon = registerIcon('extensions-star-half', Codicon.starHalf, localize('starHalfIcon', 'Half star icon used for the rating in the extensions editor.'));

diff --git a/src/vs/workbench/contrib/extensions/browser/extensionsWidgets.ts b/src/vs/workbench/contrib/extensions/browser/extensionsWidgets.ts
@@ -204,7 +204,7 @@ export class SponsorWidget extends ExtensionWidget {
 
 		const sponsor = append(this.container, $('span.sponsor.clickable', { tabIndex: 0, title: this.extension?.publisherSponsorLink }));
 		sponsor.setAttribute('role', 'link'); // #132645
-		const sponsorIcon = renderIcon(Codicon.heart);
+		const sponsorIcon = renderIcon(Codicon.heartFilled);
 		const label = $('span', undefined, localize('sponsor', "Sponsor"));
 		append(sponsor, sponsorIcon, label);
 		this.disposables.add(onClick(sponsor, () => {