Hi David, I'm checking the nighty and I can see the .css in each theme generated in /src/main/resources/defaults.css so I think you have the CSS to be used directly
El mar, 2 mar 2021 a las 13:34, David Slotemaker de Bruine (< [email protected]>) escribió: > Hi Carlos, > > In the compile line I changed "JewelTheme" in the path to > "Jewel-Dark-NoFlat-Secondary-Red-Theme" which exists in the SDK directory, > but after compiling I get what looks like the basic ApacheRoyal Theme, no > colors, just grey datagrid headers and grey comboboxes. > > Do the themes in the SDK need to be compiled first? > > Cheers, > > David > > On Tue, 2 Mar 2021 at 12:09, Carlos Rovira <[email protected]> > wrote: > >> Hi, >> >> I use to work with Maven and themes are added as dependencies. So looking >> at other sources like TDJ, when I build using VSCode & AS3&MXML: >> >> https://github.com/BowlerHatLLC/vscode-as3mxml/wiki/asconfig.json#theme >> >> I get this: >> >> MXMLJSC >> >> +royalelib=/Users/carlosrovira/Dev/Royale/Sdks/apache-royale-maven/frameworks >> --debug=false >> +configname=royale >> --targets=JSRoyale >> --source-path+=src/main/resources >> --source-map=true >> --html-template=src/main/resources/jewel-example-index-template.html >> *--theme=${royalelib}/themes/JewelTheme/src/main/resources/defaults.css* >> -js-dynamic-access-unknown-members=true >> >> I know Josh added in asconfig the capability to add more than one theme, >> so I think you can use an array for multiple CSS here, but didn't try it. >> >> >> >> >> El mar, 2 mar 2021 a las 11:55, David Slotemaker de Bruine (< >> [email protected]>) escribió: >> >>> Hi Carlos, >>> >>> Thanks for the overview, do you have an example of how to use the -theme >>> compiler argument? I checked here: >>> >>> https://apache.github.io/royale-docs/compiler/compiler-options.html >>> >>> but there is no mention of -theme. >>> >>> Cheers, >>> >>> David >>> >>> >>> >>> On Tue, 2 Mar 2021 at 11:40, Carlos Rovira <[email protected]> >>> wrote: >>> >>>> Hi David, >>>> >>>> you use "-theme" compiler option to add one the jewel theme css that >>>> gives you primary, secondary and emphasized colors all-in-one or choose a >>>> combination of concrete jewel themes one for each of the three colors >>>> (separating it with ","). >>>> >>>> the loadCSS function allows you to override the default theme at >>>> runtime you choose so each rule in the browser is override that way. >>>> >>>> The exclude-defaults-css-files for MXRoyale is needed since MXRoyale >>>> has it's own CSS rules that will be mixed with Jewel rules generating >>>> unexpected results. One day I expect to separate RPC classes from MXRoyale >>>> so we can not use MX library with CSS included and get rid of that line. >>>> Other than that, it's ok to use MXRoyale for RPC classes with Jewel since I >>>> think we all are using it that way. >>>> >>>> HTH >>>> >>>> >>>> El mar, 2 mar 2021 a las 10:52, Carlos Rovira (<[email protected]>) >>>> escribió: >>>> >>>>> Hi David, >>>>> >>>>> just fixed the link to jewel themes in docs [1] >>>>> >>>>> I'll answer other points as I have more time >>>>> >>>>> HTH >>>>> >>>>> [1] https://apache.github.io/royale-docs/component-sets/jewel/themes >>>>> >>>>> >>>>> >>>>> El mar, 2 mar 2021 a las 8:55, David Slotemaker de Bruine (< >>>>> [email protected]>) escribió: >>>>> >>>>>> Hi, >>>>>> >>>>>> I want to implement Jewel themes like in TDJ. The docs currently >>>>>> point to a 404 page: >>>>>> >>>>>> https://apache.github.io/royale-docs/component-sets/jewel/jewel-themes >>>>>> >>>>>> Looking at the source code of TDJ I see you can call an new theme >>>>>> with: >>>>>> >>>>>> loadCSS("assets/themes/Jewel-Light-" + flatState + "-" + emphasis + >>>>>> "-" + color + "-Theme/defaults.css") >>>>>> >>>>>> For some reason this is not available to me when compiling, I think >>>>>> it might be due to my compiler settings: >>>>>> "-compiler.exclude-defaults-css-files=MXRoyaleJS.swc" >>>>>> >>>>>> -theme=${royalelib}/themes/JewelTheme/src/main/resources/defaults.css >>>>>> -html-template=src/resources/jewel-index-template.html >>>>>> -js-library-path+=${royalelib}/js/libs/MXRoyaleJS.swc >>>>>> -compiler.exclude-defaults-css-files=MXRoyaleJS.swc:defaults.css >>>>>> +configname=flex -js-library-path+=${royalelib}/js/libs/MXRoyaleJS.swc >>>>>> >>>>>> I am using mx:RemoteObjects and I think we added that line so there >>>>>> isn't any conflict? >>>>>> >>>>>> What should I do. >>>>>> >>>>>> David >>>>>> >>>>>> >>>>>> >>>>>> >>>>> >>>>> -- >>>>> Carlos Rovira >>>>> Apache Member & Apache Royale PMC >>>>> *Apache Software Foundation* >>>>> http://about.me/carlosrovira >>>>> >>>>> >>>> >>>> -- >>>> Carlos Rovira >>>> Apache Member & Apache Royale PMC >>>> *Apache Software Foundation* >>>> http://about.me/carlosrovira >>>> >>>> >>> >>> -- >>> >>> *David Slotemaker de Bruïne* >>> *Head of Educational Robotics* >>> >>> >>> >>> Av. Sarriá, 130 - 08017 Barcelona >>> <https://maps.google.com/?q=Av.+Sarri%C3%A1,+130+-+08017+Barcelona&entry=gmail&source=g> >>> >>> >>> T. +34 932 523 729 ext. 135 >>> >>> [email protected] >>> >> >> >> -- >> Carlos Rovira >> Apache Member & Apache Royale PMC >> *Apache Software Foundation* >> http://about.me/carlosrovira >> >> > > -- > > *David Slotemaker de Bruïne* > *Head of Educational Robotics* > > > > Av. Sarriá, 130 - 08017 Barcelona > <https://maps.google.com/?q=Av.+Sarri%C3%A1,+130+-+08017+Barcelona&entry=gmail&source=g> > > > T. +34 932 523 729 ext. 135 > > [email protected] > -- Carlos Rovira Apache Member & Apache Royale PMC *Apache Software Foundation* http://about.me/carlosrovira
