diff --git a/packages/create-electron/playground/solid-ts/src/renderer/src/App.tsx b/packages/create-electron/playground/solid-ts/src/renderer/src/App.tsx
index 75f2ba9..d0c916a 100644
--- a/packages/create-electron/playground/solid-ts/src/renderer/src/App.tsx
+++ b/packages/create-electron/playground/solid-ts/src/renderer/src/App.tsx
@@ -11,7 +11,7 @@ const App: Component = () => {
       <div class="creator">Powered by electron-vite</div>
       <div class="text">
         Build an Electron app with <span class="solid">Solid</span>
-        &nbsp;and <span className="ts">TypeScript</span>
+        &nbsp;and <span class="ts">TypeScript</span>
       </div>
       <p class="tip">Please try pressing <code>F12</code> to open the devTool</p>
       <div class="actions">
diff --git a/packages/create-electron/playground/solid-ts/src/renderer/src/assets/main.css b/packages/create-electron/playground/solid-ts/src/renderer/src/assets/main.css
index 5c7ef3a..7eda2d5 100644
--- a/packages/create-electron/playground/solid-ts/src/renderer/src/assets/main.css
+++ b/packages/create-electron/playground/solid-ts/src/renderer/src/assets/main.css
@@ -80,6 +80,14 @@ code {
   font-weight: 700;
 }
 
+.ts {
+  background: -webkit-linear-gradient(315deg, #3178c6 45%, #f0dc4e);
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  font-weight: 700;
+}
+
 .actions {
   display: flex;
   padding-top: 32px;