Remove css & hardcoded color

Author: yuriyivanenko

Diff for: playbook/app/pb_kits/playbook/pb_select/_select.scss

@@ -201,11 +201,6 @@
       background-color: $hover_dark;
     }
   }
-  .pb_select_kit_label {
-    > div:first-child{
-      color: $text_dk_light;
-    }
-  }
   option {
     color: $text_dk_default;
   }
@@ -234,7 +229,7 @@
     &:hover {
       select {
         color: $white !important;
-        background: rgba(196, 221, 245, 0.1);
+        background: $focus_input_dark;
       }
       svg {
         color: $primary !important;

Diff for: playbook/app/pb_kits/playbook/pb_select/select.html.erb

@@ -5,7 +5,7 @@
   **combined_html_options) do %>
   <% if object.label %>
     <label class="pb_select_kit_label" for="<%= object.name %>">
-      <%= pb_rails("caption", props: { text: object.label }) %>
+      <%= pb_rails("caption", props: { text: object.label, dark: object.dark }) %>
     </label>
   <% end %>
   <label class="<%= object.select_wrapper_class %>" for="<%= object.name %>">