🎨(templates): Change language and remove gray box in demo template

internal_packages/composer-templates/assets/Welcome to Quick Replies.html

@@ -1,18 +1,11 @@
 <p>
-  Hi there <code class="var empty">{{First Name}}</code>,
+  Hey, <code class="var empty">{{First Name}}</code>!
 </p>
 <p>
   Welcome to the Quick Replies plugin! Here you can create email templates with
-  <code class="var empty">{{variable regions}}</code> that you can quickly fill in
+  <code class="var empty">{{variables}}</code> in double curly braces that you can quickly fill
   before you send your email.
 </p>
-<blockquote>
-<p style="background: #F8F8F8; border: 1px solid #AAA; border-radius: 5px; padding: 5px;">
-  Just wrap text in <code class="var empty">{{double brackets}}</code> to create a variable! <b>You
-  can add <code class="var empty">{{variables}}</code> inside areas of formatted
-  text too.</b>
-</p>
-</blockquote>
 <p>
   When you send your message, the highlighting is always removed so the recipient
   never sees it.
@@ -20,5 +13,5 @@
   Enjoy!
 </p>
 <p>
-  - Nylas Team
+  -Nylas Team
 </p>

internal_packages/composer-templates/lib/preferences-templates.jsx

@@ -304,19 +304,13 @@ class PreferencesTemplates extends React.Component {
 
         <section className="templates-instructions">
           <p>
-            The Quick Replies plugin allows you to create templated email replies, with variables that
+            {`To create a variable, type a set of double curly
-            you can quickly replace before sending your email message. {`To create a variable, type a set of double curly
+            brackets wrapping the variable's name, like this`}: <strong>{"{{"}variable_name{"}}"}</strong>. The highlighting in the variable regions will be removed before the message is
-            brackets wrapping the variable's name, like this`}: <strong>{"{{"}variable_name{"}}"}</strong>
-          </p>
-          <p>
-            Reply templates are saved in the <strong>~/.nylas/templates</strong> directory on your computer. Each template
-            is an HTML file—the name of the file is the name of the template, and its contents are the default message body.
-          </p>
-          <p>
-            In raw HTML, variables are defined as HTML &lt;code&gt; tags with class "var empty". Typing curly brackets creates a tag
-            automatically. The code tags are colored yellow to show the variable regions but will be removed before the message is
             sent.
           </p>
+          <p>
+            Reply templates are saved as HTML files in the <strong>~/.nylas/templates</strong> directory on your computer. In raw HTML, variables are defined as HTML &lt;code&gt; tags with class "var empty".
+          </p>
         </section>
       </div>
     );