fix: 🐛 修复失效的样式

README.md

@@ -1,3 +1,5 @@
+**这个项目是 [component-party](https://github.com/matschik/component-party.dev) 的中文汉化版本，如果有帮助希望点个Star支持下，我会持续更新语法**
+
 ![Component Party 🎉](.github/banner.webp)
 
 > 通过语法和特性快速概述Web组件JS框架
@@ -8,8 +10,6 @@
 
 许多JS开发者并未对所有现有的JS框架及其自身的语法和特性有一个良好的概览。我们如何解决这个问题呢？开发者们喜欢通过例子来了解框架的概览。这是在深入学习之前的快速介绍。
 
-这个项目是 [component-party](https://github.com/matschik/component-party.dev) 的中文版本
-
 ## 🔥 Progression
 
 <!-- progression start -->

src/App.svelte

@@ -149,7 +149,7 @@
           class={c(
             "text-sm flex-shrink-0 rounded border border-gray-700 px-3 py-1 border-opacity-50 bg-gray-900 hover:bg-gray-800 transition-all mr-2",
             frameworkIdsSelected.has(framework.id)
-              ? "border-blue-300 contrast-125"
+              ? "!border-[#93c5fd80] contrast-125"
               : "opacity-70"
           )}
           on:click={() => toggleFrameworkId(framework.id)}
@@ -164,7 +164,7 @@
             class={c(
               "text-sm flex-shrink-0 rounded border border-gray-700 px-3 py-1 border-opacity-50 bg-gray-900 hover:bg-gray-800 transition-all mr-2",
               frameworkIdsSelected.has(framework.id)
-                ? "border-blue-500"
+                ? "!border-[#93c5fd80] contrast-125"
                 : "opacity-70"
             )}
             on:click={() => toggleFrameworkId(framework.id)}
@@ -214,7 +214,7 @@
               >
                 <img src="/popper.svg" alt="logo" class="w-6 h-6" />
                 <span>
-                  Please select a framework to view framework's snippets
+                  请选择框架以查看框架片段代码
                 </span>
                 <img src="/popper.svg" alt="logo" class="w-6 h-6" />
               </p>