Enhance: update readme screenshot (#252)

Co-authored-by: Jonghakseo <[email protected]>

README.md

@@ -25,6 +25,7 @@
 - [Screenshots](#screenshots)
     - [NewTab](#newtab)
     - [Popup](#popup)
+    - [Devtools](#devtools)
 - [Examples](#examples)
 - [Documents](#documents)
 
@@ -85,11 +86,17 @@ This boilerplate is made for creating chrome extensions using React and Typescri
 
 ### New Tab <a name="newtab"></a>
 
-<img width="971" src="https://user-images.githubusercontent.com/53500778/162631646-cd40976b-b737-43d0-8e6a-6ac090a2e2d4.png">
+<img width="800" alt="newtab" src="https://github.com/Jonghakseo/chrome-extension-boilerplate-react-vite/assets/53500778/3e782e41-b605-4956-90e2-20cc48252820">
 
 ### Popup <a name="popup"></a>
 
-<img width="314" alt="popup" src="https://user-images.githubusercontent.com/53500778/203561728-23517d46-12e3-4139-8a4f-e0b2f22a6ab3.png">
+| Black | White |
+|--------|--------|
+| <img width="300" alt="black" src="https://github.com/Jonghakseo/chrome-extension-boilerplate-react-vite/assets/53500778/35423617-e6f5-4f65-adb3-03f068236648"> | <img width="300" alt="white" src="https://github.com/Jonghakseo/chrome-extension-boilerplate-react-vite/assets/53500778/99886d92-b6f0-4e41-b70e-5afc6d2f7eab"> |
+
+### Devtools <a name="devtools"></a>
+
+<img width="450" alt="devtools" src="https://github.com/Jonghakseo/chrome-extension-boilerplate-react-vite/assets/53500778/467d719d-a7db-4f77-8504-cd5ce7567793">
 
 ## Examples <a name="examples"></a>