mike-schultz / materialette

Materialette - A material design color palette

Hi there 👋

materialette's Issues

Resizable window

I was checking materialette out and found out that you are able to resize the window. I doubt this is intended behavior at this stage, so I thought I'd let you know. This is on Windows 10.

Direct Integration With ZingChart

1. The team feels it would be great if you could integrate this into ZingChart for the users.
2. What If we want to use bootstrap colors (Jeff)

Material Design Lite (MDL) Support

Hi, thanks for this awesome app.

That would be nice, if we could use copy the class for the material design lite as well.

Such as .mdl-color--blue-300 or .mdl-color-text--blue-300

You can see more here http://blog.jonathanargentiero.com/material-design-lite-color-classes-list

It should be easy to implement that. Something like ".mdl-color--{color}-{number}" and ".mdl-color-text--{color}-{number}"

My suggest for the menu would be "MDL" and "MDL Text"

I'm happy to give try if you are interested on that.

Bug: Hit CMD+V in materialette, cannot copy colors anymore

I came across this issue on OS X 10.11.6

How to reproduce:

1. Click tray icon to reveal Materialette
2. Click color field to copy color (e.g. #000000)
3. Open empty text file, hit CMD+V to paste: works perfectly ✔︎
4. Reveal Materialette again
5. Hit CMD+V as if to paste something in Materialette
6. Click another color field to copy another color (e.g. #ffffff)
7. Go back to text file, hit CMD+V: #000000 is pasted, the new color is not in the clipboard ✗
8. All subsequent attempts to copy a color from Materialette fail until I restart the program

Add support for RGB/RGBA

Perhaps this can be included in a preferences menu, or as a slider/checkbox style input at the bottom of the app.

HSL support (question)

First of all I love your app! :) I was wondering are you interested in supporting HSL? If so I'd happily try to add it :)

Blank button upon opening on Linux

Blank button opens on Linux (Ubuntu 16.04 LTS) when opening the app from the topbar. Clicking it will open the app.

Any ideas? Is it the menubar package?

Wrong position when the Windows taskbar is on the left side.

Add a color picker!

Fail to build in OSX, can we add node versions and possibly yarn.lock

Hi, it would be good to use nvm to keep a consistent version of node and npm, that will make it easier to run locally and contribute.

Ideally using yarn instead of npm to install the dependencies would be good too, it will allow to save the version of the dependencies and in that way be able to run it better and more constantly in different environments.

I could give it a shot, and get it to run in latest node.

I'm using

node --version
v6.4.0

and

npm --version
3.10.3

Hex/RGB toggle appears to do nothing

The tooltip reads the hex code either way. 1.2.2, Mac 10.12.1

Appears on bottom on windows even when taskbar is positioned on the top.

Unable to change screen

Is there a way to change the window's position on Windows 10? Even if it's just changing the display, I would really appreciate that.

Great job on materialette!

Use system fonts

Does the applet have to make a network request to fonts.googleapis.com?

Can't build

When I run npm run build, the build fails. The content of npm-debug.log:

0 info it worked if it ends with ok
1 verbose cli [ '/Users/bildlich/.nvm/versions/node/v6.8.1/bin/node',
1 verbose cli   '/Users/bildlich/.nvm/versions/node/v6.8.1/bin/npm',
1 verbose cli   'run',
1 verbose cli   'build' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'prebuild', 'build', 'postbuild' ]
5 info lifecycle [email protected]~prebuild: [email protected]
6 silly lifecycle [email protected]~prebuild: no script for prebuild, continuing
7 info lifecycle [email protected]~build: [email protected]
8 verbose lifecycle [email protected]~build: unsafe-perm in lifecycle true
9 verbose lifecycle [email protected]~build: PATH: /Users/bildlich/.nvm/versions/node/v6.8.1/lib/node_modules/npm/bin/node-gyp-bin:/Users/bildlich/Development/materialette/node_modules/.bin:/Users/bildlich/.nvm/versions/node/v6.8.1/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/usr/local/MacGPG2/bin
10 verbose lifecycle [email protected]~build: CWD: /Users/bildlich/Development/materialette
11 silly lifecycle [email protected]~build: Args: [ '-c', 'npm run build:macos' ]
12 silly lifecycle [email protected]~build: Returned: code: 1  signal: null
13 info lifecycle [email protected]~build: Failed to exec build script
14 verbose stack Error: [email protected] build: `npm run build:macos`
14 verbose stack Exit status 1
14 verbose stack     at EventEmitter.<anonymous> (/Users/bildlich/.nvm/versions/node/v6.8.1/lib/node_modules/npm/lib/utils/lifecycle.js:255:16)
14 verbose stack     at emitTwo (events.js:106:13)
14 verbose stack     at EventEmitter.emit (events.js:191:7)
14 verbose stack     at ChildProcess.<anonymous> (/Users/bildlich/.nvm/versions/node/v6.8.1/lib/node_modules/npm/lib/utils/spawn.js:40:14)
14 verbose stack     at emitTwo (events.js:106:13)
14 verbose stack     at ChildProcess.emit (events.js:191:7)
14 verbose stack     at maybeClose (internal/child_process.js:877:16)
14 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:226:5)
15 verbose pkgid [email protected]
16 verbose cwd /Users/bildlich/Development/materialette
17 error Darwin 15.6.0
18 error argv "/Users/bildlich/.nvm/versions/node/v6.8.1/bin/node" "/Users/bildlich/.nvm/versions/node/v6.8.1/bin/npm" "run" "build"
19 error node v6.8.1
20 error npm  v3.10.8
21 error code ELIFECYCLE
22 error [email protected] build: `npm run build:macos`
22 error Exit status 1
23 error Failed at the [email protected] build script 'npm run build:macos'.
23 error Make sure you have the latest version of node.js and npm installed.
23 error If you do, this is most likely a problem with the materialette package,
23 error not with npm itself.
23 error Tell the author that this fails on your system:
23 error     npm run build:macos
23 error You can get information on how to open an issue for this project with:
23 error     npm bugs materialette
23 error Or if that isn't available, you can get their info via:
23 error     npm owner ls materialette
23 error There is likely additional logging output above.
24 verbose exit [ 1, true ]

Quitting the App

As far as i can see, at this moment there is no way to close the app, or quit it.

Icon size

When compared to the icon on the website, the icon appears too large on macOS v10.12.

Expected Behavior

The icon size is similar in size to other status bar icons.

Actual Behavior

The icon size is larger than other status bar icons.

Not signed by an identified developer (macOS)

Many people won't be able to use it or will be deterred because it is not signed by an identified developer (macOS).

I'm unable to use unsigned software at work due to the security policy that's set up.
Is this something you may possibly do?

provide/release a .deb instead of .zip

I'm using linux(mint) and wanted to say great app but just a little more effort and providing a .deb would be cool!

No option to close/quit the app

Once opened, I don't see any option to quit the app when its no longer needed.

I'd recommend adding a right-click menu on the menubar icon with options like 'About' and 'Quit'.

Check out Electrino

Hey, just passing by, but FYI there's a project for reducing the bloat/overhead of Electron apps by using the OS's built-in web rendering engine. It's called Electrino (there's a blog post here). It's not cross platform yet, but from the screenshot it looks like you probably use a mac, so maybe you'd be interested; maybe you could do a parallel build setup, idk (I don't have a mac so I can't try it out on my electron apps).