Styles for ComboBoxes

src/main/resources/ActorRoleSegment.fxml

@@ -12,7 +12,7 @@
          <children>
             <AnchorPane maxWidth="1.7976931348623157E308" AnchorPane.leftAnchor="0.0" HBox.hgrow="ALWAYS">
                <children>
-                  <ComboBox fx:id="actorName" editable="true" prefWidth="150.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" />
+                  <ComboBox fx:id="actorName" editable="true" prefWidth="150.0" stylesheets="@ComboBoxStyle.css" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" />
                   <Pane prefHeight="3.0" style="-fx-background-color: #9f9f9f;" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="25.0" />
                </children>
             </AnchorPane>

src/main/resources/AddMovieWindow.fxml

@@ -137,9 +137,9 @@
 							  <VBox fx:id="actorsGridAncor" prefHeight="200.0" prefWidth="100.0" style="-fx-background-color: transparent;" />
 						   </content>
 						</ScrollPane>
-                     <ComboBox fx:id="directorTextBox" editable="true" layoutX="174.0" layoutY="248.0" prefHeight="25.0" prefWidth="409.0" AnchorPane.leftAnchor="173.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="249.0" />
-                     <ComboBox fx:id="studioTextBox" editable="true" layoutX="174.0" layoutY="211.0" prefHeight="25.0" prefWidth="409.0" AnchorPane.leftAnchor="173.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="211.0" />
-                     <ComboBox fx:id="genreTextBox" editable="true" layoutX="173.0" layoutY="91.0" prefHeight="25.0" prefWidth="409.0" AnchorPane.leftAnchor="173.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="91.0" />
+                     <ComboBox fx:id="directorTextBox" editable="true" layoutX="174.0" layoutY="248.0" prefHeight="25.0" prefWidth="409.0" stylesheets="@ComboBoxStyle.css" AnchorPane.leftAnchor="173.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="249.0" />
+                     <ComboBox fx:id="studioTextBox" editable="true" layoutX="174.0" layoutY="211.0" prefHeight="25.0" prefWidth="409.0" stylesheets="@ComboBoxStyle.css" AnchorPane.leftAnchor="173.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="211.0" />
+                     <ComboBox fx:id="genreTextBox" editable="true" layoutX="173.0" layoutY="91.0" prefHeight="25.0" prefWidth="409.0" stylesheets="@ComboBoxStyle.css" AnchorPane.leftAnchor="173.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="91.0" />
 					 </AnchorPane>
 					 <AnchorPane prefWidth="604.0" VBox.vgrow="SOMETIMES">
 						<children>

src/main/resources/AddMovieWindowStyle.css

@@ -10,3 +10,44 @@
 .scroll-pane .content {
     -fx-background-color: transparent;
 }
+
+.combo-box {
+    -fx-background-color: #212121, #212121;
+    -fx-background: #9f9f9f;
+    -fx-color: #9f9f9f;
+}
+
+.combo-box .text-input {
+    -fx-background-color: transparent, transparent;
+    -fx-background: transparent;
+    -fx-color: transparent;
+    -fx-text-fill: #9F9F9F;
+}
+
+.combo-box .list-cell
+{
+    -fx-background: #212121;
+    -fx-text-fill: #9F9F9F;
+}
+
+.combo-box-popup .list-view .list-cell:filled:selected, .combo-box-popup .list-view .list-cell:filled:selected:hover
+{
+    -fx-background: #212121;
+    -fx-background-color: #212121;
+    -fx-text-fill: #9F9F9F;
+}
+
+.combo-box-base:hover
+{
+    -fx-color: #9f9f9f;
+    -fx-text-fill: #212121;
+}
+
+
+.combo-box-popup .list-view
+{
+    -fx-background-color: #212121, #212121;
+    -fx-background-insets: 0, 1;
+    -fx-effect: dropshadow( three-pass-box , rgba(0,0,0,0.6) , 8, 0.0 , 0 , 0 );
+    -fx-text-fill: #9F9F9F;
+}

src/main/resources/ComboBoxStyle.css

@@ -0,0 +1,14 @@
+.root {
+    -fx-font-size: 11pt;
+    -fx-font-family: "Verdana";
+    -fx-background: #FFFFFF;
+}
+
+.normal-label {
+    -fx-text-fill: #005EB8;
+}
+
+.normal-text-field {
+    -fx-text-fill: #333333;
+}
+

src/main/resources/EditMovieWindow.fxml

@@ -137,9 +137,9 @@
                            <VBox fx:id="actorsGridAncor" prefHeight="200.0" prefWidth="100.0" style="-fx-background-color: transparent;" />
                         </content>
                      </ScrollPane>
-                     <ComboBox fx:id="directorTextBox" editable="true" layoutX="174.0" layoutY="248.0" prefHeight="25.0" prefWidth="409.0" AnchorPane.leftAnchor="173.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="248.0" />
-                     <ComboBox fx:id="studioTextBox" editable="true" layoutX="174.0" layoutY="211.0" prefHeight="25.0" prefWidth="409.0" AnchorPane.leftAnchor="173.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="211.0" />
-                     <ComboBox fx:id="genreTextBox" editable="true" layoutX="173.0" layoutY="91.0" prefHeight="25.0" prefWidth="409.0" AnchorPane.leftAnchor="173.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="91.0" />
+                     <ComboBox fx:id="directorTextBox" editable="true" layoutX="174.0" layoutY="248.0" prefHeight="25.0" prefWidth="409.0" stylesheets="@ComboBoxStyle.css" AnchorPane.leftAnchor="173.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="248.0" />
+                     <ComboBox fx:id="studioTextBox" editable="true" layoutX="174.0" layoutY="211.0" prefHeight="25.0" prefWidth="409.0" stylesheets="@ComboBoxStyle.css" AnchorPane.leftAnchor="173.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="211.0" />
+                     <ComboBox fx:id="genreTextBox" editable="true" layoutX="173.0" layoutY="91.0" prefHeight="25.0" prefWidth="409.0" stylesheets="@ComboBoxStyle.css" AnchorPane.leftAnchor="173.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="91.0" />
                   </AnchorPane>
                   <AnchorPane prefWidth="604.0" VBox.vgrow="SOMETIMES">
                      <children>