✨ Added Tweet button, updated light theme

assets/css/styles.scss

@@ -21,7 +21,7 @@ $responsiveWidth: 720px;
 
 ::placeholder {
   color: var(--fg-color);
-  opacity: 0.2;
+  opacity: 0.3;
 }
 
 * {

assets/css/themes.scss

@@ -25,19 +25,19 @@
 }
 
 :root.light {
-  --bg-dark-color: #e1e4eb;
+  --bg-dark-color: #7a7a7a;
   // Background color
-  --bg-color: #ebeef5;
+  --bg-color: #fff;
   // Auto-complete color
-  --atc-color: #e1e4eb;
+  --atc-color: #ebebeb;
   // Text color
-  --fg-color: #5d5d5f;
+  --fg-color: #525252;
   // Border color
-  --brd-color: #ccc;
+  --brd-color: #f2f2f2;
   // Error color
-  --err-color: invert(#3C4556, 1);
+  --err-color: invert(#303341, 1);
   // Active color
   --ac-color: #57b5f9;
   // Active text color
-  --act-color: #ebeef5;
+  --act-color: #fff;
 }

components/modal.vue

@@ -25,7 +25,7 @@
     left: 0;
     width: 100%;
     height: 100%;
-    background-color: rgba(0, 0, 0, 0.5);
+    background-color: rgba(0, 0, 0, 0.3);
     display: flex;
     align-items: center;
     justify-content: center;

layouts/default.vue

@@ -27,6 +27,9 @@
         <div>
           <a href="https://github.com/liyasthomas/postwoman" target="_blank" rel="noopener"><img id="imgGitHub" src="~static/icons/github.svg" alt="" :style="logoStyle()">GitHub</a>
         </div>
+        <div>
+          <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-size="large" data-text="👽 Postwoman - API request builder - Helps you create your requests faster, saving you precious time on your development" data-url="https://postwoman.io" data-via="liyasthomas" data-hashtags="postwoman" data-related="liyasthomas" data-show-count="false">Tweet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+        </div>
         <button id="installPWA" @click.prevent="showInstallPrompt()">
           Install PWA
         </button>