Changed the theme selection function

src/components/theme/theme.ts

@@ -0,0 +1,40 @@
+export function changeTheme(element: Element, theme: string) {
+  const select = element!.querySelector('.cg-select');
+  const caret = element!.querySelector('.caret');
+  const list = element!.querySelector('ul.list');
+  const search = element!.querySelector('.inputSearch');
+  const path = element.querySelectorAll('.pathWhite');
+
+  switch (theme) {
+    case 'dark':
+      select!.classList.remove('classicSelect');
+      select!.classList.add('selectDark');
+      list!.classList.add('listDark');
+      list!.classList.remove('classicList');
+      path.forEach((elem) => {
+        elem.classList.remove('pathBlack');
+        elem.classList.add('pathWhite');
+      });
+      break;
+    case 'white':
+      select!.classList.remove('classicSelect');
+      select!.classList.add('selectWhite');
+      caret!.classList.add('caretWhite');
+      list!.classList.add('listWhite');
+      list!.classList.remove('classicList');
+      path.forEach((elem) => {
+        elem.classList.add('pathBlack');
+        elem.classList.remove('pathWhite');
+      });
+
+      if (search!) {
+        search!.classList.add('inputWhite');
+      }
+      break;
+
+    default:
+      select!.classList.add('classicSelect');
+      list!.classList.add('classicList');
+      break;
+  }
+}