change color when switch markup type

components/HighlightOption/data.ts

@@ -3,18 +3,22 @@ export default {
     {
       key: 'highlight',
       icon: 'highlight',
+      color: '#FCFF36',
     },
     {
       key: 'underline',
       icon: 'underline',
+      color: '#27BEFD',
     },
     {
       key: 'squiggly',
       icon: 'squiggly',
+      color: '#02FF36',
     },
     {
       key: 'strikeout',
       icon: 'strikeout',
+      color: '#FF1B89',
     },
   ],
 };

components/HighlightOption/index.tsx

@@ -35,7 +35,7 @@ const HighlightOption: React.SFC<OptionPropsType> = ({
               key={ele.key}
               selected={type === ele.key}
               onClick={(): void => {
-                setDataState({ type: ele.key });
+                setDataState({ type: ele.key, color: ele.color });
               }}
             >
               <Icon glyph={ele.icon} />