Material UI - Can't change color

[BenceMatrai]

Hey I can not change the main color from the default Teal. I'm using atom-material-ui with the atom-material-dark syntax theme.

Reproduction Steps:

1. Open Themes, click gear icon next to Atom Material UI theme.
2. Choose a color from the dropdown menu.
3. Nothing happens.

Expected behavior:

Changed main color.

Observed behavior:

Nothing happens.

Screenshots and GIFs

As you can see here the colors do not change. (reboot tried)
Sidenote: Does not work either if i use the Atom Material syntax theme instead of the dark one.

Atom version: 1.32.0 x64
OS and version: Windows 10 latest update as of 18.03.05

Installed packages:

emmet
Auto-close
Beautify
minimap

[Fohdeesha]

having exact same issue

[lqzhgood]

I restored the color through the steps below.

1. remove atom material package
2. restart Atom
3. install atom material package
4. restart Atom
5. change Perdefined colors
6. restart Atom

is ok in 1.24.1 x64

@lqzhgood This solution worked for me, but still there is some creepy issue here.

[BenceMatrai]

@lqzhgood Thanks it worked!

Hey all, I was having the same issue until I installed the atom-material-syntax package. Works like a charm

[iammruni]

@lqzhgood Thanks a lot!

[iammruni]

@BenceMatrai @Fohdeesha @karolfalkiewicz @lqzhgood... Btw I noticed something... Atom Material UI will work normally and change color instantly if your 'syntax theme' is NOT Atom Material Dark or Light. If you keep your syntax theme Atom Material Syntax and then change your UI theme to Atom Material you can change those colors like any other normal theme. Maybe those two syntax files are overriding the colors.

[tojason]

I have the same issue, the change color only works with certain syntax theme. Looks like atom-material-ui isn't compatible with some other syntax theme. Need to fix the overriding issues.

[Zeklandia]

The problem only happens to me when atom-material-syntax-dark is set as the syntax theme.

[Extarys]

HJust restarting Atom for the change to take effect worked for me on 1.26.0

[PraxisPrime]

{Fixed}

not a coder so apologies for my non standard syntax, but below method will work. Not sure why "optional" is in the line as the theme works perfectly as described without it.

-delete (optional) from Line 104 in atom-material-ui>styles>ui-variables.less of theme project code
-reads....@import (optional) "user-settings";
-should read @import "user-settings";

Save file and then you will need to go back into theme options and then re pick your color.
Only negative I can see is it tints the tab bar and you have to go back and check/uncheck the "Tinted tab bar" option.

[gavsiu]

Uninstalling, restarting, installing, restarting, changing colours, and restarting does not work for me. I didn't see how that would help anyway since I just installed the theme before encountering this issue.

Deleting (optional) from Line 104 broke Atom. It opened with dev tools only. Reverted the change and Atom opened normally.

Arch Linux
Atom v1.28.1
atom-material-ui v2.1.3

[levblanc]

Same issue here.

Tried reinstalling atom-material-ui package but didn't work.

	version
MacOS	v10.11.6
Atom	v1.31.2
atom-material-ui	v2.1.3

In my case, I found that atom-material-ui is just not working with the dracula-syntax,

if I change syntax theme to default ones like One Dark, or Atom Dark,

the predefined color actually works.

[aagerblad]

I have the same issue. Except it does not work with One Dark or Atom Dark. Changing the accent color work with all other syntax themes, but for those two it reverts back to the default green.

Using One Dark: Checkmarks are the wrong color

Using One Light: Checkmarks are the right color

[fragmential]

@lqzhgood didn't work with me unfortunately.