Template Popup was not looking a little bit different + root variables in global css so that changes become easy

[pushkarydv]

Template popup was not so much different from document so it has been given a border same as the theme

• a id has been added to popup and that id provides border color according to theme defined in global.css
• applied on all themes
  one example is here:
  

root variables in global css

• colors were being rewritten a lot of times in global css so i've defined all colors and their light also in root variables and used them everywhere, tested 👍
• This will also help in easily maintaining theme colors

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/vishwagauravin/pro-writer/4sVKcHKc3r19oTgMQ3AdmF94bhJW
✅ Preview: https://pro-writer-git-fork-pushkarydv-master-vishwagauravin.vercel.app

[VishwaGauravIn]

Border is not added purposely