mioe•2y ago

How add custom colors to twind config?

my config:

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

export default {
    selfURL: import.meta.url,
} as Options

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

export default {
    selfURL: import.meta.url,
} as Options

3 Replies

ioB•2y ago

A basic example:

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

export default {
  selfURL: import.meta.url,
  theme: {
    extend: {
      colors: {
        'midnight': '#121063',
      }
    }
  }
} as Options

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

export default {
  selfURL: import.meta.url,
  theme: {
    extend: {
      colors: {
        'midnight': '#121063',
      }
    }
  }
} as Options

Using twind/colors:

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

export default {
  selfURL: import.meta.url,
  theme: {
    extend: {
      colors
    }
  }
} as Options

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

export default {
  selfURL: import.meta.url,
  theme: {
    extend: {
      colors
    }
  }
} as Options

mioe•2y ago

thx

Unknown User•2y ago

Message Not Public