Rutberg
Rutberg
NNuxt
Created by Rutberg on 6/1/2024 in #❓・help
[SOLVED] NuxtUI Color Change
UPDATE: Since I am using an src/ dir, I solved it by simply moving the app.config.ts file into the src/ directory.
3 replies
NNuxt
Created by Rutberg on 6/1/2024 in #❓・help
[SOLVED] NuxtUI Color Change
Also did try to specifically add a color called red in tailwind.config.ts to see if that would help, which it did not.
import type { Config } from 'tailwindcss';
import defaultTheme from 'tailwindcss/defaultTheme';

export default <Partial<Config>>{
theme: {
extend: {
colors: {
red: {
50: '#FFEBEE',
100: '#FFCDD2',
200: '#EF9A9A',
300: '#E57373',
400: '#EF5350',
500: '#F44336',
600: '#E53935',
700: '#D32F2F',
800: '#C62828',
900: '#B71C1C',
950: '#7F0000',
},
},
},
},
};
import type { Config } from 'tailwindcss';
import defaultTheme from 'tailwindcss/defaultTheme';

export default <Partial<Config>>{
theme: {
extend: {
colors: {
red: {
50: '#FFEBEE',
100: '#FFCDD2',
200: '#EF9A9A',
300: '#E57373',
400: '#EF5350',
500: '#F44336',
600: '#E53935',
700: '#D32F2F',
800: '#C62828',
900: '#B71C1C',
950: '#7F0000',
},
},
},
},
};
3 replies