Remove ColorEnum aliases

src/pages/ContactsPage/ContactsPage.tsx

@@ -2,10 +2,10 @@ import * as React from "react";
 import Helmet from "react-helmet";
 import "./ContactsPage.scss";
 
+import { ColorEnum } from "../..";
 import { StaticContext } from "../../server/StaticContext";
 import PageLink from "../../components/PageLink/PageLink";
 import Card from "../../components/Card";
-import { ColorEnum as PageSectionColor } from "../../index";
 import PageSection from "../../components/PageSection";
 import HeroMainSection from "../../components/HeroMainSection";
 import ContactCard from "../../components/ContactCard";
@@ -73,7 +73,7 @@ class ContactsPage extends React.Component<ContactsPageProps, ContactsPageState>
             lorem ipsum dolor est
             </p>
         </HeroMainSection>
-        <PageSection backgroundColor={PageSectionColor.White}>
+        <PageSection backgroundColor={ColorEnum.White}>
           {contacts.map(contact => (
             <ContactCard
               key={contact.id}

src/pages/FrontPage/FrontPage.tsx

@@ -9,7 +9,7 @@ import { StaticContext } from "../../server/StaticContext";
 // @ts-ignore
 import * as BeerImage from "../../assets/img/beer.jpeg";
 import PageSection from "../../components/PageSection";
-import { ColorEnum as PageSectionColor, ColorEnum } from "../../index";
+import { ColorEnum } from "../../index";
 
 import PageLink from "../../components/PageLink/PageLink";
 import HeroMainSection from "../../components/HeroMainSection";
@@ -94,7 +94,7 @@ class FrontPage extends React.Component<FrontPageProps, FrontPageState> {
     const { events, feed } = this.state;
     return (
       <div className="front-page">
-        <PageSection backgroundColor={PageSectionColor.DarkBlue} fullSize>
+        <PageSection backgroundColor={ColorEnum.DarkBlue} fullSize>
           <HeroMainSection>
             <h1>Aalto-yliopiston Sähköinsinöörikilta</h1>
             <p>
@@ -137,7 +137,7 @@ class FrontPage extends React.Component<FrontPageProps, FrontPageState> {
             </HeroAsideItem>
           </HeroAsideSection>
         </PageSection>
-        <PageSection backgroundColor={PageSectionColor.White} cardSection>
+        <PageSection backgroundColor={ColorEnum.White} cardSection>
           {events.map(event => (
             <Card
               key={event.id}
@@ -159,7 +159,7 @@ class FrontPage extends React.Component<FrontPageProps, FrontPageState> {
             </PageLink>
           </div>
         </PageSection>
-        <PageSection backgroundColor={PageSectionColor.Orange1}>
+        <PageSection backgroundColor={ColorEnum.Orange1}>
           <Ribbon>
             <h3>Sössöä vuodesta 1969.</h3>
             <TextAnchor textColor={ColorEnum.White} hoverColor={ColorEnum.Blue} size={TextSize.SmallRibbon} to="https://sosso.fi">
@@ -168,7 +168,7 @@ class FrontPage extends React.Component<FrontPageProps, FrontPageState> {
           </Ribbon>
         </PageSection>
         <PageSection
-          backgroundColor={PageSectionColor.White}
+          backgroundColor={ColorEnum.White}
           bottomBorder
           cardSection
         >
@@ -195,7 +195,7 @@ class FrontPage extends React.Component<FrontPageProps, FrontPageState> {
             </PageLink>
           </div>
         </PageSection>
-        <PageSection center backgroundColor={PageSectionColor.White}>
+        <PageSection center backgroundColor={ColorEnum.White}>
           <SponsorReel />
         </PageSection>
       </div>