Register ScrimbaLink component and change color on play button (#3242)

register ScrimbaLink component and change color on play button

Author: perborgen

.vitepress/theme/components/ScrimbaLink.vue

@@ -42,7 +42,7 @@ export default {
   top: calc(50% - 15px);
   left: -4px;
   border-radius: 50%;
-  background-color: #2B2B2B; /* Scrimba's dark color */
+  background-color: #73abfe;
 }
 .scrimba a:after {
   content: '';

.vitepress/theme/index.ts

@@ -10,6 +10,7 @@ import {
 } from './components/preferences'
 import SponsorsAside from './components/SponsorsAside.vue'
 import VueSchoolLink from './components/VueSchoolLink.vue'
+import ScrimbaLink from './components/ScrimbaLink.vue'
 import Banner from './components/Banner.vue'
 // import TextAd from './components/TextAd.vue'
 
@@ -28,6 +29,7 @@ export default Object.assign({}, VPTheme, {
     app.provide('prefer-sfc', preferSFC)
     app.provide('filter-headers', filterHeadersByPreference)
     app.component('VueSchoolLink', VueSchoolLink)
+    app.component('ScrimbaLink', ScrimbaLink)
     // app.component('TextAd', TextAd)
   }
 })