Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Gatsby Custom Playground Theme
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)`,
}
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment