Android Tutorial IDE Color Schemes

Edit: Starting from v5.00 there is support for multiple themes. See this post for more information: https://www.b4x.com/android/forum/threads/themes-and-fonts-in-5-0.54338/#post-340927

 

[Erel]

Looks great! Well done.

 

[COBRASoft]

Thx Erel, next is adding a 'tooltip' in the HTML for preview.


Any other requests?

 

[droman]

8o

Great!!

Has anyone tried to print code?

In some cases a statement can not be seen.

Erel, Could you print directly onto black and white? The print driver does not show certain words that are white in the code.

 

[Erel]

Could you print directly onto black and white? The print driver does not show certain words that are white in the code.

Currently the background property doesn't affect the printer. I will check it for the next version.

 

[Toley]

Hello COBRASoft,

The link is not valid anymore

 

[COBRASoft]

Erel, can you 'host' this program on your webspace? Mine is giving problems lately .

 

[Erel]

Yes. Where is the latest link?

 

[COBRASoft]

Erel, it should be available here: http://www.proapp.be/Portals/0/Download/B4AColorSchemeEditor.zip

Let me know if it is not working (new site under development).

 

[Erel]

It is now available here: http://www.b4x.com/android/files/B4AColorSchemeEditor.zip

 

[nfordbscndrd]

Save a copy of the B4A.XML file (or at least save your color scheme out of it) before updating B4A. When B4A is installed, it overwrites your old XML file.

 

[COBRASoft]

^^ Good advice!

 

[Lildinti]

B4A IDE Themes Application

Hi All,

Finally I finished the app. It extracts values from a Visual Studio editor Scheme (VSS) file and egenerate tags for customise the B4A IDE colours.

To learn (and download) more about VSS, here is a link.
Studio Styles - Visual Studio color schemes

Note that the only tags generated are the ones supported by B4A (and Erel!)

The App is very easy to use. Select B4A.XML file (won't overwrite it or modify it in any way, just read the tags),Select VSS file to get colours from , clikc convert and the <Styles> tags require by B4A will be displayed on the textbox, ready to be copied and pasted into your B4A.xml file (remember to back it up before you modify it!)

The app has an Installer to make installing/uninstalling easier.

Here is a snapshot of a VSS theme as it shows on Visual Studio and the ssettings for B4A Created with the app.

Enjoy!

Download link: https://dl.dropbox.com/u/90408241/B4Converter.msi

 

[Erel]

Thank you for sharing!

 

[Cyan]

Thought I'd share my slightly tweaked version of Solarized Dark (original at Solarized - Ethan Schoonover)

<Styles>
   <Style Key="IdeBackground" ForeColor="#002b36"/>
   <Style Key="ContentDivider" ForeColor="ControlDark"/>
   <Style Key="LineNumber" ForeColor="#586e75" />
   <Style Key="ToolTipBackground" ForeColor="Info" />
   <Style Key="ToolTipDefaultStyle" ForeColor="Black" />
   <Style Key="DefaultStyle" ForeColor="#839496"/>
   <Style Key="GlobalVariablesStyle" ForeColor="#268BD2"/>
   <Style Key="ReservedWordStyle" ForeColor="#719A07" />
   <Style Key="NumberStyle" ForeColor="#2AA198" />
   <Style Key="TypeWordStyle" ForeColor="#B58900" />
   <Style Key="StringDefaultStyle" ForeColor="#2AA198" />
   <Style Key="CommentDefaultStyle" ForeColor="#586e75" />
   <Style Key="SelectionHighlight" ForeColor="#586e75" />
   <Style Key="ReferenceHighlight" ForeColor="#00FFEF" />
   <Style Key="UndeclaredIdentifier" ForeColor="#DC322F"/>
   <Style Key="Annotation" ForeColor="#839496" />
   <Style Key="PreProcessorDirectiveKeywordStyle" Name="Pre-Processor Directive Keyword" ForeColor="#CB4B16" />
</Styles>

 

[JTmartins]

Does not run here !!!

Hi people,

I just tried Cobrasoft Color Editor, but it says it can't find the CSS file, when I load B4A.XML, and then gives an error.

B4A 2.50 here...

Thanks

José

 

[frapel]

my b4a color customization

Here is my color scheme variation for B4A IDE:

<!-- Highlighting Styles -->   
<Styles>
   <Style Key="IdeBackground" ForeColor="White"/>
   <Style Key="ContentDivider" ForeColor="ControlDark"/>
   <Style Key="LineNumber" ForeColor="ControlDark" />
   <Style Key="ToolTipBackground" ForeColor="Yellow" />
   <Style Key="ToolTipDefaultStyle" ForeColor="Black" />
   <Style Key="DefaultStyle" ForeColor="Black"/>
   <Style Key="GlobalVariablesStyle" ForeColor="#6600CC"/>
   <Style Key="ReservedWordStyle" ForeColor="DarkBlue" Bold="True" />
   <Style Key="NumberStyle" ForeColor="Maroon" />
   <Style Key="TypeWordStyle" ForeColor="DarkCyan" Bold="True" />
   <Style Key="StringDefaultStyle" ForeColor="Green" />
   <Style Key="CommentDefaultStyle" ForeColor="ControlDark" Italic="True" />
   <Style Key="SelectionHighlight" ForeColor="PaleTurquoise" />
   <Style Key="ReferenceHighlight" ForeColor="#00FFEF" />
   <Style Key="UndeclaredIdentifier" ForeColor="Red" Bold="True" />
   <Style Key="Annotation" ForeColor="#FF6103" />
   <Style Key="PreProcessorDirectiveKeywordStyle" Name="Pre-Processor Directive Keyword" ForeColor="#FF6103" />
</Styles>

and the resulting effect:

 

[positrom2]

Hi,
Trying to use the B4AColorSchemeEditor. I have copied the code.ss file to the B4A installation folder. The B4AColorSchemeEditor then opens nicely. However, there is no preview effect in the sample code side window when changing colors. And, there is no "save" button. What am I doing wrong?
Regards, positrom2

 

[Bill K.]

Hi!

I've been attempting to get my colours the way I like, and after lots of playing around, I've ensured that the only BLACK is the "IdeBackground"... (see B4A.xml below)

However the top portion of the code the "Project Attributes", and the "Activity Attributes" #TEXT is still black... (i.e. black on black, can't see it)... Is there a KEY that I'm missing or something?

Please see this image...

Here is my B4A.xml colours,

<Styles>
        <Style Key="IdeBackground" ForeColor="Black"/>
        <Style Key="ContentDivider" ForeColor="ControlDark"/>
        <Style Key="LineNumber" ForeColor="White" />
        <Style Key="ToolTipBackground" ForeColor="Info" />
        <Style Key="ToolTipDefaultStyle" ForeColor="White" />
        <Style Key="DefaultStyle" ForeColor="DarkOrchid"/>
        <Style Key="GlobalVariablesStyle" ForeColor="Orange"/>
        <Style Key="ReservedWordStyle" ForeColor="White" />
        <Style Key="NumberStyle" ForeColor="Purple" />
        <Style Key="TypeWordStyle" ForeColor="White" />
        <Style Key="StringDefaultStyle" ForeColor="LightSteelBlue" />
        <Style Key="CommentDefaultStyle" ForeColor="Green" />
        <Style Key="SelectionHighlight" ForeColor="PaleTurquoise" />
        <Style Key="ReferenceHighlight" ForeColor="Aqua" />
        <Style Key="WarningColor" ForeColor="YellowGreen" />
        <Style Key="ErrorColor" ForeColor="Red" />
        <Style Key="UndeclaredIdentifier" ForeColor="Red" />
        <Style Key="Annotation" ForeColor="OrangeRd" />
        <Style Key="PreProcessorDirectiveKeywordStyle" Name="Pre-Processor Directive Keyword" ForeColor="White" />
    </Styles>

PS - I've played with the Cobrasoft editor, for some time now, and for some reason isn't reading the most up to date B4A.xml file (it's missing some of the Keys, it seems)... so when starting up the B4A IDE, it just goes fails to start. Seems manual editing (trial and error) is the only way to go about this... I'm quite surprised that there isn't a feature yet in the IDE to set all these colours properly.

Thanks again! A very cool product!

 

[Erel]

It should be the Annotation key. OrangeRd looks like an invalid color value.

 

[Bill K.]

It should be the Annotation key. OrangeRd looks like an invalid color value.

Yes, that was it! Thank you!