🍙 New button style with gradient

src/pages/popup/main.tsx

@@ -68,11 +68,14 @@ function WatchOnLbryPopup(params: { profile: Awaited<ReturnType<typeof getProfil
                 <a onClick={() => loads(generateProfileAndSetNickname(dialogManager)).then(() => renderPopup())} className={`button active`}>
                   Change Nickname
                 </a>
-                <a onClick={async () =>
-                  await dialogManager.confirm("This will delete your keypair from this device.\nStill wanna continue?\n\nNOTE: Without keypair you can't purge your data online.\nSo if you wish to purge, please use purging instead.")
-                  && resetProfileSettings()
-                  && renderPopup()
-                }
+                <a onClick={async () => {
+                  if (!await dialogManager.confirm("This will delete your keypair from this device."
+                    + "\nStill wanna continue?"
+                    + "\n\nNOTE: Without keypair you can't purge your data online."
+                    + "\nSo if you wish to purge, please use purging instead.")) return
+                  resetProfileSettings()
+                  renderPopup()
+                }}
                   className={`button`}
                 >
                   Forget/Logout

src/scripts/ytContent.tsx

@@ -32,6 +32,8 @@ function WatchOnLbryButton({ targetPlatform, lbryPathname, time }: WatchOnLbryBu
         gap: '12px',
         borderRadius: '2px',
         backgroundColor: targetPlatform.theme,
+        backgroundImage: targetPlatform.theme,
+        fontWeight: 'bold',
         border: '0',
         color: 'whitesmoke',
         padding: '10px 16px',