select element css fixes for dark skin

pichalite · Aug 10, 2016 · 860a6bb · 860a6bb
1 parent bd29307
commit 860a6bb
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 4 deletions.
diff --git a/less/composer.less b/less/composer.less
@@ -85,10 +85,14 @@
 
 .composer-container .btn.btn-info {
     box-shadow: none !important;
-    color: #00bcd4;
-    background-color: #fff;
+    color: @body-color;
+    background-color: @composer-bg-color;
     &:hover, &:active, &:focus, &:visited {
-        background-color: #eee;
+        background-color: @composer-bg-color;
+    }
+
+    .caret {
+    	color: @body-color;
     }
 }
 

diff --git a/less/input.less b/less/input.less
@@ -591,4 +591,9 @@ html:not(.ie9) .select.fg-line:before {
 	    left: -1px;
 	    top: 1px;
 	}
+}
+
+select.form-control option {
+	color: @body-color;
+	background-color: @body-bg-color;
 }
diff --git a/templates/account/edit.tpl b/templates/account/edit.tpl
@@ -88,7 +88,7 @@
 					<div class="form-group fg-line">
 		            	<div class="select">
 			            	<label for="grouptitle">[[user:grouptitle]]</label>
-							<select class="form-control" id="grouptitle" data-property="groupTitle">
+							<select class="form-control" id="groupTitle" data-property="groupTitle">
 								<option value="">[[user:no-group-title]]</option>
 								<!-- BEGIN groups -->
 								<!-- IF groups.userTitleEnabled -->