Green button

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>

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;
 }

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>
     </>

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>
     </>