diff --git a/src/App.tsx b/src/App.tsx
index fb5e8d9..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="text" onClick={saveFile}>
+          <Button variant="text" 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"
               onClick={() => {
                 setVisualize(true);
               }}
-            >
+              color="success">
               編集画面の表示
             </Button>
           </div>
@@ -180,7 +180,7 @@ export default function App() {
               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>
     </>