fixing issue where form styling could be improved on dark backgrounds…

…/white text color #3258
CuBoulder · Mar 19, 2019 · c46eff1 · c46eff1
1 parent 0e55f8b
commit c46eff1
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 7 deletions.
diff --git a/themes/ucb/css/ucb-styles.css b/themes/ucb/css/ucb-styles.css
diff --git a/themes/ucb/css/ucb.css b/themes/ucb/css/ucb.css
diff --git a/themes/ucb/scss/components/_forms.scss b/themes/ucb/scss/components/_forms.scss
@@ -23,7 +23,8 @@ input[type=tel],
 textarea {
   padding:10px;
   border:1px solid $border;
-  background-color: rgba(128,128,128,.1);
+  background-color: #f2f2f2;
+  color: $text-black;
   color:inherit;
   line-height: 150%;
 }
@@ -46,12 +47,16 @@ textarea:focus,
 input[type=text]:focus,
 input[type=email]:focus,
 input[type=tel]:focus {
-  background-color: rgba(128,128,128,.2);
+  background-color: #e7e7e7;
+  color: $text-black;
   outline: $blue solid 2px;
 }
 select:focus {
   outline: $blue solid 2px;
 }
+select[multiple=multiple] {
+  padding: 5px;
+}
 input[type=submit],
 form button {
   color:#222;
@@ -85,7 +90,7 @@ fieldset {
   padding:10px;
   border:1px solid $border;
   min-width: auto;
-  
+
   legend {
     font-weight: bold;
     font-size: 120%;