# AceEditor ColorPicker AddOn

.sample-green .red { background-color: green; color: blue; }

    // AceEditor Addon
    var cm = AceEditor.fromTextArea(document.getElementById("sample_text_area"), {
        colorpicker : {
            mode : 'edit'
        }
    });

# ColorPicker Style

### Chrome Devtool Style

### Adobe XD Style

### Sketch Style

### MacOS Style

### Ring Style

### Mini Style

### Mini Vertical Style

### VSCode Style

    {
        colorpicker : {
            type : 'palette' // or 'sketch',  default type is 'chromedevtool'
        }
    }