@@ -24,9 +24,9 @@ function Dropdown() {
         >
           {DescriptorItems.map((item, index) => {
             return (
-                <li key = {index}>
+                <li key = {index} className="bg-gray-300 hover:bg-gray-400 dark:bg-lightDark dark:hover:bg-darkGray">
                   <Link
-                      className = {`${item.class} `}
+                      className = {`${item.class} text-gray-700 dark:text-gray-200 fontFamily-themeFont font-bold`}
                       to = {item.path}
                       onClick = {() => setClick(false)}
                   >
 
@@ -1,5 +1,4 @@
 .dropdown-menu {
-	background: #dedada;
 	width:      160px;
 	position:   absolute;
 	text-align: center;
@@ -13,14 +12,10 @@
 }
 
 .dropdown-menu li {
-	background: #565960;
 	cursor:     pointer;
 	color: #63dbf968
 }
 
-.dropdown-menu li:hover {
-	background: #5cabff;
-}
 
 .dropdown-menu.clicked {
 	display: none;
@@ -31,7 +26,6 @@
 	height:          100%;
 	width:           100%;
 	text-decoration: none;
-	color:           #d2d3ef;
 	padding:         16px;
 }
 
 
@@ -14,9 +14,9 @@ export const DescriptorItems = [
     path: '/alorithms-source',
     class: 'dropdown-link'
   },
-  {
-    title: '',
-    path: '/',
-    class: 'dropdown-link'
-  }
+  // {
+  //   title: '',
+  //   path: '/',
+  //   class: 'dropdown-link'
+  // }
 ];
@@ -0,0 +1,21 @@
+class BitonicSort {
+
+  constructor() {
+    this.options = null;
+  }
+
+
+
+  async bitonicSort(array) {
+    
+  }
+
+
+  perform(options, array) {
+    this.options = options;
+    this.bitonicSort();
+  }
+}
+
+
+export { BitonicSort }
Original file line number	Diff line number	Diff line change
`@@ -24,9 +24,9 @@ function Dropdown() {`
`24`	`24`	`>`
`25`	`25`	`{DescriptorItems.map((item, index) => {`
`26`	`26`	`return (`
`27`		`- <li key = {index}>`
	`27`	`+ <li key = {index} className="bg-gray-300 hover:bg-gray-400 dark:bg-lightDark dark:hover:bg-darkGray">`
`28`	`28`	`<Link`
`29`		- className = {`${item.class} `}
	`29`	+ className = {`${item.class} text-gray-700 dark:text-gray-200 fontFamily-themeFont font-bold`}
`30`	`30`	`to = {item.path}`
`31`	`31`	`onClick = {() => setClick(false)}`
`32`	`32`	`>`