Update readme and screenshot

Author: guasam

README.md

@@ -1,18 +1,18 @@
-# Electron React Webpack Typescript - Boilerplate 2021
+# Electron Vue Typescript Webpack - Boilerplate 2021
 
-ERWT is a minimal boilerplate for writing Desktop Applications using [Electron](https://www.electronjs.org/), [React](https://reactjs.org/), [Webpack](https://webpack.js.org/) & [TypeScript](https://www.typescriptlang.org/). <br /> This project makes use of latest packages and configurations to serve the best environment for development.
+EVTW is a minimal boilerplate for writing Desktop Applications using [Electron](https://www.electronjs.org/), [React](https://reactjs.org/), [Webpack](https://webpack.js.org/) & [TypeScript](https://www.typescriptlang.org/). <br /> This project makes use of latest packages and configurations to serve the best environment for development.
 
 ## Screenshot
 
-<img src="assets/images/screen4.png" />
+<img src="assets/images/screen100.png" />
 
 <br>
 
 ## Core Features
 
 - 🌟 Electron
 - 🌀 TypeScript
-- ⚛️ React
+- ✌🏻 Vue
 - 🛶 LESS Loader
 - 🎨 CSS Loader
 - 📸 Image Loader
@@ -26,24 +26,15 @@ ERWT is a minimal boilerplate for writing Desktop Applications using [Electron](
 
 <br />
 
-## Similar Useful Projects
-
-| | Similar projects you might be interested in |
-|---|---|
-| Name | [Electron Cauldron React](https://github.com/codesbiome/electron-cauldron-react) &nbsp; <img src="https://github.com/codesbiome/electron-cauldron-react/raw/main/assets/images/cauldron.png" width="24" /> |
-| Description | Electron Cauldron React is a custom boilerplate project for developing Desktop Applications using Electron, React, Webpack & Typescript. |
-
-<br />
-
 ## Installation
 
-#### To install the ERWT boilerplate you need to run following commands
+#### To install the EVTW boilerplate you need to run following commands
 
 Clone the repository :
 
 ```bash
-git clone https://github.com/codesbiome/electron-react-webpack-typescript-2021 erwt
-cd erwt
+git clone https://github.com/codesbiome/electron-vue-typescript-webpack-2021 evtw
+cd evtw
 ```
 <br>
 

assets/images/screen100.png

@@ -2,13 +2,13 @@
 // Variables
 //-----------------------------------------
 
-@base-bg-color: #171b21;
+@base-bg-color: #0e141a;
 @base-text-color: #d8d8d8;
 @base-font-size: 16px;
 @base-line-height: 1.15;
 @base-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu,
   Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-@cont-bg-color: #1f252d;
+@cont-bg-color: #151c21;
 
 //-----------------------------------------
 // Style Rules
@@ -55,7 +55,7 @@ main {
 }
 
 button {
-  background-color: #2d5e2b;
+  background-color: hsl(153, 55%, 28%);
   border: 0;
   padding: 0.5rem 1rem;
   border-radius: 4px;
@@ -68,10 +68,10 @@ button {
   outline: none;
 
   &:hover {
-    background-color: #275425;
+    background-color: hsl(153, 55%, 30%);
   }
   &:active {
-    background-color: #224b20;
+    background-color: hsl(153, 55%, 26%);
   }
 
   & > span {
@@ -102,15 +102,15 @@ button {
     h1 {
       font-size: 1.5em;
       font-weight: 400;
-      color: #85aeec;
+      color: #46a177;
       line-height: 1;
       text-transform: uppercase;
     }
   }
 
   &-teaser {
     color: #8e96a2;
-    background-color: #1f252d;
+    background-color: #151c21;
     padding: 1em;
     border-radius: 4px;
     line-height: 1.6;
@@ -121,7 +121,7 @@ button {
     &.small {
       font-size: 0.9375em;
       color: #8c919c;
-      background: #21252d;
+      background: #151c21;
     }
 
     img {