Update HTML Generation to include consistent theming. #7

New issue

Closed

opened 2025-05-27 01:52:52 +00:00 by rileyseaburg · 0 comments

rileyseaburg commented

2025-05-27 01:52:52 +00:00

(Migrated from github.com)

User reports that the content generated by OPEN ai when they reuqest html to be generated is often off brand for spotkess bin co.

// tailwind.config.js
module.exports = {
content: [
"./src/**/*.{js,jsx,ts,tsx}",
],
theme: {
extend: {
colors: {
spotlessBlue: {
50: '#eaf6ff',
100: '#cbeaff',
200: '#a4dcff',
300: '#74caff',
400: '#3bb3ff',
500: '#009cff', // Primary Brand Blue
600: '#0088e6',
700: '#0072c2',
800: '#005d9e',
900: '#004a80',
},
spotlessGreen: {
50: '#f0fcf4',
100: '#d8f9e5',
200: '#b0f2ca',
300: '#78e5a5',
400: '#3ed57d',
500: '#00c853', // Secondary Brand Green
600: '#00b046',
700: '#008c39',
800: '#006e2d',
900: '#005723',
},
grayNeutral: {
50: '#f9fafb',
100: '#f3f4f6',
200: '#e5e7eb',
300: '#d1d5db',
400: '#9ca3af',
500: '#6b7280', // Standard neutral
600: '#4b5563',
700: '#374151',
800: '#1f2937',
900: '#111827',
},
},
fontFamily: {
sans: ['Inter', 'sans-serif'],
},
boxShadow: {
'spotless': '0 10px 15px -3px rgba(0, 156, 255, 0.1), 0 4px 6px -2px rgba(0, 156, 255, 0.05)',
},
},
},
plugins: [],
};

User reports that the content generated by OPEN ai when they reuqest html to be generated is often off brand for spotkess bin co. // tailwind.config.js module.exports = { content: [ "./src/**/*.{js,jsx,ts,tsx}", ], theme: { extend: { colors: { spotlessBlue: { 50: '#eaf6ff', 100: '#cbeaff', 200: '#a4dcff', 300: '#74caff', 400: '#3bb3ff', 500: '#009cff', // Primary Brand Blue 600: '#0088e6', 700: '#0072c2', 800: '#005d9e', 900: '#004a80', }, spotlessGreen: { 50: '#f0fcf4', 100: '#d8f9e5', 200: '#b0f2ca', 300: '#78e5a5', 400: '#3ed57d', 500: '#00c853', // Secondary Brand Green 600: '#00b046', 700: '#008c39', 800: '#006e2d', 900: '#005723', }, grayNeutral: { 50: '#f9fafb', 100: '#f3f4f6', 200: '#e5e7eb', 300: '#d1d5db', 400: '#9ca3af', 500: '#6b7280', // Standard neutral 600: '#4b5563', 700: '#374151', 800: '#1f2937', 900: '#111827', }, }, fontFamily: { sans: ['Inter', 'sans-serif'], }, boxShadow: { 'spotless': '0 10px 15px -3px rgba(0, 156, 255, 0.1), 0 4px 6px -2px rgba(0, 156, 255, 0.05)', }, }, }, plugins: [], };

👀 1