Themes

Prerequisites

Neta uses a two technologies for styling, you can use CSS, however these are encouraged:

• Stylus (CSS preprocessor)
• RSCSS (Structure)

Setting up a package

Setting up a theme is relatively simple. Put a "type" field in your package.json, as well as a "main" field that points to your main Stylus file.

{
  "name": "neta-example-theme",
  "type": "theme",
  "main": "index.styl"
  // ...
}

Learning the palette

When building a theme, the best thing to do is set the Palette Variables, and use those in your styling. This is so plugins can use your variables for styling modals.

For example:

$ui-background-color = #000000
$ui-foreground-color = #FFFFFF;
// ...

.some-component
  color $ui-foreground-color