Disabled styles customizing fix and Readme fix

Author: Awatea

README.md

@@ -55,6 +55,7 @@ Insert the following selector anywhere in your project (global) or in your exist
 | **width** | number | Determines the width of the dropdown button & options drawer |
 | **placeholder** | string | The text shown on the dropdown button by default |
 | **prefix** | string | A text prefix that will be added before the placeholder text |
+| **disabled** | boolean | Set true if the dropdown should be disabled |
 
 ## Customized Styling
 
@@ -64,6 +65,8 @@ Insert the following selector anywhere in your project (global) or in your exist
 | **hoverBackgroundColor** | string | Set the dropdown button & options hover background color |
 | **border** | string | Set the dropdown button & options border |
 | **textColor** | string | Set the dropdown button & options text color |
+| **disabledBackgroundColor** | string | Set the disabled dropdown button background color |
+| **disabledTextColor** | string | Set the disabled dropdown button text color |
 
 ## Events
 | Event Name | Returns | Description |
@@ -93,7 +96,8 @@ data: function() {
                 },
             ],
             prefix: "The",
-            backgroundColor: "green"
+            backgroundColor: "green", 
+            disabled: false,
         }
     }
 }

dropdown.scss

@@ -2,7 +2,6 @@
 $default-text-hover-color: black;
 $default-hover-color: #cde4f5;
 $default-text-color: #fff;
-$disabled-text-color: #555;
 $option-padding: 4px 10px;
 
 .dropdown {
@@ -82,7 +81,6 @@ $option-padding: 4px 10px;
   }
 
   &.disabled {
-    color: $disabled-text-color;
     cursor: not-allowed;
   }
 }

dropdown.vue

@@ -48,6 +48,7 @@
 				backgroundExpandedColor: "#fff",
 				hoverBackgroundColor: "#0084d4",
 				disabledBackgroundColor: "#ccc",
+				disabledTextColor: "#555",
 				isExpanded: false,
 				placeholder: "Placeholder",
 				textColor: "black",
@@ -70,7 +71,7 @@
 					{"--dropdown-expanded-color": this.backgroundExpandedColor},
 					{"--dropdown-border": this.border},
 					{"--dropdown-hover-background-color": this.hoverBackgroundColor},
-					{"--dropdown-default-text-color": this.textColor}
+					{"--dropdown-default-text-color":  this.config.disabled ? this.disabledTextColor : this.textColor}
 				];
 			}
 		},