styling

Author: odeimaiz

services/static-webserver/client/source/class/osparc/wrapper/JsonFormatter.js

@@ -69,6 +69,9 @@ qx.Class.define("osparc.wrapper.JsonFormatter", {
           }
           console.log(jsonFormatterPath + " loaded");
           this.setLibReady(true);
+
+          this.__applyStyles();
+
           resolve();
         }, this);
 
@@ -82,6 +85,30 @@ qx.Class.define("osparc.wrapper.JsonFormatter", {
       });
     },
 
+    __applyStyles: function() {
+      const styleId = "json-formatter-osparc-style";
+      if (!document.getElementById(styleId)) {
+        const color = qx.theme.manager.Color.getInstance().resolve("text");
+        const style = document.createElement("style");
+        style.id = styleId;
+        style.innerHTML = `
+          .osparc-json-formatter-root .json-formatter-row,
+          .osparc-json-formatter-root .json-formatter-key,
+          .osparc-json-formatter-root .json-formatter-value {
+            color: ${color} !important;
+            font-family: "Manrope", sans-serif !important;
+          }
+          .osparc-json-formatter-root .json-formatter-key {
+            font-size: 13px !important;
+          }
+          .osparc-json-formatter-root .json-formatter-constructor-name {
+            display: none !important;
+          }
+        `;
+        document.head.appendChild(style);
+      }
+    },
+
     createContainer: function(divId) {
       const container = new qx.ui.embed.Html("<div id='"+divId+"'></div>");