diff --git a/bsconfig.json b/bsconfig.json
index be57d770..359646a4 100644
--- a/bsconfig.json
+++ b/bsconfig.json
@@ -19,6 +19,7 @@
"bs-ant-design-alt",
"reason-react",
"bs-reform",
+ "bs-css",
"rationale",
"bs-moment",
"reschema"
diff --git a/package.json b/package.json
index f6424815..90305344 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,7 @@
"antd": "3.17.0",
"autoprefixer": "^9.7.4",
"bs-ant-design-alt": "2.0.0-alpha.31",
+ "bs-css": "^11.0.0",
"bs-moment": "0.4.4",
"bs-reform": "9.7.1",
"lenses-ppx": "4.0.0",
diff --git a/src/lib/Chart.re b/src/lib/Chart.re
index 439928e7..9002108b 100644
--- a/src/lib/Chart.re
+++ b/src/lib/Chart.re
@@ -1,3 +1,15 @@
+module Styles = {
+ open Css;
+ let graph = chartColor =>
+ style([
+ selector(".axis", [fontSize(`px(9))]),
+ selector(".domain", [display(`none)]),
+ selector(".tick line", [display(`none)]),
+ selector(".tick text", [color(`hex("bfcad4"))]),
+ selector(".chart .area-path", [SVG.fill(chartColor)]),
+ ]);
+};
+
[@react.component]
let make =
(
@@ -8,13 +20,15 @@ let make =
~height=50,
~color=`hex("7e9db7"),
) =>
-