web: Updates classes in templates

web/templates/approval.html

 {{ template "header.html" . }}
 
-<div class="panel">
-  <h2 class="heading">Grant Access</h2>
+<div class="theme-panel">
+  <h2 class="theme-heading">Grant Access</h2>
 
-  <hr>
-  <div class="list-with-title">
-    <div class="subtle-text">{{ .Client }} would like to:</div>
+  <hr class="dex-separator">
+  <div>
+    <div class="dex-subtle-text">{{ .Client }} would like to:</div>
+    <ul class="dex-list">
       {{ range $scope := .Scopes }}
-      <li class="bullet-point">
-        <div class="subtle-text">
-          {{ $scope }}
-        </div>
-      </li>
+      <li>{{ $scope }}</li>
       {{ end }}
+    </ul>
   </div>
-  <hr>
+  <hr class="dex-separator">
 
   <div>
-    <div class="form-row">
+    <div class="theme-form-row">
       <form method="post">
         <input type="hidden" name="req" value="{{ .AuthReqID }}"/>
         <input type="hidden" name="approval" value="approve">
-        <button type="submit" class="btn btn-success">
-            <span class="btn-text">Grant Access</span>
+        <button type="submit" class="dex-btn theme-btn--success">
+            <span class="dex-btn-text">Grant Access</span>
         </button>
       </form>
     </div>
-    <div class="form-row">
+    <div class="theme-form-row">
       <form method="post">
         <input type="hidden" name="req" value="{{ .AuthReqID }}"/>
         <input type="hidden" name="approval" value="rejected">
-        <button type="submit" class="btn btn-provider">
-            <span class="btn-text">Cancel</span>
+        <button type="submit" class="dex-btn dex-btn-provider">
+            <span class="dex-btn-text">Cancel</span>
         </button>
       </form>
     </div>

web/templates/login.html

 {{ template "header.html" . }}
 
-<div class="panel">
-  <h2 class="heading">Log in to {{ issuer }} </h2>
-
+<div class="theme-panel">
+  <h2 class="theme-heading">Log in to {{ issuer }} </h2>
   <div>
     {{ range $c := .Connectors }}
-      <div class="form-row">
+      <div class="theme-form-row">
         <a href="{{ $c.URL }}?req={{ $.AuthReqID }}" target="_self">
-          <button class="btn btn-provider">
-            <span class="btn-icon btn-icon-{{ $c.ID }}"></span>
-            <span class="btn-text">Log in with {{ $c.Name }}</span>
+          <button class="dex-btn dex-btn-provider">
+            <span class="dex-btn-icon dex-btn-icon--{{ $c.ID }}"></span>
+            <span class="dex-btn-text">Log in with {{ $c.Name }}</span>
           </button>
         </a>
       </div>
     {{ end }}
   </div>
-
 </div>
 
-
 {{ template "footer.html" . }}

web/templates/oob.html

 {{ template "header.html" . }}
 
-<div class="panel">
-  <h2 class="heading">Login Successful</h2>
-
-  Please copy this code, switch to your application and paste it there:
-  <br/>
-  <input type="text" value="{{ .Code }}" />
+<div class="theme-panel">
+  <h2 class="theme-heading">Login Successful</h2>
+  <p>Please copy this code, switch to your application and paste it there:</p>
+  <input type="text" class="theme-form-input" value="{{ .Code }}" />
 </div>
 
 {{ template "footer.html" . }}

web/templates/password.html

 {{ template "header.html" . }}
 
-<div class="panel">
-  <h2 class="heading">Log in to Your Account</h2>
+<div class="theme-panel">
+  <h2 class="theme-heading">Log in to Your Account</h2>
   <form method="post" action="{{ .PostURL }}">
-    <div class="form-row">
-      <div class="input-desc">
+    <div class="theme-form-row">
+      <div class="theme-form-label">
         <label for="userid">Username</label>
       </div>
-	  <input tabindex="1" required id="login" name="login" type="text" class="input-box" placeholder="username" {{ if .Username }}value="{{ .Username }}" {{ else }} autofocus {{ end }}/>
+	  <input tabindex="1" required id="login" name="login" type="text" class="theme-form-input" placeholder="username" {{ if .Username }} value="{{ .Username }}" {{ else }} autofocus {{ end }}/>
     </div>
-    <div class="form-row">
-      <div class="input-desc">
+    <div class="theme-form-row">
+      <div class="theme-form-label">
         <label for="password">Password</label>
       </div>
-	  <input tabindex="2" required id="password" name="password" type="password" class="input-box" placeholder="password" {{ if .Invalid }} autofocus {{ end }}/>
+	  <input tabindex="2" required id="password" name="password" type="password" class="theme-form-input" placeholder="password" {{ if .Invalid }} autofocus {{ end }}/>
     </div>
     <input type="hidden" name="req" value="{{ .AuthReqID }}"/>
 
     {{ if .Invalid }}
-      <div class="error-box">
+      <div class="dex-error-box">
         Invalid username and password.
       </div>
     {{ end }}
 
-    <button tabindex="3" type="submit" class="btn btn-primary">Login</button>
+    <button tabindex="3" type="submit" class="dex-btn theme-btn--primary">Login</button>
 
   </form>
 </div>