-
Hey, I'm trying to update the color palette for my app, and I've made changes in the colors.js file like this: primary: {
50: "#E6F7FF",
100: "#C2E0FF",
200: "#9ECAFF",
300: "#7AB4FF",
400: "#569EFF",
500: "#3289FF",
600: "#0E73FF",
700: "#0068E6",
800: "#005EBF",
900: "#005299",
} export const buttonVariants: BVariant = {
defaults: {
container: "flex-row items-center justify-center rounded-2xl px-12 py-3 my-2",
label: "text-[16px] font-medium text-white",
indicator: "text-white h-[30px]",
},
primary: {
container: "bg-primary-600",
label: "",
indicator: "text-white",
},
secondary: {
container: "bg-primary-600",
label: "text-secondary-600",
indicator: "text-white",
},
outline: {
container: "border border-neutral-400",
label: "text-black dark:text-charcoal-100",
indicator: "text-black",
},
}; However, it seems like my buttons are still displaying an orange color from the default template. What am I missing here? |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 2 replies
-
As you are uodating tailwindcss config, you need to rerun you server without cache using 'pnpm start --c' |
Beta Was this translation helpful? Give feedback.
-
@yjose Can you show me an example how you are styling the |
Beta Was this translation helpful? Give feedback.
As you are uodating tailwindcss config, you need to rerun you server without cache using 'pnpm start --c'