Add color bg for string questions

Author: jmshea

jupyterquiz/__init__.py

@@ -11,5 +11,5 @@
 All files in the package are distributed under the MIT License
 '''
 
-__version__ = '2.9.6.1'
+__version__ = '2.9.6.2'
 from .dynamic import display_quiz, capture_responses

jupyterquiz/dynamic/display.py

@@ -41,6 +41,7 @@ def display_quiz(ref, num=1_000_000, shuffle_questions=False,
         '--jq-numeric-input-bg': '#c0c0c0',
         '--jq-numeric-input-label': '#101010',
         '--jq-numeric-input-shadow': '#999999',
+        '--jq-string-bg': '#4c1a57',
         '--jq-incorrect-color': '#c80202',
         '--jq-correct-color': '#009113',
         '--jq-text-color': '#fafafa'
@@ -56,6 +57,7 @@ def display_quiz(ref, num=1_000_000, shuffle_questions=False,
         '--jq-numeric-input-bg': '#c0c0c0',
         '--jq-numeric-input-label': '#101010',
         '--jq-numeric-input-shadow': '#999999',
+        '--jq-string-bg': '#861657',
         '--jq-incorrect-color': '#666666',
         '--jq-correct-color': '#87a878',
         '--jq-text-color': '#fafafa'

jupyterquiz/styles.css

@@ -141,6 +141,18 @@
     color: inherit;
 }
 
+.StringQn {
+    background: var(--jq-string-bg);
+    border-radius: inherit;
+    color: var(--jq-text-color);
+    padding: 10px;
+}
+
+.StringQn p {
+    color: inherit;
+}
+
+
 .InpLabel {
     color: var(--jq-numeric-input-label);
     float: left;