Giter VIP home page Giter VIP logo

native-color-picker's Introduction

OS X Color Picker

Note: Currently only works on OS X. Windows support can probably be added on (pull) request.

A simple color picker that uses the handy and trusted OS X color picker that also includes the very useful eye dropper for picking a color from any pixel on screen.

Activate with Shift-Cmd-C or from the context-menu of your editor (right-click). Inserts or replaces the currently selected text with the selected color, in hexadecimal form.

The picker is seeded with the color in the current editor selection (only hexadecimal form is supported at the moment). If you have a text like #ff88ee or ff88ee selected in the editor and activate the picker, the color picker with be seeded with #ff88ee.

OS X Native Color Picker

Roadmap

  • Make the insertion mechanism a little smarter so it detects if a color is already under the cursor; the color text will be automatically selected and replaced when picking.
  • Seed the picker with any color already under the cursor
  • Use the same color format during insertion, as any color already under the cursor
  • Allow only bright pink to be picked.

native-color-picker's People

Contributors

gregerolsson avatar owainharris avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

Forkers

owainharris

native-color-picker's Issues

Uncaught TypeError: Cannot read property 'getSelectedText' of undefined

[Enter steps to reproduce below:]

  1. ...
  2. ...

Atom Version: 1.5.4
System: Ubuntu 15.10
Thrown From: native-color-picker package, v0.2.0

Stack Trace

Uncaught TypeError: Cannot read property 'getSelectedText' of undefined

At /home/doriwield/.atom/packages/native-color-picker/lib/native-color-picker.js:72

TypeError: Cannot read property 'getSelectedText' of undefined
    at getStartColor (/home/doriwield/.atom/packages/native-color-picker/lib/native-color-picker.js:72:25)
    at atom-workspace.module.exports.pick (/home/doriwield/.atom/packages/native-color-picker/lib/native-color-picker.js:19:7)
    at CommandRegistry.module.exports.CommandRegistry.handleCommandEvent (/usr/share/atom/resources/app.asar/src/command-registry.js:260:29)
    at /usr/share/atom/resources/app.asar/src/command-registry.js:3:61
    at KeymapManager.module.exports.KeymapManager.dispatchCommandEvent (/usr/share/atom/resources/app.asar/node_modules/atom-keymap/lib/keymap-manager.js:570:16)
    at KeymapManager.module.exports.KeymapManager.handleKeyboardEvent (/usr/share/atom/resources/app.asar/node_modules/atom-keymap/lib/keymap-manager.js:378:22)
    at WindowEventHandler.module.exports.WindowEventHandler.handleDocumentKeydown (/usr/share/atom/resources/app.asar/src/window-event-handler.js:97:36)
    at HTMLDocument.<anonymous> (/usr/share/atom/resources/app.asar/src/window-event-handler.js:3:61)

Commands

  2x -0:07.8.0 native-color-picker:pick (atom-text-editor.editor.is-focused)

Config

{
  "core": {}
}

Installed Packages

# User
autocomplete-plus, v2.29.1
autocomplete-ruby, v0.1.0
color-picker, v2.1.1
emmet, v2.4.2
native-color-picker, v0.2.0
pigments, v0.24.5

# Dev
No dev packages

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.