テキストのカラーを変更

diff --git a/src/components/todo.vue b/src/components/todo.vue
index 9426b09..48a10c5 100644 (file)
--- a/src/components/todo.vue
+++ b/src/components/todo.vue
@@ -10,7 +10,7 @@
     
     
       <label class="inline-block align-middle w-10/12" :for="data.id">
-        <input class="bg-transparent border-b block border-gray-500 mb-2 text-gray-500 pb-1 w-full" 
+        <input class="bg-transparent border-b block border-gray-500 mb-2 text-gray-900 pb-1 w-full"
               placeholder="やること/やりたいこと" 
               v-model="data.name"
               @change="onTextChange(data)"/>

diff --git a/src/components/todoApp.vue b/src/components/todoApp.vue
index fdfbdc1..6ace4c2 100644 (file)
--- a/src/components/todoApp.vue
+++ b/src/components/todoApp.vue
@@ -7,7 +7,7 @@
               list="todo_header" 
               v-model="titleName" 
               @input="onHeaderChange"
-              class="form-select w-11/12 px-3 py-2 mb-1 border-2 border-gray-200 rounded-md focus:outline-none focus:border-indigo-500 transition-colors cursor-pointer" />
+              class="form-select w-11/12 px-3 py-2 mb-1 border-2 border-gray-200 rounded-md focus:outline-none focus:border-indigo-500 transition-colors cursor-pointer text-gray-900" />
         <button class="bg-blue-500 w-10 h-10 p-3 ml-3 text-sm font-bold tracking-wider text-white rounded-full hover:bg-red-600 inline-flex items-center justify-center"
           v-if="selectedOption == null"
           @click="addHeader">