From 69518588e2b0d36312e61a43dadf0f585e94a65e Mon Sep 17 00:00:00 2001
From: masaki-fukumura <meihoge562016208@gmail.com>
Date: Mon, 30 Dec 2024 19:18:00 +0900
Subject: [PATCH 1/2] Create new branch green-button

---
 src/App.tsx            | 12 ++++++------
 src/index.css          |  2 +-
 src/uploadImage.tsx    |  4 ++--
 src/uploadMarkdown.tsx |  4 ++--
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index fb5e8d9..8065cd7 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -146,7 +146,7 @@ export default function App() {
       <div className="save_container">
         <div className="upload_save">
           <UploadMarkdown onFileContentChange={setFileContent} />
-          <Button variant="text" onClick={saveFile}>
+          <Button variant="contained" onClick={saveFile} color="success">
             保存
           </Button>
         </div>
@@ -156,13 +156,13 @@ export default function App() {
       </div>
       {visualize == false && (
         <>
-          <div className="upload_save">
+        <div className="upload_save">
             <Button
-              variant="text"
+              variant="contained"
               onClick={() => {
                 setVisualize(true);
               }}
-            >
+              color="success">
               編集画面の表示
             </Button>
           </div>
@@ -176,11 +176,11 @@ export default function App() {
         <>
           <div className="upload_save">
             <Button
-              variant="text"
+              variant="contained"
               onClick={() => {
                 setVisualize(false);
               }}
-            >
+              color="success">
               編集画面の非表示
             </Button>
           </div>
diff --git a/src/index.css b/src/index.css
index cb6cd9b..d7b478c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -79,7 +79,7 @@ button {
   font-size: 1em;
   font-weight: 500;
   font-family: inherit;
-  background-color: #70ffe0;
+  background-color: #C9F569;
   cursor: pointer;
   transition: border-color 0.25s;
 }
diff --git a/src/uploadImage.tsx b/src/uploadImage.tsx
index e0a3396..362d573 100644
--- a/src/uploadImage.tsx
+++ b/src/uploadImage.tsx
@@ -60,10 +60,10 @@ export default function UploadImage({ onImageChange }: ImageUploadProps) {
         />
       </label>
 
-      <Button onClick={() => fileInputRef.current?.click()}>
+      <Button variant="contained" onClick={() => fileInputRef.current?.click()}color="success">
         ファイルを選択
       </Button>
-      <Button onClick={deleteStoredImage}>
+      <Button variant="contained" onClick={deleteStoredImage} color="success">
         消去する
       </Button>
     </>
diff --git a/src/uploadMarkdown.tsx b/src/uploadMarkdown.tsx
index d1ccd45..c38cdca 100644
--- a/src/uploadMarkdown.tsx
+++ b/src/uploadMarkdown.tsx
@@ -63,10 +63,10 @@ export default function UploadMarkdown({ onFileContentChange }: MarkdownProps) {
         />
       </label>
 
-      <Button onClick={() => fileInputRef.current?.click()}>
+      <Button variant="contained" onClick={() => fileInputRef.current?.click()} color="success">
         ファイルを選択
       </Button>
-      <Button onClick={deleteStoredText}>
+      <Button variant="contained" onClick={deleteStoredText} color="success">
         消去する
       </Button>
     </>

From 9e510b2c84d97382790cabf9209a297cba0ac044 Mon Sep 17 00:00:00 2001
From: masaki-fukumura <meihoge562016208@gmail.com>
Date: Mon, 30 Dec 2024 19:30:02 +0900
Subject: [PATCH 2/2] button variant is text

---
 src/App.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 8065cd7..3009ee3 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -146,7 +146,7 @@ export default function App() {
       <div className="save_container">
         <div className="upload_save">
           <UploadMarkdown onFileContentChange={setFileContent} />
-          <Button variant="contained" onClick={saveFile} color="success">
+          <Button variant="text" onClick={saveFile} color="success">
             保存
           </Button>
         </div>
@@ -158,7 +158,7 @@ export default function App() {
         <>
         <div className="upload_save">
             <Button
-              variant="contained"
+              variant="text"
               onClick={() => {
                 setVisualize(true);
               }}
@@ -176,7 +176,7 @@ export default function App() {
         <>
           <div className="upload_save">
             <Button
-              variant="contained"
+              variant="text"
               onClick={() => {
                 setVisualize(false);
               }}