# code-block-pro/1.28.0/tailwind.config.js

Code Block Pro – Beautiful Syntax Highlighting, version 1.28.0. 76 lines.

- Page: https://pluginprobe.com/plugins/code-block-pro/1.28.0/code/tailwind.config.js
- Raw: https://pluginprobe.com/plugins/code-block-pro/1.28.0/raw/tailwind.config.js
- Modified: 2026-04-12T13:22:22+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/code-block-pro/1.28.0/code/tailwind.config.js#L10-L20`.

```javascript
const colors = require('tailwindcss/colors');
delete colors.lightBlue;
delete colors.warmGray;
delete colors.trueGray;
delete colors.coolGray;
delete colors.blueGray;

// See postcss.config.js for more parsing options.
module.exports = {
	// Tnis should match the namespace you use in your css styles.
	important: '.code-block-pro',
	theme: {
		screens: {
			xxs: '280px',
			xs: '480px',
			sm: '600px',
			md: '782px',
			md2: '960px', // admin sidebar auto folds
			lg: '1080px', // adminbar goes big
			xl: '1280px',
			'2xl': '1440px',
			'3xl': '1600px',
			'4xl': '1920px',
		},
		colors: {
			...colors,
			'wp-theme': {
				500: 'var(--wp-admin-theme-color)',
				600: 'var(--wp-admin-theme-color-darker-10)',
				700: 'var(--wp-admin-theme-color-darker-20)',
			},
			wp: {
				alert: {
					yellow: '#f0b849',
					red: '#cc1818',
					green: '#4ab866',
				},
			},
			website: {
				main: '#272335',
				'main-dark': '#1E1A2B',
				accent: '#FF7EDB',
				'accent-yellow': '#FEDE5D',
			},
			// https://github.com/WordPress/gutenberg/blob/trunk/packages/base-styles/_colors.scss
			gray: {
				50: '#fbfbfb',
				100: '#f0f0f0',
				150: '#eaeaea', // This wasn't a variable but I saw it on buttons
				200: '#e0e0e0', // Used sparingly for light borders.
				300: '#dddddd', // Used for most borders.
				400: '#cccccc',
				500: '#cccccc',
				600: '#949494', // Meets 3:1 UI or large text contrast against white.
				700: '#757575', // Meets 4.6:1 text contrast against white.
				900: '#1e1e1e',
			},
		},
		extend: {
			zIndex: {
				high: '99999',
				max: '2147483647', // max int values - don't block WP re-auth modal
			},
			ringWidth: {
				wp: 'var(--wp-admin-border-width-focus)',
			},
		},
	},
	plugins: [],
	corePlugins: {
		preflight: false,
		animation: false,
		container: false,
	},
};

```