From 24a90b3c573720c784a8dfc971a2ccf290fa1890 Mon Sep 17 00:00:00 2001
From: Lukas Martinelli <me@lukasmartinelli.ch>
Date: Fri, 30 Dec 2016 21:02:39 +0100
Subject: [PATCH] Set dark scrollbar globally

---
 src/components/ScrollContainer.jsx |  3 +--
 src/components/scrollbars.scss     | 12 ------------
 src/index.css                      | 13 +++++++++++++
 3 files changed, 14 insertions(+), 14 deletions(-)
 delete mode 100644 src/components/scrollbars.scss

diff --git a/src/components/ScrollContainer.jsx b/src/components/ScrollContainer.jsx
index 171cb2dd..017f768b 100644
--- a/src/components/ScrollContainer.jsx
+++ b/src/components/ScrollContainer.jsx
@@ -1,8 +1,7 @@
 import React from 'react'
-import scrollbars from './scrollbars.scss'
 
 const ScrollContainer = (props) => {
-  return <div className={scrollbars.darkScrollbar} style={{
+  return <div style={{
     overflowX: "visible",
     overflowY: "scroll",
     bottom:0,
diff --git a/src/components/scrollbars.scss b/src/components/scrollbars.scss
deleted file mode 100644
index 6c039580..00000000
--- a/src/components/scrollbars.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-.darkScrollbar::-webkit-scrollbar {
-    background-color: #26282e;
-    width: 5px;
-}
-
-.darkScrollbar::-webkit-scrollbar-thumb {
-    border-radius: 6px;
-    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
-    background-color: #40444e;
-    padding-left: 2px;
-    padding-right: 2px;
-}
diff --git a/src/index.css b/src/index.css
index 22fbc7c6..eeaa0ed7 100644
--- a/src/index.css
+++ b/src/index.css
@@ -19,3 +19,16 @@ html {
   color: rgb(142, 142, 142) !important;
   box-shadow: none !important;
 }
+
+::-webkit-scrollbar {
+    background-color: #26282e;
+    width: 5px;
+}
+
+::-webkit-scrollbar-thumb {
+    border-radius: 6px;
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
+    background-color: #40444e;
+    padding-left: 2px;
+    padding-right: 2px;
+}