topic Create(overwrite) style for Launchpad Theme in Web AppBuilder Custom Themes Questions

Create(overwrite) style for Launchpad Theme

RamyShah — Wed, 22 Jun 2016 20:42:30 GMT

I am unable to implement a new color using Launchpad Theme. I can create a new style in Launch Pad Theme. I don’t see changes on theme. I am following this link

https://developers.arcgis.com/web-appbuilder/sample-code/create-a-style-for-a-theme.htm#ESRI_SECTION1_882C49F3F58A4484AB5A417DA4D4FC51

I have done changes in MyStyle àStyle.css and MyStyle à css à jimu-theme.css. I have restarted WAB Server but it doesn't change Header/Panel Widget colors. I have already checked following posts which didn't help.

https://community.esri.com/thread/171739#comment-585181

https://community.esri.com/message/586643#comment-586643

How to view changes done in style css files in custom themes

What I am missing? Thanks for your help in advance

Re: Create(overwrite) style for Launchpad Theme

RamyShah — Thu, 23 Jun 2016 13:21:17 GMT

How I can verify it is not due to Node.JS. I am using Node version 4.4.4.

Any help is appreciated!

Re: Create(overwrite) style for Launchpad Theme

Anonymous User — Fri, 01 Jul 2016 18:32:51 GMT

Maybe try to create a new app and reselect that style?

Re: Create(overwrite) style for Launchpad Theme

MichaelAugust — Sat, 12 Nov 2016 02:17:21 GMT

I cannot get this to work either in WAB 2.2.

All I want to do is have a style swatch available for people to select and get certain colors, but the swatch shows up with the hex number on it, basically functioning as the custom swatch instead of a new color. Can you double check that documentation and explain to us how to add a new style to a theme at 2.2 without using the "custom" one? So that a new selectable style appears under the foldable theme.

I am trying to modify the foldable theme and would like to be able to change the jimu-panel-title background to a different color other than the one displayed on the "custom" swatch, but it keeps getting overwritten somewhere, I can see my color when I inspect the element in web browser but it has a black line thru it like it's being overwritten?