Materia-theme: Color scheme

[nana-4]

Recently Materia has changed the color scheme based on opinions of various users.

If you have any opinions or suggestions about color scheme, feel free to post it here.

[Slomo17]

i like the new accent color, this teal think, (no more pink :) ) but i don't like the new titlebar color, its to dark, the old one was perfect, that was the reason i used this theme, and why i prefered it over adapta theme, now i think i like adapta more, maybe i will switch.

[nana-4]

@Slomo17 I understand your opinion about the new titlebar color (thanks for that), but I don't understand why you need to refer to Adapta. It's just one of the downstream themes, there is no necessity to bring it out here.

[Slomo17]

I just wanted to point out the reason why i choose Materia over other alternatives, and that this reason is now gone

[german-rios-gonzalez]

@nana-4 thanks for your hard job, this theme it's incredible and this change it's very welcome.

[fthx]

+1 for the new color scheme.
Congrats for your great work.

[IShashkin]

@nana-4 thanks for the new colors they are very cool. little exception is color of a title bar (standart variant of theme). it is too dark or i am just used to old version:)

[ghost]

Following issue #19:

Congrats @nana-4 this new color scheme is better IMO. And I'm working on something... ;)

[svnset]

The new color scheme is very nice. But once the best ever customizing script is done with the new template, everyone will run their own color version :P

[ghost]

...and I'm done :)

@nana-4 -> https://github.com/DarthWound/materia-kolorizer

[robotmaxtron]

The accent color is nice, I'll admit that while I miss the pink I think the teal is just fine. I do also feel like the titlebar color is too dark in the standard variant, it's very jarring against a light background.

[actionless]

@DarthWound is there any reason why it should be preferred over change_color.sh script from the materia repo itself?

[actionless]

@robotmaxtron

I miss the pink

previous version of materia colors is archived in this palette:
https://github.com/actionless/oomox/blob/master/colors/modern/materia

you can apply it with change_color.sh script or with oomox

later the palette will be renamed to materia_old and the current one will be added there

[ghost]

@actionless it's different and complementary. No competition here. And change_color.sh has (had?) some issues like not rendering variants simultaneously or weird elements in GNOME Shell.

From my readme.md:

PS: I know that there is a script provided by Materia (and Oomox utility) to create custom themes, the difference here is that we only change primary/accent colors and keep Materia theme (+variants) intact.

[actionless]

i still suggest instead contribute into solving the common problems as part of materia theme development:
https://github.com/nana-4/materia-theme/issues/218 instead of spreading effort on doing a similar project wherever you found it competitive or not.

Having a stable color-changing 'base' in the materia theme itself will help to reduce the code of your script into 2 lines of code:

theme="SEL_BG=$1\nACCENT_BG=$1\n...." # next are just default materia colors
./change_color.sh <(echo -e $theme)

[Jimvanhazendonk]

I dont know if it has been asked before but I would like to see an
anthracite / yellow theme.
recently I startd changed all our desktop machine in the makerspace to an
ubuntu with Materia theme.
our colours are yellow ( ffdd0e ) and very dark grey
Would be great is a colour sheme like that would be available :)

On Wed, Mar 21, 2018 at 10:36 AM, nana-4 [e-mail] wrote:

Recently Materia has changed the color scheme based on opinions of various
users.

If you have opinions or suggestions about color scheme, please report it
here.

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
https://github.com/nana-4/materia-theme/issues/220, or mute the thread
https://github.com/notifications/unsubscribe-auth/AAG_Pv8FDfuAYGZx5Cf4JtTt6uoxIcAyks5tgh8ZgaJpZM4SzPv-
.

--
Jim van Hazendonk
www.racoon.media

[unfulvio]

Fedora user here.

I like the new color scheme!

Not that I disliked the pinkish one before, but that looked like more example-material design. Out of curiosity what were the reasons prompting for change?

Do you have a recommended background and icons set for it? I use the dark version and paper icons.

I just want to grab the occasion to thank you for this beautiful theme! Cheers :beers:

[svnset]

I dont know if it has been asked before but I would like to see an
anthracite / yellow theme.
recently I startd changed all our desktop machine in the makerspace to an
ubuntu with Materia theme.
our colours are yellow ( ffdd0e ) and very dark grey
Would be great is a colour sheme like that would be available :)

Just use our change_color.sh script (or oomox). It improved alot this year and produces beautiful materia themes based on your own colorscheme. You could automate the building and recoloring of materia for all machines in a very simple script.

[Jimvanhazendonk]

thank you for your replay.
I wasn't aware of that... I'm kinda new to this.
Will try it out :)

On Fri, Mar 23, 2018 at 3:58 PM, svnset [e-mail] wrote:

I dont know if it has been asked before but I would like to see an
anthracite / yellow theme.
recently I startd changed all our desktop machine in the makerspace to an
ubuntu with Materia theme.
our colours are yellow ( ffdd0e ) and very dark grey
Would be great is a colour sheme like that would be available :)

Just use our change_color.sh script (or oomox). It improved alot this year
and produces beautiful materia themes based on your own colorscheme. You
could automate the building and recoloring of materia for all machines in a
very simple script.

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/nana-4/materia-theme/issues/220#issuecomment-375692470,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AAG_PqcEWF93sHA3wRqmhCTeuKrJiTPTks5thQ2FgaJpZM4SzPv-
.

--
Jim van Hazendonk
www.racoon.media

[ghost]

@nana-4 just a suggestion, wouldn't it be better if gnome-shell "light" variant was really "light"?

screenshot (don't pay attention to the blue color)

For example:

"TOP BAR" section
- normal becomes transparent white
- solid becomes very light grey instead of same as normal

#212121 -> #DEDEDE
#FFFFFF -> #000000
rgba(0, 0, 0, 0.x) -> rgba(255, 255, 255, 0.x)

[nana-4]

Hey, thank you everyone. Your opinions are very helpful for future decision making!

The current title bar color (#303030) is in line with Material Design guidelines, but I will consider making it a little brighter.

[nana-4]

@DarthWound Thanks for sharing your program. That's so cool. :)

Also thanks for your suggestion. It looks nice, but my only concern is that Matetia-light also has a dark theme (for gtk-application-prefer-dark-theme). I think the combination of light top bar and dark theme (especially when maximized) probably does not look good.

[nana-4]

@eracoon

Would be great is a colour sheme like that would be available

Sorry but we can't add any more variants because it's hard to maintain many variants. However, I welcome suggestions for alternative default colors that are acceptable for many people. :)

[nana-4]

@unfulvio

Out of curiosity what were the reasons prompting for change?

Good question. It's mainly in order to follow the Material Design guidelines more accurately.

The neutral Grey colors have been recommended for dark theme in the guidelines. It is easy to handle and matches any accent color. Blue Grey (ish) colors were a bit difficult to control.

For accent color, I liked the pink, but it had many discontented opinions. Also I had to admit that Pink A200 was a bit dazzling on dark theme. Tael 500 was good brightness on both light and dark themes and used in many samples of Material Design, so I chose it.

[ghost]

@nana-4

Also thanks for your suggestion. It looks nice, but my only concern is that Matetia-light also has a dark theme (for gtk-application-prefer-dark-theme). I think the combination of light top bar and dark theme (especially when maximized) probably does not look good.

You're right. Do you think it's something potentially feasible though?

[nana-4]

@DarthWound Nope, so far. The current (neutral) translucent black is the only feasible thing I can think of.

[ghost]

@nana-4 no problem, thank you :)

[n3oxmind]

@nana-4 Everyone has a color scheme in mind. for me I'm color blinded that's the main reason i'm building my own script to change almost every color on my system. since this poll will help the future of materia. I think the old color scheme is much better than the current one and the choice of the title bar color was perfect. the only think I didn't like about the old design is the HEIGHT of the titlebar (the default too big man take lot of space on my screen).

Thanks for this great theme,

[m-thorsen]

If you have any opinions...

I personally much prefer the old version due to it's stronger identity. The new one looks too close to a Numix variant (Frost?) to me.

While it's not a bad look (apart from the green/blue which I really don't think work well together), I'm sad to see the old color scheme just dropped instead of maintained as an option - especially for us who'd like to use the packaged version.

(On that note, is there any possibility that _both_ could be maintained and packaged?)

[Heerschop]

I totally agree with m-thorsen. For me the color scheme was the main reason why I was using your theme.

The reason that I selected your theme was that i wanted a dark (not to dark) theme. Your theme was exactly like that, it had a titanium like color in it, really nice.

Now it has a brownish look to it, which makes me think of Adwaita-dark with is standard available in Gnome. I relay hope that you guys would give us an easy option to use the previous colors as well, I was relay happy with it.

[fn-ix]

Hi!

It would be nice if the top bar in the light version of Materia also had a light grey background with dark text/buttons. I suppose the hurdle here might be with the icons though, especially for custom extensions... is it possible to apply filters?

[Rfvgyhn]

Is there a list or a diff that shows what colors to use in the change_color script to revert the colors?

I don't mind the teal accent (prefer the pink) but I don't like the title bar color as much with the dark theme. Things seem to be too "flat" for my taste.

[actionless]

@Rfvgyhn see here:

https://github.com/nana-4/materia-theme/issues/224#issuecomment-377725063
https://github.com/themix-project/oomox/tree/master/colors/modern

[Rfvgyhn]

@actionless That is the old light style though isn't it? Is there also a place to know the diff for the old dark theme?

[actionless]

In commit history, I guess ;)

If you’ll invest time on that, please also post here, so I will include that preset as ‘materia-old-dark’

[actionless]

The file whose history you need is github.com/nana-4/materia-theme/blob/master/src/_sass/_colors.scss

[Heerschop]

This is what i came up with so far by using the color picker of gimp :-)

./change_color.sh -o test-theme-8 <(echo -e "BG=333e43\nFG=d9dcdd\nMENU_BG=37474f\nMENU_FG=d9dcdd\nSEL_BG=42A5F5\nSEL_FG=c7e4fc\nTXT_BG=3b484e\nTXT_FG=ffffff\nBTN_BG=414f56\nBTN_FG=d9dcdd\nACCENT_BG=FF4081\n")

It is pretty close but not perfect.

I'm currently using v20180311.tar.gz. This is the last version before the big color change, works fine in Ubuntu 18.04 LTS. So we should be fine for some time with this version.

[n3oxmind]

@Heerschop @Slomo17 @DarthWound @hfel @robotmaxtron @racoon , use this script customschemes
To install old materia light color scheme

$ ./materia.sh --scheme materia-oldlight

To install old materia dark color scheme

$ ./materia.sh --scheme materia-olddark

To change the titlebar color

$ ./materia.sh --scheme materia-oldlight --tbg 424242

To change accent color of the scheme

$ ./materia.sh --scheme materia-oldlight --accent c70000

and many more options

[Heerschop]

Worked like charm. I had to change the first line of the 'materia.sh' script to '#!/bin/bash'.

The colors are somewhat different from the last old color release v20180311.tar.gz.

[n3oxmind]

@Heerschop , to get the exact theme as original nana-4. download the latest version from nana-4 and copy materia.sh and colorshcemes.sh inside nana-4s theme and run it from there.
my version has the following changes:
1- thinner and flatter header bar with no border
2- progressbar color same as accent color not primary color
3- lighter border base on the fg_color (so you will see nice border no mater what scheme you use)

[ceyhunn]

Suggestion: Materia theme looks cool if border color is lighter in dark variant:

[nana-4]

Announcement

In the new release, we dropped the teal color (#01A299, which we called _secondary color_) to precisely follow the Material Design guidelines.

Background

According to the refreshed Material Design guidelines, primary color is mainly used for top bars and secondary color is used for other elements. So shipping the (additional) teal color was wrong.

What's changed

In the new Materia:

• Primary color is dark gray (#383838) or light gray (#E0E0E0) and used for top bars.
• Secondary color is blue (#4285F4) and used for other elements as highlight.
• And we no longer use _tertiary_ accent color.

See the ChangeLog for detailed changes in this release.

[nana-4]

I'm not sure, but I hope this color change is friendly even for color blind people... ;)

Feedback is welcomed, but before that, please try to get used to it to a certain extent.

[nana-4]

Regarding Gray vs. Blue-Gray:

Frankly, I'm pretty certain that Blue-Gray background color is already quite outdated in 2019. I recognize that Blue-Gray background color is no longer being used in many modern websites and apps. I want to make Materia way modern at all times, so I have no mind to go back the color scheme from Gray to Blue-Gray at the moment.

If you (still) not fan of the neutral Gray colors, please,

• get used to it,
• or change the color scheme with Oomox,
• or just use other theme.

P.S. If you feel the current Gray colors looks brownish, I'd say it's because you get accustomed to Blue-Gray colors and causing an optical illusion. This could be solved by getting used ;)

[nana-4]

@ceyhunnabiyev Yeah, that makes sense and is in line with Material Guidelines. (And that is what I've wanted to do since before.) I'm going to make it the next milestone. Thanks for your suggestion :)

[nana-4]

I've released a new version with remarkable color scheme changes 🎊

• Darken primary color in light variants for accessibility (See #404 for details.)
• Lighten primary color in dark variant for accessibility (See Material Dark Theme guidelines for details.)
• Lighten separator color in dark variant, for accessibility
• and so on.

In summary, this release pays much attention to accessibility.
And honestly, I'm quite satisfied with the current color scheme :)

[nana-4]

I think this issue can be closed because:

• This issue is dated.
• This issue was mainly to ask which color is best for the secondary color. But Materia doesn't have it anymore.
• I'm very happy with the new color scheme for now.

So I'm going to close this.
If you have any problems or feedback with the new color scheme, feel free to open a new issue.

Thank you all for participating in the discussion!

[ArchangeGabriel]

@nana-4 Well I find everything to be better too except for two things: the new blue accent of the dark theme is too light, and they are small white separation lines in Thunderbird and Firefox that look ugly. Other than that, the new darker dark is nice for instance. :)

[ArchangeGabriel]

But of course colours are a matter of taste, so no way for everyone to get pleased…