import React from 'react';

import Articles from './articles';
import Header from './header';
import Sidebar from './sidebar';

const App = ({ title }) => (
  <html>
    <head>
      <meta charset="utf-8" />
      <title>{ title }</title>

      <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,200" rel="stylesheet" type="text/css" />
      <link rel="stylesheet" type="text/css" href="/css/reset.css" />
      <link rel="stylesheet" type="text/css" href="/css/main.css" />
      <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css" />
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />

      <meta name="viewport" content="width=device-width" />
    </head>
    <body>
      <Header />
      <Articles />

      <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
      <script dangerouslySetInnerHTML={{__html: `hljs.initHighlightingOnLoad();`}}></script>
      <script dangerouslySetInnerHTML={{__html: `
          (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
          })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

          ga('create', 'UA-999552-13', 'auto');
          ga('send', 'pageview');
        `}} />
    </body>
  </html>
);

module.exports = App;

import React from 'react';

import Articles from './articles';
import Header from './header';
import Sidebar from './sidebar';

const App = ({ title }) => (
  <html>
    <head>
      <meta charset="utf-8" />
      <title>{ title }</title>

      <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,200" rel="stylesheet" type="text/css" />
      <link rel="stylesheet" type="text/css" href="/css/reset.css" />
      <link rel="stylesheet" type="text/css" href="/css/main.css" />
      <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css" />
      <link rel="stylesheet" href="/css/atom-one-dark.css" />
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />

      <meta name="viewport" content="width=device-width" />
    </head>
    <body>
      <Header />
      <Articles />

      <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
      <script dangerouslySetInnerHTML={{__html: `hljs.initHighlightingOnLoad();`}}></script>
      <script dangerouslySetInnerHTML={{__html: `
          (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
          })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

          ga('create', 'UA-999552-13', 'auto');
          ga('send', 'pageview');
        `}} />
    </body>
  </html>
);

module.exports = App;

Add atom-one-dark in index.js