added theme dark and light

Author: accgit

src/css/style.dropdown.css

@@ -12,14 +12,8 @@
 .dropdown .employ-toggle { text-decoration: none; }
 .dropdown .employ-toggle.click {
     border-radius: 30px;
-       transition: all 0.1s ease-in-out;
         font-size: 14px;
           padding: 2px 12px;
-            color: #acacac;
-}
-
-.dropdown .employ-toggle.click:hover {
-    background-color: white;
 }
 
 .dropdown ul.expand-dropdown {
@@ -47,15 +41,8 @@
 }
 
 .dropdown ul.expand-dropdown li a {
-    background-color: rgba(72, 72, 72, 1);
-     text-decoration: none;
-       margin-bottom: -1px;
-             display: block;
-             padding: 3px 10px;
-	       color: white;
-}
-
-.dropdown ul.expand-dropdown li a:hover {
-    background-color: rgba(54, 54, 54, 1);
-               color: white;
+    text-decoration: none;
+      margin-bottom: -1px;
+            display: block;
+            padding: 3px 10px;
 }

src/css/theme/style.dropdown.dark.css

@@ -0,0 +1,22 @@
+
+/*
+    dark theme dropdown menu
+*/
+.dropdown .employ-toggle.click {
+       transition: all 0.1s ease-in-out;
+            color: #acacac;
+}
+
+.dropdown .employ-toggle.click:hover {
+    background-color: white;
+}
+
+.dropdown ul.expand-dropdown li a {
+    background-color: rgba(72, 72, 72, 1);
+	       color: white;
+}
+
+.dropdown ul.expand-dropdown li a:hover {
+    background-color: rgba(54, 54, 54, 1);
+               color: inherit;
+}

src/css/theme/style.dropdown.light.css

@@ -0,0 +1,22 @@
+
+/*
+    dark theme dropdown menu
+*/
+.dropdown .employ-toggle.click {
+       transition: all 0.1s ease-in-out;
+            color: #acacac;
+}
+
+.dropdown .employ-toggle.click:hover {
+    background-color: white;
+}
+
+.dropdown ul.expand-dropdown li a {
+    background-color: rgb(255, 255, 255);
+	       color: #737373;
+}
+
+.dropdown ul.expand-dropdown li a:hover {
+    background-color: rgb(248, 248, 248);
+               color: inherit;
+}

src/index.html

@@ -13,6 +13,10 @@
 	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600&amp;subset=latin-ext">
 	<link rel="stylesheet" href="https://css-ui.github.io/css/cssui.min.css">
 	<link rel="stylesheet" href="css/style.dropdown.css">
+
+	<!-- css dropdown themes -->
+	<link rel="stylesheet" href="css/theme/style.dropdown.light.css">
+	<!--<link rel="stylesheet" href="css/theme/style.dropdown.dark.css">-->
 	<style>
 		body {
 			background-color: #f2f2f2;