diff --git a/src/main/app-updater.ts b/src/main/app-updater.ts index f11c67e673..8cbccbca64 100644 --- a/src/main/app-updater.ts +++ b/src/main/app-updater.ts @@ -64,17 +64,17 @@ async function autoUpdateCheck(windowManager: WindowManager): Promise { { label: "Yes, now", backchannel: yesNowChannel, - action: true, + className: "light" }, { label: "Yes, on quit", backchannel: yesLaterChannel, - action: true, + className: "primary outline" }, { - label: "No", + label: "Remind later", backchannel: noChannel, - secondary: true + className: "primary outline" } ], closeChannel: noChannel, @@ -99,7 +99,7 @@ export function startUpdateChecking(windowManager: WindowManager, interval = 100 .on("update-available", async (args: UpdateInfo) => { try { const releaseDate = moment(args.releaseDate); - const body = `Version ${args.version} was released on ${releaseDate.format("dddd, MMMM Do, yyyy")}.`; + const body = `Version ${args.version} of Lens IDE is now available. Would you like to update?`; windowManager.mainView.webContents.send(NotificationChannelAdd, { title, body, diff --git a/src/renderer/components/button/button.scss b/src/renderer/components/button/button.scss index 188d82f9cb..4ee276179d 100644 --- a/src/renderer/components/button/button.scss +++ b/src/renderer/components/button/button.scss @@ -33,6 +33,15 @@ background: $buttonSecondaryBackground; } + &.outline { + border: 1px solid; + } + + &.light { + background-color: white; + color: #505050; + } + &.plain { color: inherit; background: transparent;