Gatsby Custom Playground Theme

customTheme.js

export {
  codeTheme: {
    def: `#ffe036`,
    property: `#9effe5`,
    keyword: `#66b8ff`,
    string: `#9effe5`,
    punctuation: `#5c7180`,
    comment: `#5c7180`,
    background: `#241236`,
    editorBackground: `#2c1742`,
    resultBackground: `#402160`,
    leftDrawerBackground: `#331745`,
    rightDrawerBackground: `#331745`,
    tab: `#402160`,
    tabInactive: `#3a1b4f`,
    navigationBar: `#402160`,
    navigationBarText: `#b69ace`,
    drawerText: `rgba(255,255,255,0.5)`,
    drawerTextInactive: `rgba(255,255,255,0.3)`,
    executeButton: `#e1bfff`,
    executeButtonBorder: `#09141e`,
    executeButtonHover: `#ffffff`,
    button: `#663399`,
    buttonHover: `rgba(102, 51, 153, 0.2)`,
    buttonText: `#b69ace`,
    buttonWorkspace: `rgb(185, 191, 196)`,
    buttonWorkspaceHover: `rgb(157, 166, 173)`,
    buttonWorkspaceText: `rgb(238, 239, 240)`,
    icon: `rgba(255, 255, 255, 0.5)`,
    iconHover: `rgba(255, 255, 255, 0.25)`,
  }
};