@react95/core 9.3.2 → 9.4.0

package/cjs/GlobalStyle/GlobalStyle.css.cjs

@@ -1,3 +1,4 @@
 require('./GlobalStyle.css.ts.vanilla.css');
 "use strict";
+require("../themes/contract.css.ts.vanilla.css.cjs");
 /* empty css                                   */

package/cjs/Modal/Modal.cjs

@@ -115,7 +115,8 @@ const ModalRenderer = ({
         active: isActive,
         icon,
         title,
-        className: "draggable"
+        className: "draggable",
+        mb: "$2"
       },
       titleBarOptions && /* @__PURE__ */ React.createElement(TitleBar.TitleBar.OptionsBox, null, titleBarOptions)
     ),

package/cjs/TitleBar/TitleBar.css.ts.vanilla.css

@@ -32,7 +32,6 @@
 }
 .r95_1kpzw682 {
   height: var(--r95-space-20);
-  margin-bottom: var(--r95-space-2);
   padding: var(--r95-space-2);
   display: flex;
   box-shadow: none;

package/cjs/index.cjs

@@ -23,6 +23,7 @@ const Tooltip = require("./Tooltip/Tooltip.cjs");
 const TitleBar = require("./TitleBar/TitleBar.cjs");
 const Video = require("./Video/Video.cjs");
 const contract_css = require("./themes/contract.css.cjs");
+const index = require("./themes/tokens/index.cjs");
 exports.Modal = Modal.Modal;
 exports.Tabs = Tabs.Tabs;
 exports.Tab = Tab.Tab;
@@ -46,3 +47,4 @@ exports.Tooltip = Tooltip.Tooltip;
 exports.TitleBar = TitleBar.TitleBar;
 exports.Video = Video.Video;
 exports.contract = contract_css.contract;
+exports.tokens = index;

package/cjs/themes/azureOrange.css.cjs

@@ -1,4 +1,3 @@
 require('./azureOrange.css.ts.vanilla.css');
 "use strict";
-require("./contract.css.ts.vanilla.css.cjs");
 /* empty css                                   */

package/cjs/themes/baseTheme.cjs

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const space = {
+  "0": "0px",
+  "1": "1px",
+  "2": "2px",
+  "3": "3px",
+  "4": "4px",
+  "5": "5px",
+  "6": "6px",
+  "7": "7px",
+  "8": "8px",
+  "9": "9px",
+  "10": "10px",
+  "11": "11px",
+  "12": "12px",
+  "13": "13px",
+  "14": "14px",
+  "15": "15px",
+  "16": "16px",
+  "17": "17px",
+  "18": "18px",
+  "19": "19px",
+  "20": "20px"
+};
+const colors = {
+  anchor: "",
+  anchorVisited: "",
+  borderDark: "",
+  borderDarkest: "",
+  borderLight: "",
+  borderLighter: "",
+  borderLightest: "",
+  canvas: "",
+  canvasText: "",
+  headerBackground: "",
+  headerNotActiveBackground: "",
+  headerNotActiveText: "",
+  headerText: "",
+  material: "",
+  materialText: "",
+  materialTextDisabled: "",
+  materialTextDisabledShadow: "",
+  materialTextInvert: "",
+  progress: "",
+  inputBackground: "",
+  inputBackgroundDisabled: ""
+};
+const zIndices = {
+  modal: "2",
+  tooltip: "3",
+  taskbar: "3"
+};
+const generateShadows = (colors2) => {
+  return {
+    out: `inset 0.5px 0.5px 0px 0.5px ${colors2.borderLightest},
+          inset 0 0 0 1px ${colors2.borderDark},
+          1px 0px 0 0px ${colors2.borderDarkest},
+          0px 1px 0 0px ${colors2.borderDarkest},
+          1px 1px 0 0px ${colors2.borderDarkest}`,
+    in: `inset 0px 0px 0px 0px,
+        inset 1px 1px 0px 0px ${colors2.borderDark},
+        0.5px 0.5px 0px 0.5px ${colors2.borderLightest}`,
+    input: `inset -1px -1px 0 0 ${colors2.material},
+            inset 1px 1px 0 0 ${colors2.borderDarkest},
+            0.5px 0.5px 0 0.5px ${colors2.borderLightest}`
+  };
+};
+const theme = {
+  zIndices,
+  space,
+  colors
+};
+exports.generateShadows = generateShadows;
+exports.theme = theme;
+exports.zIndices = zIndices;

package/cjs/themes/tokens/azureOrange.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const baseTheme = require("../baseTheme.cjs");
+const colors = {
+  anchor: "#1034a6",
+  anchorVisited: "#440381",
+  borderDark: "#05427f",
+  borderDarkest: "#000000",
+  borderLight: "#2b8fff",
+  borderLighter: "#8ac1ff",
+  borderLightest: "#bedcff",
+  canvas: "#000000",
+  canvasText: "#ffffff",
+  headerBackground: "#171123",
+  headerNotActiveBackground: "#4E6766",
+  headerNotActiveText: "#0180ff",
+  headerText: "#ffffff",
+  material: "#0180ff",
+  materialText: "#000000",
+  materialTextDisabled: "#05427f",
+  materialTextDisabledShadow: "#7ebfff",
+  materialTextInvert: "#ffffff",
+  progress: "#F46036",
+  inputBackground: "#ffffff",
+  inputBackgroundDisabled: "#2b8fff"
+};
+const tokens = {
+  ...baseTheme.theme,
+  colors,
+  shadows: baseTheme.generateShadows(colors)
+};
+exports.tokens = tokens;

package/cjs/themes/tokens/bee.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const baseTheme = require("../baseTheme.cjs");
+const colors = {
+  anchor: "#1034a6",
+  anchorVisited: "#440381",
+  borderDark: "#846d06",
+  borderDarkest: "#0C1618",
+  borderLight: "#e7c221",
+  borderLighter: "#f1dd84",
+  borderLightest: "#f7ecbb",
+  canvas: "#0C1618",
+  canvasText: "#ffffff",
+  headerBackground: "#0C1618",
+  headerNotActiveBackground: "#7F7B82",
+  headerNotActiveText: "#e5bd03",
+  headerText: "#f8df6e",
+  material: "#e5bd03",
+  materialText: "#0C1618",
+  materialTextDisabled: "#846d06",
+  materialTextDisabledShadow: "#f8df6e",
+  materialTextInvert: "#ffffff",
+  progress: "#0C1618",
+  inputBackground: "#ffffff",
+  inputBackgroundDisabled: "#e7c221"
+};
+const tokens = {
+  ...baseTheme.theme,
+  colors,
+  shadows: baseTheme.generateShadows(colors)
+};
+exports.tokens = tokens;

package/cjs/themes/tokens/blackAndWhite.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const baseTheme = require("../baseTheme.cjs");
+const colors = {
+  anchor: "#1034a6",
+  anchorVisited: "#440381",
+  borderDark: "#888c8f",
+  borderDarkest: "#000000",
+  borderLight: "#dfe0e3",
+  borderLighter: "#ededef",
+  borderLightest: "#f5f5f6",
+  canvas: "#000000",
+  canvasText: "#ffffff",
+  headerBackground: "#000000",
+  headerNotActiveBackground: "#ffffff",
+  headerNotActiveText: "#000000",
+  headerText: "#ffffff",
+  material: "#ffffff",
+  materialText: "#000000",
+  materialTextDisabled: "#888c8f",
+  materialTextDisabledShadow: "#ffffff",
+  materialTextInvert: "#ffffff",
+  progress: "#000000",
+  inputBackground: "#ffffff",
+  inputBackgroundDisabled: "#dfe0e3"
+};
+const tokens = {
+  ...baseTheme.theme,
+  colors,
+  shadows: baseTheme.generateShadows(colors)
+};
+exports.tokens = tokens;

package/cjs/themes/tokens/brick.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const baseTheme = require("../baseTheme.cjs");
+const colors = {
+  anchor: "#1034a6",
+  anchorVisited: "#440381",
+  borderDark: "#6c684b",
+  borderDarkest: "#020000",
+  borderLight: "#e2ddc9",
+  borderLighter: "#efece1",
+  borderLightest: "#f6f4ee",
+  canvas: "#ffffff",
+  canvasText: "#020000",
+  headerBackground: "#8e0101",
+  headerNotActiveBackground: "#90885c",
+  headerNotActiveText: "#c2bfa3",
+  headerText: "#ffffff",
+  material: "#c2bfa3",
+  materialText: "#020000",
+  materialTextDisabled: "#6c684b",
+  materialTextDisabledShadow: "#ffffff",
+  materialTextInvert: "#ffffff",
+  progress: "#8e0101",
+  inputBackground: "#ffffff",
+  inputBackgroundDisabled: "#e2ddc9"
+};
+const tokens = {
+  ...baseTheme.theme,
+  colors,
+  shadows: baseTheme.generateShadows(colors)
+};
+exports.tokens = tokens;

package/cjs/themes/tokens/candy.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const baseTheme = require("../baseTheme.cjs");
+const colors = {
+  anchor: "#1034a6",
+  anchorVisited: "#440381",
+  borderDark: "#d1579e",
+  borderDarkest: "#44132f",
+  borderLight: "#f1acd5",
+  borderLighter: "#f7d1e7",
+  borderLightest: "#fae5f1",
+  canvas: "#EFF1F3",
+  canvasText: "#000000",
+  headerBackground: "#87255B",
+  headerNotActiveBackground: "#a08796",
+  headerNotActiveText: "#EBD2BE",
+  headerText: "#EFF1F3",
+  material: "#E5A4CB",
+  materialText: "#000000",
+  materialTextDisabled: "#d1579e",
+  materialTextDisabledShadow: "#EFF1F3",
+  materialTextInvert: "#EFF1F3",
+  progress: "#256EFF",
+  inputBackground: "#ffffff",
+  inputBackgroundDisabled: "#f1acd5"
+};
+const tokens = {
+  ...baseTheme.theme,
+  colors,
+  shadows: baseTheme.generateShadows(colors)
+};
+exports.tokens = tokens;

package/cjs/themes/tokens/coldGray.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const baseTheme = require("../baseTheme.cjs");
+const colors = {
+  anchor: "#8d88c2",
+  anchorVisited: "#440381",
+  borderDark: "#5b57a1",
+  borderDarkest: "#010601",
+  borderLight: "#a4a7c8",
+  borderLighter: "#cccee0",
+  borderLightest: "#e2e4ed",
+  canvas: "#3B3D64",
+  canvasText: "#050608",
+  headerBackground: "#3B3D64",
+  headerNotActiveBackground: "#6063a5",
+  headerNotActiveText: "#a1a3ca",
+  headerText: "#e2e4ed",
+  material: "#a1a3ca",
+  materialText: "#010601",
+  materialTextDisabled: "#5b57a1",
+  materialTextDisabledShadow: "#c7c7df",
+  materialTextInvert: "#e2e4ed",
+  progress: "#8d88c2",
+  inputBackground: "#ffffff",
+  inputBackgroundDisabled: "#a4a7c8"
+};
+const tokens = {
+  ...baseTheme.theme,
+  colors,
+  shadows: baseTheme.generateShadows(colors)
+};
+exports.tokens = tokens;

package/cjs/themes/tokens/counterStrike.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const baseTheme = require("../baseTheme.cjs");
+const colors = {
+  anchor: "#1034a6",
+  anchorVisited: "#440381",
+  borderDark: "#2c3125",
+  borderDarkest: "#0a0a0a",
+  borderLight: "#5d6d54",
+  borderLighter: "#a4b39c",
+  borderLightest: "#ccd5c8",
+  canvas: "#3e4639",
+  canvasText: "#f6fbf5",
+  headerBackground: "#4b5844",
+  headerNotActiveBackground: "#4b5844",
+  headerNotActiveText: "#74806e",
+  headerText: "#fefefe",
+  material: "#4b5844",
+  materialText: "#f6fbf5",
+  materialTextDisabled: "#2c3125",
+  materialTextDisabledShadow: "#788475",
+  materialTextInvert: "#fefefe",
+  progress: "#978830",
+  inputBackground: "#4b5844",
+  inputBackgroundDisabled: "#2c3125"
+};
+const tokens = {
+  ...baseTheme.theme,
+  colors,
+  shadows: baseTheme.generateShadows(colors)
+};
+exports.tokens = tokens;

package/cjs/themes/tokens/eggplant.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const baseTheme = require("../baseTheme.cjs");
+const colors = {
+  anchor: "#1034a6",
+  anchorVisited: "#440381",
+  borderDark: "#526d67",
+  borderDarkest: "#050608",
+  borderLight: "#a2c7c0",
+  borderLighter: "#cbe0dc",
+  borderLightest: "#e2edeb",
+  canvas: "#000000",
+  canvasText: "#050608",
+  headerBackground: "#4b8178",
+  headerNotActiveBackground: "#89b0a8",
+  headerNotActiveText: "#4b8178",
+  headerText: "#ffffff",
+  material: "#89b0a8",
+  materialText: "#050608",
+  materialTextDisabled: "#526d67",
+  materialTextDisabledShadow: "#cee8e3",
+  materialTextInvert: "#ffffff",
+  progress: "#4b8178",
+  inputBackground: "#ffffff",
+  inputBackgroundDisabled: "#a2c7c0"
+};
+const tokens = {
+  ...baseTheme.theme,
+  colors,
+  shadows: baseTheme.generateShadows(colors)
+};
+exports.tokens = tokens;

package/cjs/themes/tokens/highContrast.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const baseTheme = require("../baseTheme.cjs");
+const colors = {
+  anchor: "#1034a6",
+  anchorVisited: "#440381",
+  borderDark: "#888c8f",
+  borderDarkest: "#ffffff",
+  borderLight: "#dfe0e3",
+  borderLighter: "#ededef",
+  borderLightest: "#f5f5f6",
+  canvas: "#353535",
+  canvasText: "#ffffff",
+  headerBackground: "#8e0284",
+  headerNotActiveBackground: "#7f7f7f",
+  headerNotActiveText: "#ced0cf",
+  headerText: "#ffffff",
+  material: "#000000",
+  materialText: "#ffffff",
+  materialTextDisabled: "#888c8f",
+  materialTextDisabledShadow: "#ffffff",
+  materialTextInvert: "#ffffff",
+  progress: "#8e0284",
+  inputBackground: "#353535",
+  inputBackgroundDisabled: "#dfe0e3"
+};
+const tokens = {
+  ...baseTheme.theme,
+  colors,
+  shadows: baseTheme.generateShadows(colors)
+};
+exports.tokens = tokens;

package/cjs/themes/tokens/index.cjs

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const azureOrange = require("./azureOrange.cjs");
+const bee = require("./bee.cjs");
+const blackAndWhite = require("./blackAndWhite.cjs");
+const brick = require("./brick.cjs");
+const candy = require("./candy.cjs");
+const coldGray = require("./coldGray.cjs");
+const counterStrike = require("./counterStrike.cjs");
+const eggplant = require("./eggplant.cjs");
+const highContrast = require("./highContrast.cjs");
+const lilac = require("./lilac.cjs");
+const lilacRoseDark = require("./lilacRoseDark.cjs");
+const maple = require("./maple.cjs");
+const marine = require("./marine.cjs");
+const matrix = require("./matrix.cjs");
+const millenium = require("./millenium.cjs");
+const modernDark = require("./modernDark.cjs");
+const molecule = require("./molecule.cjs");
+const ninjaTurtles = require("./ninjaTurtles.cjs");
+const olive = require("./olive.cjs");
+const pamelaAnderson = require("./pamelaAnderson.cjs");
+const plum = require("./plum.cjs");
+const rainyDay = require("./rainyDay.cjs");
+const rose = require("./rose.cjs");
+const slate = require("./slate.cjs");
+const spruce = require("./spruce.cjs");
+const storm = require("./storm.cjs");
+const theSixtiesUSA = require("./theSixtiesUSA.cjs");
+const tokyoDark = require("./tokyoDark.cjs");
+const tooSexy = require("./tooSexy.cjs");
+const travel = require("./travel.cjs");
+const vaporTeal = require("./vaporTeal.cjs");
+const vermillion = require("./vermillion.cjs");
+const violetDark = require("./violetDark.cjs");
+const water = require("./water.cjs");
+const win95 = require("./win95.cjs");
+exports.azureOrange = azureOrange.tokens;
+exports.bee = bee.tokens;
+exports.blackAndWhite = blackAndWhite.tokens;
+exports.brick = brick.tokens;
+exports.candy = candy.tokens;
+exports.coldGray = coldGray.tokens;
+exports.counterStrike = counterStrike.tokens;
+exports.eggplant = eggplant.tokens;
+exports.highContrast = highContrast.tokens;
+exports.lilac = lilac.tokens;
+exports.lilacRoseDark = lilacRoseDark.tokens;
+exports.maple = maple.tokens;
+exports.marine = marine.tokens;
+exports.matrix = matrix.tokens;
+exports.millenium = millenium.tokens;
+exports.modernDark = modernDark.tokens;
+exports.molecule = molecule.tokens;
+exports.ninjaTurtles = ninjaTurtles.tokens;
+exports.olive = olive.tokens;
+exports.pamelaAnderson = pamelaAnderson.tokens;
+exports.plum = plum.tokens;
+exports.rainyDay = rainyDay.tokens;
+exports.rose = rose.tokens;
+exports.slate = slate.tokens;
+exports.spruce = spruce.tokens;
+exports.storm = storm.tokens;
+exports.theSixtiesUSA = theSixtiesUSA.tokens;
+exports.tokyoDark = tokyoDark.tokens;
+exports.tooSexy = tooSexy.tokens;
+exports.travel = travel.tokens;
+exports.vaporTeal = vaporTeal.tokens;
+exports.vermillion = vermillion.tokens;
+exports.violetDark = violetDark.tokens;
+exports.water = water.tokens;
+exports.win95 = win95.tokens;

package/cjs/themes/tokens/lilac.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const baseTheme = require("../baseTheme.cjs");
+const colors = {
+  anchor: "#1034a6",
+  anchorVisited: "#440381",
+  borderDark: "#5f549b",
+  borderDarkest: "#1c1449",
+  borderLight: "#bcb4e9",
+  borderLighter: "#dad5f2",
+  borderLightest: "#eae7f7",
+  canvas: "#ffffff",
+  canvasText: "#050608",
+  headerBackground: "#5e4dba",
+  headerNotActiveBackground: "#7f7f81",
+  headerNotActiveText: "#ced0cf",
+  headerText: "#ffffff",
+  material: "#b1a7df",
+  materialText: "#050608",
+  materialTextDisabled: "#5f549b",
+  materialTextDisabledShadow: "#ffffff",
+  materialTextInvert: "#ffffff",
+  progress: "#5e4dba",
+  inputBackground: "#ffffff",
+  inputBackgroundDisabled: "#bcb4e9"
+};
+const tokens = {
+  ...baseTheme.theme,
+  colors,
+  shadows: baseTheme.generateShadows(colors)
+};
+exports.tokens = tokens;

package/cjs/themes/tokens/lilacRoseDark.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const baseTheme = require("../baseTheme.cjs");
+const colors = {
+  anchor: "#a65387",
+  anchorVisited: "#440381",
+  borderDark: "#7F3163",
+  borderDarkest: "#190000",
+  borderLight: "#E597C9",
+  borderLighter: "#f0c5e1",
+  borderLightest: "#f6dfee",
+  canvas: "#000000",
+  canvasText: "#f6dfee",
+  headerBackground: "#4C0030",
+  headerNotActiveBackground: "#763a60",
+  headerNotActiveText: "#b26496",
+  headerText: "#dab1c7",
+  material: "#b26496",
+  materialText: "#000000",
+  materialTextDisabled: "#82416d",
+  materialTextDisabledShadow: "#ecbfe3",
+  materialTextInvert: "#ecbfe3",
+  progress: "#713259",
+  inputBackground: "#ffffff",
+  inputBackgroundDisabled: "#E597C9"
+};
+const tokens = {
+  ...baseTheme.theme,
+  colors,
+  shadows: baseTheme.generateShadows(colors)
+};
+exports.tokens = tokens;

package/cjs/themes/tokens/maple.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const baseTheme = require("../baseTheme.cjs");
+const colors = {
+  anchor: "#1034a6",
+  anchorVisited: "#440381",
+  borderDark: "#ab9042",
+  borderDarkest: "#2a1801",
+  borderLight: "#f5e2bb",
+  borderLighter: "#f9efd9",
+  borderLightest: "#fbf6ea",
+  canvas: "#2a1801",
+  canvasText: "#ffffff",
+  headerBackground: "#8e0101",
+  headerNotActiveBackground: "#a1a0a5",
+  headerNotActiveText: "#f5e2bb",
+  headerText: "#ffffff",
+  material: "#e5cc90",
+  materialText: "#2a1801",
+  materialTextDisabled: "#ab9042",
+  materialTextDisabledShadow: "#ffffff",
+  materialTextInvert: "#ffffff",
+  progress: "#8e0101",
+  inputBackground: "#ffffff",
+  inputBackgroundDisabled: "#f5e2bb"
+};
+const tokens = {
+  ...baseTheme.theme,
+  colors,
+  shadows: baseTheme.generateShadows(colors)
+};
+exports.tokens = tokens;

package/cjs/themes/tokens/marine.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const baseTheme = require("../baseTheme.cjs");
+const colors = {
+  anchor: "#1034a6",
+  anchorVisited: "#440381",
+  borderDark: "#3c8d88",
+  borderDarkest: "#050608",
+  borderLight: "#98d2cb",
+  borderLighter: "#c6e6e2",
+  borderLightest: "#dff1ef",
+  canvas: "#050608",
+  canvasText: "#c3e2da",
+  headerBackground: "#000080",
+  headerNotActiveBackground: "#7f7f7f",
+  headerNotActiveText: "#ced0cf",
+  headerText: "#ffffff",
+  material: "#75c1ba",
+  materialText: "#050608",
+  materialTextDisabled: "#3c8d88",
+  materialTextDisabledShadow: "#ffffff",
+  materialTextInvert: "#ffffff",
+  progress: "#000080",
+  inputBackground: "#ffffff",
+  inputBackgroundDisabled: "#98d2cb"
+};
+const tokens = {
+  ...baseTheme.theme,
+  colors,
+  shadows: baseTheme.generateShadows(colors)
+};
+exports.tokens = tokens;

package/cjs/themes/tokens/matrix.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const baseTheme = require("../baseTheme.cjs");
+const colors = {
+  anchor: "#1034a6",
+  anchorVisited: "#440381",
+  borderDark: "#282828",
+  borderDarkest: "#000000",
+  borderLight: "#656565",
+  borderLighter: "#aaaaaa",
+  borderLightest: "#d0d0d0",
+  canvas: "#000000",
+  canvasText: "#c0c0c0",
+  headerBackground: "#000000",
+  headerNotActiveBackground: "#7f7f7f",
+  headerNotActiveText: "#535353",
+  headerText: "#a7a7a7",
+  material: "#535353",
+  materialText: "#35FF69",
+  materialTextDisabled: "#282828",
+  materialTextDisabledShadow: "#a7a7a7",
+  materialTextInvert: "#ffffff",
+  progress: "#000000",
+  inputBackground: "#ffffff",
+  inputBackgroundDisabled: "#656565"
+};
+const tokens = {
+  ...baseTheme.theme,
+  colors,
+  shadows: baseTheme.generateShadows(colors)
+};
+exports.tokens = tokens;