DEV Community

Serey Vatanak
Serey Vatanak

Posted on

How do you config custom theme in twind config file?

The official fresh website is open source and simply puts it at the root of the project.

twind.config.ts

import { Options } from "$fresh/plugins/twind.ts";

export default {
  selfURL: import.meta.url,
  theme: {
    extend: {
      colors: {
        primary: "#0b486b",
        secondary: "#106799",
        transparent: "transparent",
      },
    },
  },
} as Options;
Enter fullscreen mode Exit fullscreen mode

References:

Top comments (0)