use existing color pallette colors for inline code bg

This commit is contained in:
pat-s 2024-12-21 12:07:00 +01:00
parent a83368c20c
commit cb1d134cd5
No known key found for this signature in database
GPG key ID: 3C6318841EF78925
2 changed files with 7 additions and 8 deletions

View file

@ -39,9 +39,9 @@
--wp-hint-warn-100: theme('colors.int-wp-hint-warn.100'); --wp-hint-warn-100: theme('colors.int-wp-hint-warn.100');
--wp-hint-warn-200: theme('colors.int-wp-hint-warn.200'); --wp-hint-warn-200: theme('colors.int-wp-hint-warn.200');
--wp-code-100: theme('colors.int-wp-secondary.300'); --wp-code-100: theme('colors.gray.200');
--wp-code-200: theme('colors.int-wp-secondary.600'); --wp-code-300: theme('colors.int-wp-secondary.300');
--wp-code-300: #f0f1f3; --wp-code-600: theme('colors.int-wp-secondary.600');
--wp-code-text-100: theme('colors.gray.200'); --wp-code-text-100: theme('colors.gray.200');
--wp-code-text-alt-100: theme('colors.gray.300'); --wp-code-text-alt-100: theme('colors.gray.300');
@ -89,9 +89,8 @@
--wp-hint-warn-100: theme('colors.int-wp-hint-warn-dark.100'); --wp-hint-warn-100: theme('colors.int-wp-hint-warn-dark.100');
--wp-hint-warn-200: theme('colors.int-wp-hint-warn-dark.200'); --wp-hint-warn-200: theme('colors.int-wp-hint-warn-dark.200');
--wp-code-100: theme('colors.int-wp-secondary.700'); --wp-code-100: theme('colors.int-wp-secondary.300');
--wp-code-200: theme('colors.int-wp-secondary.800'); --wp-code-200: theme('colors.int-wp-secondary.600');
--wp-code-300: #262934;
--wp-code-text-100: theme('colors.gray.300'); --wp-code-text-100: theme('colors.gray.300');
--wp-code-text-alt-100: theme('colors.gray.400'); --wp-code-text-alt-100: theme('colors.gray.400');
@ -151,5 +150,5 @@ body,
.code-box-inline, .code-box-inline,
code:not(pre > code) { code:not(pre > code) {
@apply bg-wp-code-300 px-1.5 py-0.5 rounded-md text-wp-text-100; @apply bg-wp-code-100 px-1.5 py-0.5 rounded-md text-wp-text-100;
} }

View file

@ -196,7 +196,7 @@ export default defineConfig({
'wp-code': { 'wp-code': {
100: 'var(--wp-code-100)', 100: 'var(--wp-code-100)',
200: 'var(--wp-code-200)', 200: 'var(--wp-code-200)',
300: 'var(--wp-code-300)', 300: 'var(--wp-code-100)',
}, },
'wp-code-text': { 'wp-code-text': {