Issue #2941397: Have the [Varbase Auth] feature Styled for the...

Issue #2941397: Have the [Varbase Auth] feature Styled for the VARTHEME_SUBTHEME theme, so that Themers could change the style in their Vartheme sub theme.

themes/vartheme/VARTHEME_SUBTHEME/templates/betterlogin/page--user--login.html.twig

@@ -21,9 +21,16 @@
         {% endif %}
       </div>
       <div id="middle-part">
-        <h2 class="title">{{ title }}</h2>
         {{ page.header|without('VARTHEME_SUBTHEME_local_tasks', 'VARTHEME_SUBTHEME_breadcrumbs', 'VARTHEME_SUBTHEME_local_actions', 'VARTHEME_SUBTHEME_page_title') }}
-        {{ page.content }}
+        {% if (VARBASE_AUTH.modules_enabled.value) and (page.content.socialauthlogin) %}
+          <h2 class="block-title"><span> {{ "Login with"|t }} </span></h2>
+          {{ page.content.socialauthlogin }}
+          <h2 class="block-title"><span> {{ "or"|t }} </span></h2>
+          {{ page.content|without('socialauthlogin') }}
+        {% else %}
+          <h2 class="block-title"><span> {{ title }} </span></h2>
+          {{ page.content }}
+        {% endif %}
       </div>
       <div id="bottom-part">
         <div class="password-link">

themes/vartheme/VARTHEME_SUBTHEME/templates/betterlogin/page--user--register.html.twig

@@ -21,9 +21,16 @@
         {% endif %}
       </div>
       <div id="middle-part">
-        <h2 class="title">{{ title }}</h2>
         {{ page.header|without('VARTHEME_SUBTHEME_local_tasks', 'VARTHEME_SUBTHEME_breadcrumbs', 'VARTHEME_SUBTHEME_local_actions', 'VARTHEME_SUBTHEME_page_title') }}
-        {{ page.content }}
+        {% if (VARBASE_AUTH.modules_enabled.value) and (page.content.socialauthlogin) %}
+          <h2 class="block-title"><span> {{ "Sign up with"|t }} </span></h2>
+          {{ page.content.socialauthlogin }}
+          <h2 class="block-title"><span> {{ "or"|t }} </span></h2>
+          {{ page.content|without('socialauthlogin') }}
+        {% else %}
+          <h2 class="block-title"><span> {{ title }} </span></h2>
+          {{ page.content }}
+        {% endif %}
       </div>
       <div id="bottom-part">
       {% if not logged_in %}