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)

We want your help! Become a Tag Moderator.
Fill out this survey and help us moderate our community by becoming a tag moderator here at DEV.