CodeMirror Color Picker

A CodeMirror extension that adds a color picker input next to CSS color values. This is a fork of @replit/codemirror-css-color-picker.

Usage

import {EditorState} from '@codemirror/state';
import {EditorView} from '@codemirror/view';
import {css} from '@codemirror/lang-css';
import {colorPicker} from '@bhsd/codemirror-css-color-picker';

new EditorView({
	parent: document.body,
	state: EditorState.create({
		doc: '.wow {\n\tcolor: #fff;\n}',
		extensions: [
			css(),
			colorPicker,
		],
	}),
});

Todos

• Investigate solutions for alpha values. input[type="color"] does not support alpha values. We could show another number input next to it for the alpha value.