Skip to content

Instantly share code, notes, and snippets.

@yasudacloud
Created March 25, 2025 05:50
Show Gist options
  • Save yasudacloud/46142e712389dc80fca54f82df26fb21 to your computer and use it in GitHub Desktop.
Save yasudacloud/46142e712389dc80fca54f82df26fb21 to your computer and use it in GitHub Desktop.
strapi custom theme color
import type {StrapiApp} from '@strapi/strapi/admin';
export default {
config: {
theme: {
light: {
colors: {
alternative100: '#f6ecfc',
alternative200: '#e0c1f4',
alternative500: '#ac73e6',
alternative600: '#9736e8',
alternative700: '#8312d1',
buttonNeutral0: '#666',
buttonPrimary500: '#eee',
buttonPrimary600: '#fff',
danger100: '#fcecea',
danger200: '#f5c0b8',
danger500: '#ee5e52',
danger600: '#d02b20',
danger700: '#b72b1a',
neutral0: '#fafafa',
neutral100: '#f5f5f5',
neutral150: '#eaeaef',
neutral200: '#dcdce4',
neutral300: '#c0c0cf',
neutral400: '#a5a5ba',
neutral500: '#8e8ea9',
neutral600: '#666687',
neutral700: '#4a4a6a',
neutral800: '#32324d',
neutral900: '#212134',
neutral1000: '#181826',
primary100: '#eee',
primary200: '#bbb',
primary500: '#888',
primary600: '#777',
primary700: '#444',
secondary100: '#eaf5ff',
secondary200: '#b8e1ff',
secondary500: '#66b7f1',
secondary600: '#0c75af',
secondary700: '#006096',
success100: '#eafbe7',
success200: '#c6f0c2',
success500: '#5cb176',
success600: '#328048',
success700: '#2f6846',
warning100: '#fdf4dc',
warning200: '#fae7b9',
warning500: '#f29d41',
warning600: '#d9822f',
warning700: '#be5d01',
},
shadows: {
filterShadow: '0px 1px 4px rgba(33, 33, 52, 0.1)',
focus:
'inset 2px 0px 0px rgb(39, 31, 224), inset 0px 2px 0px rgb(39, 31, 224), inset -2px 0px 0px rgb(39, 31, 224), inset 0px -2px 0px rgb(39, 31, 224)',
focusShadow: '0px 0px 6px rgba(76, 191, 255, 0.75)',
popupShadow: '0px 2px 15px rgba(33, 33, 52, 0.1)',
tableShadow: '0px 1px 4px rgba(33, 33, 52, 0.1)',
}
}
}
},
bootstrap(app: StrapiApp) {
},
register(app: StrapiApp) {
},
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment