Hi again,

I compared the default.css in JewelTheme and
Jewel-Dark-NoFlat-Secondary-Red-Theme, they both contain different tags.
Perhaps I need to have them both in the Compiler line?

David

On Tue, 2 Mar 2021 at 13:55, David Slotemaker de Bruine <
[email protected]> wrote:

> OK, Great. But what does that mean I need to change to get it to compile
> correctly?
>
> On Tue, 2 Mar 2021 at 13:50, Carlos Rovira <[email protected]>
> wrote:
>
>> 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
>>
>>
>
> --
>
> *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]
>


-- 

*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]

Reply via email to