Android Tutorial IDE Color Schemes

droman

Member
Licensed User
Really nice!
 

rbsoft

Active Member
Licensed User
The CobraSoft look is very pleasant.

Rolf
 

vb1992

Well-Known Member
Licensed User
more on the unix/vt100 Black/Green scheme here:

B4X:
<Styles>
        <Style Key="IdeBackground" ForeColor="#212121"/>
        <Style Key="ContentDivider" ForeColor="#7CFF85"/>
        <Style Key="LineNumber" ForeColor="#7CFF85" />


           <Style Key="ToolTipBackground" ForeColor="#6C9861" />
        <Style Key="ToolTipDefaultStyle" ForeColor="#FFFFFF"/>


        <Style Key="DefaultStyle" ForeColor="#FFFFFF"/>
        <Style Key="GlobalVariablesStyle" ForeColor="#FFFF91"/>
        <Style Key="ReservedWordStyle" ForeColor="#7CFF85" />
        <Style Key="NumberStyle" ForeColor="#7CFF85" />
        <Style Key="TypeWordStyle" ForeColor="#F7FF00" />
        <Style Key="StringDefaultStyle" ForeColor="#7CFF85" />
        <Style Key="CommentDefaultStyle" ForeColor="#AEADB0" />
        <Style Key="SelectionHighlight" ForeColor="#FFEF00" />
        <Style Key="ReferenceHighlight" ForeColor="#292929" />
        <Style Key="UndeclaredIdentifier" ForeColor="#cccccc" />
        <Style Key="PreProcessorDirectiveKeywordStyle" Name="Pre-Processor Directive Keyword" ForeColor="#FF0000" />
</Styles>



Darker look

<Styles>
<Style Key="IdeBackground" ForeColor="#000100"/>
<Style Key="ContentDivider" ForeColor="#7CFF85"/>
<Style Key="LineNumber" ForeColor="#7CFF85" />


<Style Key="ToolTipBackground" ForeColor="#9CAC94" />
<Style Key="ToolTipDefaultStyle" ForeColor="#FFFFFF"/>


<Style Key="DefaultStyle" ForeColor="#689258"/>
<Style Key="GlobalVariablesStyle" ForeColor="#FFFFFF"/>

<Style Key="ReservedWordStyle" ForeColor="#44FF51" />
<Style Key="NumberStyle" ForeColor="#7CFF85" />
<Style Key="TypeWordStyle" ForeColor="#E0E800" />
<Style Key="StringDefaultStyle" ForeColor="#7CFF85" />
<Style Key="CommentDefaultStyle" ForeColor="#323232" />
<Style Key="SelectionHighlight" ForeColor="#FFEF00" />
<Style Key="ReferenceHighlight" ForeColor="#292929" />
<Style Key="UndeclaredIdentifier" ForeColor="#cccccc" />
<Style Key="PreProcessorDirectiveKeywordStyle" Name="Pre-Processor Directive Keyword" ForeColor="#FF0000" />
</Styles>
 

Attachments

Last edited:

COBRASoft

Active Member
Licensed User
Thx Erel and other :). Nice ones vb1992. Erel, I have 1 more setting I would like to have. The default color for the tooltips is only working for the first line (parameters). The explanation is still in black. Perhaps you could add another setting for this one for the next update :).
 

COBRASoft

Active Member
Licensed User
I'm working on a colorscheme editor (VB.Net 4.0). It's based on HTML + CSS. The VB part will be in changing the CSS file and changing the color of some pictures (collapsed/expanded).
 

straybullet

Member
Licensed User
I work late in to the night many times and need all the help I can get. The default white can be blinding at 3am. I like the black terminal look, but need brighter text to stand out at me.

So here is my "enchanced" terminal style for the IDE, which allows me to see what I need to easier when I barely can stay awake.



PHP:
<Styles>
        <Style Key="IdeBackground" ForeColor="#000000"/>
        <Style Key="ContentDivider" ForeColor="#C2D5DC"/>
        <Style Key="LineNumber" ForeColor="#58859B" />
        <Style Key="ToolTipBackground" ForeColor="#36598A" />
        <Style Key="ToolTipDefaultStyle" ForeColor="#F0F0F0"/>
        <Style Key="DefaultStyle" ForeColor="#F0F0F0"/>
        <Style Key="GlobalVariablesStyle" ForeColor="Yellow"/>
        <Style Key="ReservedWordStyle" ForeColor="#9CC4D2" />
        <Style Key="NumberStyle" ForeColor="#F4AF82" />
        <Style Key="TypeWordStyle" ForeColor="#45B6DC" />
        <Style Key="StringDefaultStyle" ForeColor="Red" />
        <Style Key="CommentDefaultStyle" ForeColor="#85DE6D" />
        <Style Key="SelectionHighlight" ForeColor="#2B70B6" />
        <Style Key="ReferenceHighlight" ForeColor="#E0E0E0" />
        <Style Key="UndeclaredIdentifier" ForeColor="#FF1E1E" />
        <Style Key="PreProcessorDirectiveKeywordStyle" Name="Pre-Processor Directive Keyword" ForeColor="#FFE5C2" />
</Styles>
 

Attachments

COBRASoft

Active Member
Licensed User
Hi,

My first beta version of a colorscheme editor is ready. It is written in VB.Net 4.0 and uses some DevExpress components (hence the huge zipfile).

Please use the link below to download this program. Just unpack the content where you want and doubleclick on 'COBRASoft.B4AColorScheme.exe'.

Once started, you'll be able to open the 'B4A.xml' file. Clicking on the radiobuttons allows you to change the colors for the different parts. At the right you can see the changes instantly. I made a html file + css to make this happen. Use the 'Save' to place the 'styles' part on the clipboard so you can replace them in your B4A.xml file. This way, you can also make new files yourself and keep different versions around :).

I've you're not interested in this app, but would like an easy way to change the colors visually, you can use the html + css file (after applying the colors in the css file).

http://www.cobrasoft.biz/images/B4AColorSchemeEditor.zip

Hope you like it, and please, comments and ideas are more than welcome!

Greetings,
Sigurd
 

tremara1

Active Member
Licensed User
nice tool

I like your IDE color designer, I have 1 suggestion for people like me who like to play with these things would be an option to reset all settings to default. (In case I completely stuff it up without a backup). This could also apply to creating preset designs to one click.
Great Job.
 

COBRASoft

Active Member
Licensed User
New beta

Hi,

I've just uploaded the next beta version of the IDE color scheme editor. This version is almost completely rewritten to support the new properties Erel has added to post #1.

This beta includes name, forecolor, backcolor, bold, italic, border color, border corner style and border style. You won't be able to change these properties for the items that Erel has posted.

To change a color, just click in the field of the color you want to change. The colorwheel at the bottom should react better now. I've also changed the size of the thumbs as requested.

Notes: DashDot is not supported in CSS, but it will work in B4A. BorderCornerStyle is also not available in CSS, but doesn't seem to work in B4A either. To clear a color (or other value), use the button at the top 'Clear Value'. This sets the property to 'nothing' so it won't be included in the 'styles'. Font and FontSize can be supported if requested, but I don't think it's wise to set a different font in your code :). The non-color properties won't show in real-time. You can use the preview button at the top or press F5. The 'New' button starts with the default settings from Erel. No need to load an xml anymore to get started.

Question: underline and strikeout are not supported yet in this version. Is this even needed? Same goes with Cursor properties.

The download is available at http://www.cobrasoft.biz/images/B4AColorSchemeEditor.zip.

Enjoy :D!

Greetings,
Sigurd
 
Last edited:
Top