Update active button and pin logo colours

[microbit-robert]

No description provided.

[netlify]

✅ Deploy Preview for distracted-dubinsky-fd8a42 ready!

Name	Link
🔨 Latest commit	a1ae9af
🔍 Latest deploy log	https://app.netlify.com/sites/distracted-dubinsky-fd8a42/deploys/6321cb12c8520400081e3dfe
😎 Deploy Preview	https://deploy-preview-61--distracted-dubinsky-fd8a42.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[microbit-robert]

Uses the same colours as MakeCode and the inverse fill of the pin logo. Doesn't look great here as we don't have the added stroke that MakeCode add on hovering a clickable element.

[microbit-matt-hillsdon]

Uses the same colours as MakeCode and the inverse fill of the pin logo. Doesn't look great here as we don't have the added stroke that MakeCode add on hovering a clickable element.

We backed away from this as, in discussion with Giles, we don't think the non-copper area should highlight. We've also changed the colour to allow us to use the same colour in both places with improved contrast.

[microbit-matt-hillsdon]

There's some loss of a subtle 3d effect on the buttons, but it's not one we were maintaining through the interaction (i.e. it doesn't depress) so I think it's better gone.