color editing

app/components/Input/Input.js

@@ -32,7 +32,7 @@ const Wrapper = styled.div`
 
 `;
 
-const Outline = styled(Flex)`
+export const Outline = styled(Flex)`
   display: flex;
   flex: 1;
   margin: 0 0 ${size.large};
@@ -48,7 +48,7 @@ const Outline = styled(Flex)`
   }
 `;
 
-const LabelText = styled.div`
+export const LabelText = styled.div`
   font-weight: 500;
   padding-bottom: 4px;
 `;

app/components/Input/index.js

@@ -1,3 +1,4 @@
 // @flow
-import Input from './Input';
+import Input, { LabelText, Outline } from './Input';
 export default Input;
+export { LabelText, Outline };

app/components/Layout/components/SidebarCollections.js

@@ -100,7 +100,7 @@ type Props = {
         <SidebarLink
           key={collection.id}
           to={collection.url}
-          icon={<CollectionIcon expanded={expanded} />}
+          icon={<CollectionIcon expanded={expanded} color={collection.color} />}
         >
           <Flex justify="space-between">
             {collection.name}