theme.js

export const themes = {
  light: {
    "color-fg": "#111",
    "color-fg-alt": "#444",
    "color-bg": "#f9f9f9",
    "color-bg-alt": "#efefef",
    "color-border": "#dfdfdf",
    "color-primary": "rgb(0, 128, 86)",
    "color-primary-alt": "rgba(0, 128, 86, 0.6)",
    "color-code-punctuation": "#bd717e",
    "color-code-comment": "#aaa",
    "color-code-method": "#2879a8",
    "color-code-string": "#843a96",
    "color-code-function": "#a95600",
    "color-code-dom": "#f74949",
    "color-code-property-access": "##7d4500",
    "color-code-class-name": "##7d4500",
    "color-code-operator": "#e6a3cb",
    "font-weight-light" : "200",
    "font-weight-normal" : "400",
    "font-weight-bold" : "600",
    "shadow": "4px 4px 0px rgba(125,125,125,0.2)",
  },
  dark: {
    "color-fg": "#f9f9f9",
    "color-fg-alt": "#c0c0c0",
    "color-bg": "#0f0f0f",
    "color-bg-alt": "#1f1f1f",
    "color-border": "#484848",
    "color-primary": "rgb(40, 168, 126)",
    "color-primary-alt": "rgba(0, 128, 86, 0.6)",
    "color-code-punctuation": "#a89828",
    "color-code-comment": "#666",
    "color-code-method": "#3b93c5",
    "color-code-string": "#e6a3cb",
    "color-code-function": "#3fbfbf",
    "color-code-dom": "#f17272",
    "color-code-property-access": "#a08c72",
    "color-code-class-name": "#a08c72",
    "color-code-operator": "#e6a3cb",
    "font-weight-light" : "100",
    "font-weight-normal" : "300",
    "font-weight-bold" : "500",
    "shadow": "4px 4px 0px rgba(0,0,0,1)",
  }
};