Create prose color and explicitly define .subquestion

Author: abelsiqueira

quasar.conf.js

@@ -94,6 +94,7 @@ module.exports = configure(function () {
                     accent: '#9C27B0',
 
                     formcard: '#efefef',
+                    prose: '#333',
 
                     dark: '#333',
 

src/css/app.css

@@ -169,28 +169,33 @@ body {
 .page-title,
 .finish-title {
     font-family: "Roboto", sans-serif;
-    color: #333;
+    color: var(--q-prose);
     font-size: 1.4rem;
     font-weight: 400;
     margin-top: 10px;
     margin-bottom: 60px;
 }
-.question, .subquestion {
+.question {
     font-family: "Roboto Condensed", sans-serif;
-    color: #333;
+    color: var(--q-prose);
     font-size: 1.1rem;
     font-weight: 400;
     margin-top: 12px;
     margin-bottom: 7px;
     line-height: normal;
 }
 .subquestion {
-    font-size: 0.9rem;
+    font-family: "Roboto Condensed", sans-serif;
+    color: var(--q-prose);
+    font-size: 1.1rem;
+    font-weight: 400;
     margin: 0px;
+    line-height: normal;
+    font-size: 0.9rem;
 }
 .finish-paragraph {
     font-family: "Roboto Condensed", sans-serif;
-    color: #333;
+    color: var(--q-prose);
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.7;