refactor: update style

web-tech-tw · Jan 14, 2025 · e9febd6 · e9febd6
1 parent 6dc3773
commit e9febd6
Show file tree

Hide file tree

Showing 11 changed files with 14 additions and 14 deletions.
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>template.inte</title>
+  <title>IT Tools</title>
   <link rel="icon" href="/favicon.ico">
   <style>
     .js-required>div {

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "template.inte",
+  "name": "tools",
   "private": true,
   "version": "0.0.0",
   "type": "module",

diff --git a/src/components/AppFooter.vue b/src/components/AppFooter.vue
@@ -6,7 +6,7 @@
     <div class="max-w-7xl mx-auto mt-5 divide-y divide-gray-200 px-4 sm:px-6 md:px-8 text-sky-700">
       <a
         class="mr-3"
-        href="https://github.com/web-tech-tw/template.inte"
+        href="https://github.com/web-tech-tw/tools"
       >網站原始碼</a>
       <a
         class="mr-3"

diff --git a/src/components/AppHeaderMobile.vue b/src/components/AppHeaderMobile.vue
@@ -13,7 +13,7 @@
           </div>
           <div class="-mr-2">
             <button
-              class="bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500"
+              class="bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-emerald-500"
               type="button"
             >
               <span class="sr-only">Close menu</span>

diff --git a/src/components/AppHeaderMobileIconButton.vue b/src/components/AppHeaderMobileIconButton.vue
@@ -1,7 +1,7 @@
 <template>
   <button
     aria-expanded="false"
-    class="bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500"
+    class="bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-emerald-500"
     type="button"
   >
     <slot />

diff --git a/src/components/AppHeaderMobileMenuDropdown.vue b/src/components/AppHeaderMobileMenuDropdown.vue
@@ -2,7 +2,7 @@
   <div class="relative">
     <button
       aria-expanded="false"
-      class="text-gray-500 group bg-white rounded-md inline-flex items-center text-base font-medium hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 w-full"
+      class="text-gray-500 group bg-white rounded-md inline-flex items-center text-base font-medium hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-emerald-500 w-full"
       type="button"
       @click="onClickDropdown"
     >

diff --git a/src/components/AppHeaderNormalMenuDropdown.vue b/src/components/AppHeaderNormalMenuDropdown.vue
@@ -2,7 +2,7 @@
   <div class="relative">
     <button
       aria-expanded="false"
-      class="h-8 text-gray-500 group bg-white rounded-md inline-flex items-center text-base font-medium hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
+      class="h-8 text-gray-500 group bg-white rounded-md inline-flex items-center text-base font-medium hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-emerald-500"
       type="button"
       @click="onClickDropdown"
     >

diff --git a/src/components/AppHeaderNormalMenuItem.vue b/src/components/AppHeaderNormalMenuItem.vue
@@ -1,7 +1,7 @@
 <template>
   <button
     aria-expanded="false"
-    class="h-8 text-gray-500 bg-white rounded-md inline-flex items-center text-base font-medium hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
+    class="h-8 text-gray-500 bg-white rounded-md inline-flex items-center text-base font-medium hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-emerald-500"
     type="button"
   >
     <slot name="prepend" />

diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
@@ -18,13 +18,13 @@
     </div>
     <div class="flex justify-center my-16">
       <button
-        class="flex mx-3 items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-violet-100 bg-violet-700 hover:bg-violet-600 md:py-4 md:text-lg md:px-10"
+        class="flex mx-3 items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-emerald-100 bg-emerald-700 hover:bg-emerald-600 md:py-4 md:text-lg md:px-10"
         @click="onClickGenerate"
       >
         生成
       </button>
       <button
-        class="flex mx-3 items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-violet-700 bg-violet-100 hover:bg-violet-200 md:py-4 md:text-lg md:px-10"
+        class="flex mx-3 items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-emerald-700 bg-emerald-100 hover:bg-emerald-200 md:py-4 md:text-lg md:px-10"
         @click="onClickCopy"
       >
         {{ copyMessage }}

diff --git a/src/views/NotFoundView.vue b/src/views/NotFoundView.vue
@@ -2,7 +2,7 @@
   <div class="mt-10 mx-auto py-10 max-w-7xl px-12">
     <div class="sm:text-center lg:text-left">
       <h1 class="text-4xl tracking-tight font-bold text-gray-900">
-        <span class="block text-indigo-600 xl:inline md:mr-3">404</span>
+        <span class="block text-emerald-600 xl:inline md:mr-3">404</span>
         <span class="block xl:inline">頁面不存在</span>
       </h1>
       <p class="mt-3 text-base text-gray-500 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0">
@@ -11,7 +11,7 @@
       <div class="mt-5 sm:mt-16 sm:flex sm:justify-center lg:justify-start">
         <div class="mt-3 sm:mt-0 sm:ml-3">
           <router-link
-            class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-700 bg-indigo-100 hover:bg-indigo-200 md:py-4 md:text-lg md:px-10"
+            class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-emerald-700 bg-emerald-100 hover:bg-emerald-200 md:py-4 md:text-lg md:px-10"
             to="/"
           >
             回首頁