From 624e788094633d8b3fd517e4d367f2c0062c8553 Mon Sep 17 00:00:00 2001
From: Ozzie Gooen <ozzieagooen@gmail.com>
Date: Thu, 7 Apr 2022 07:56:17 -0400
Subject: [PATCH] Cleaning axis of vega graphs

---
 .../components/src/spec-distributions.json    |  9 ++--
 packages/components/src/spec-percentiles.json | 47 +++++--------------
 2 files changed, 18 insertions(+), 38 deletions(-)

diff --git a/packages/components/src/spec-distributions.json b/packages/components/src/spec-distributions.json
index 40aebfe4..afd62dcb 100644
--- a/packages/components/src/spec-distributions.json
+++ b/packages/components/src/spec-distributions.json
@@ -82,10 +82,13 @@
     {
       "orient": "bottom",
       "scale": "xscale",
-      "labelColor": "#666",
-      "tickColor": "#ddd",
+      "labelColor": "#727d93",
+      "tickColor": "#fff",
+      "tickOpacity": 0.0,
+      "domainColor": "#fff",
+      "domainOpacity": 0.0,
       "format": "~s",
-      "tickCount": 20
+      "tickCount": 10
     }
   ],
   "marks": [
diff --git a/packages/components/src/spec-percentiles.json b/packages/components/src/spec-percentiles.json
index 64b9035d..5751f924 100644
--- a/packages/components/src/spec-percentiles.json
+++ b/packages/components/src/spec-percentiles.json
@@ -98,46 +98,23 @@
       "orient": "bottom",
       "scale": "xscale",
       "grid": false,
-      "tickSize": 2,
-      "encode": {
-        "grid": {
-          "enter": {
-            "stroke": {
-              "value": "#ccc"
-            }
-          }
-        },
-        "ticks": {
-          "enter": {
-            "stroke": {
-              "value": "#ccc"
-            }
-          }
-        }
-      }
+      "labelColor": "#727d93",
+      "tickColor": "#fff",
+      "tickOpacity": 0.0,
+      "domainColor": "#727d93",
+      "domainOpacity": 0.1,
+      "tickCount": 5
     },
     {
       "orient": "left",
       "scale": "yscale",
       "grid": false,
-      "domain": false,
-      "tickSize": 2,
-      "encode": {
-        "grid": {
-          "enter": {
-            "stroke": {
-              "value": "#ccc"
-            }
-          }
-        },
-        "ticks": {
-          "enter": {
-            "stroke": {
-              "value": "#ccc"
-            }
-          }
-        }
-      }
+      "labelColor": "#727d93",
+      "tickColor": "#fff",
+      "tickOpacity": 0.0,
+      "domainColor": "#727d93",
+      "domainOpacity": 0.1,
+      "tickCount": 5
     }
   ],
   "marks": [