import { create } from "@storybook/theming/create";
import { theme } from "../src/css/globalStyle";

export default create({
  base: "dark",

  colorSecondary: theme.color.primary[600],

  // Typography
  fontBase: '"Manrope", sans-serif',
  fontCode: "monospace",

  // Text colors
  textColor: "white",
  textInverseColor: "rgba(255,255,255,0.9)",

  // Toolbar default and active colors
  barTextColor: "#d7f5ea",
  barSelectedColor: "#d7f5ea",
  barBg: "#03a596",

  // Form colors
  inputBg: theme.color.grey[900],
  inputBorder: "silver",
  inputTextColor: "black",
  inputBorderRadius: 4,

  brandTitle: "Cloudline Components",
  brandUrl: "https://www.cloudlineapp.com",
  brandImage:
    "https://uploads-ssl.webflow.com/5d63ee802f4948344ce1fbd0/5d63ef3a618d2541a356198b_Cloudline%20Logo%20with%20Writing%20-%20White%403x-p-500.png"
});
