import type { FxNodeTheme } from "@lib/index.js";
export const exampleTheme = {
  background: "#1d1f23",
  grid: "#33363c",
  frame: "#30343a80",
  frameHeader: "#59616c",
  body: "#35383e",
  control: "#24272b",
  controlFill: "#4775b8",
  controlEditing: "#181a1d",
  textSelection: "#4775b8",
  outline: "#111216",
  text: "#e5e5e5",
  muted: "#a5a8ad",
  shadow: "#00000088",
  nodeSelected: "#ed5700",
  nodeActive: "#ffffff",
  unknownHeader: "#555b64",
  unknownSocket: "#999999",
  linkMuted: "#d94b4b",
  knifeMuted: "#e85b5b",
  emphasis: "#ffffff",
  focus: "#f5a623",
  editOutline: "#666a70",
  resize: "#8b8e95",
  muteOverlay: "#14141459",
  boxSelectionFill: "#f5a6231f",
  checkerLight: "#aaaaaa",
  checkerDark: "#777777",
  widgetBorder: "#111216",
  rampBorder: "#111111",
  resourceBackground: "#202228",
} as const satisfies FxNodeTheme;