Refactored tokens of TreeSelect

components/lib/themes/aura/treeselect/index.js

@@ -13,26 +13,12 @@ export default {
         placeholderColor: '{form.field.placeholder.color}',
         boxShadow: '{form.field.box.shadow}'
     },
-    colorScheme: {
-        light: {
-            toggle: {
-                color: '{surface.400}'
+    dropdown: {
+        color: '{form.field.icon.color}'
     },
     overlay: {
-                background: '{surface.0}',
-                borderColor: '{surface.200}',
-                color: '{surface.700}'
-            }
-        },
-        dark: {
-            toggle: {
-                color: '{surface.400}'
-            },
-            overlay: {
-                background: '{surface.900}',
-                borderColor: '{surface.700}',
-                color: '{surface.0}'
-            }
-        }
+        background: '{overlay.select.background}',
+        borderColor: '{overlay.select.border.color}',
+        color: '{overlay.select.color}'
     }
 };

components/lib/treeselect/style/TreeSelectStyle.js

@@ -46,7 +46,7 @@ const theme = ({ dt }) => `
     justify-content: center;
     flex-shrink: 0;
     background: transparent;
-    color: ${dt('treeselect.toggle.color')};
+    color: ${dt('treeselect.dropdown.color')};
     width: 2.5rem;
     border-top-right-radius: ${dt('rounded.base')};
     border-bottom-right-radius: ${dt('rounded.base')};