Ynote Themes

Ynote Classic supports themes to Beautify your code.

Choosing a Theme

A Theme can be chose by Clicking the Tools->Color Scheme->{YourTheme} Menu, the change will take place after you create a new document. Some Themes are shipped with ynote in the Default Package.

Creating a Ynote Theme

1. Using Ynote Theme Editor

Creating a Ynote Theme is a pretty simple task. You just have to edit the xml file. Wait. This task has been made a lot simpler using the Ynote Theme Editor tool(PreAlpha). You can find along with all the extensibility options on the YnoteSamples repository at github - > http://github.com/samarjeet27/ynotesamples

 

Just Select an item from the list and choose the Color using the Color picker/Swatches provided. The FontStyle can be changed by selecting an item and then clicking on a FontStyle from the list.

2. The Xml Way

The syntax of a ynotetheme file is like ->

<?xml version="1.0"?>
<
YnoteTheme>
<Style Name="{Name} "Color="{Color(Hex)}" Font="Regular"/>
<Key Name="{Name}" Value="{Color(Hex)}"/>
<
/YnoteTheme>

1. Style

A Style has the Following Attributes (required) ->

  • Name -> A unique identifier used by Ynote to require what will the style be used for

List of Styles

Comment - Comment Style (eg - // comment )
CommentTag - CommentTag Style (Secondary Comment)
String - String Style (eg- "hello")
Number - Number Style (eg - 12)
Variable - Variable (eg- $var) style
Keyword - Keyword
Keyword2 - Secondary Keyword
Keyword3 - Keyword 3
HtmlEntity - Html Entity
TagBracket - Tag Bracket
TagName - Tag Name
ClassName - ClassName
ClassName2 - ClassName2
Char - Char Stye
Attribute - Attribute Style
AttributeValue - Attribute Value Style
CSSProperty - CSS Property
CSSPropertyValue - CSS Property Value
CSSSelector - CSS Selection Style
Preprocessor - Preprocessor Style
Types - SQL Types
Functions - SQL Functions
Statements - SQL Statements.

For more information on how the styles are used, see ynote's Syntax Highlighter - here.

  • Color - The Color of the Style (In Hex)
  • Font - The FontStyle of the Style

Accepted Values

  1. Regular
  2. Bold
  3. Italic
  4. Underline
  5. Strikeout

2. Key

A key is used to change the Editing Environment / TextArea whereas a Style is used to change the Syntax Highlighting Colors.

Attributes

  • Name - The Name (Unique) of the Key

List of Keys

BackColor - The Back Color of the Text Area.
TextColor - The Text/Fore Color of the Text Area
LineNumberColor - The Color in which the Line Number's will be displayed
LineNumberPaddingColor - The Line Number's padding color
CaretColor - The Color of the Caret
CurrentLineColor - The Current Line Color.
FoldingIndicationColor - The Folding Indication Color
SelectionColor - The Selection Color
ServicesLineColor - The Services Line Colors
BookmarkColor - The Bookmark Color
BracketStyle - The First Bracket Style
BracketStyle2 - The Second Bracket Style

  • Value - The Value of the Key. All These are Hex Colors

Submitting Your Themes

You can create a Package of the Theme using Ynote package Manager or simply share the .YNOTETHEME file. Post a message in the Discussions to let me know that you have created a theme. Any type of contribution is heartily accepted.

* For more info, see the Theme Samples in the Ynote Samples Repo at http://github.com/samarjeet27/ynotesamples/

Last edited Apr 4, 2014 at 1:53 PM by samarjeet27, version 3

Comments

No comments yet.