Titanium JIRA Archive
Alloy (ALOY)

[ALOY-1298] Override Alloy theme styles in the app's app/styles folder over the alloy themes

GitHub Issuen/a
TypeNew Feature
Affected Version/sn/a
Fix Version/sn/a
ComponentsStyling, Themes
Reporter Ricardo Ramirez


Issue Description

The themes on app have most precedence than the app/styles folder.

Expected behavior

The user need a hierarchical behavior to override the base theme's styles with app specific ones at the app/styles level without changing the theme itself, you can take a look on web technologies because this is how they work over themes. More specifically, titanium should follow this procedure based on some web technologies: 1.Looks for a file in the current app/style directory that matches the view. If the view is “page-1,” then titanium  should look for a file called page-1. 2.If the styles file or is missing or not exist, titanium should look for a template file called “page-1” in the themes. 3.If the file is missing, titanium will look for a generic style in, app/styles/app.tss file. 4.If the style does not exist, titanium will look for a generic style app.tss file on the theme.

Steps to Replicate:

1. Override the app folder attached on a new alloy project 2. View the behavior on the .container color in the app/styles and the theme styles on index.tss Additional Note: This behavior was tested on: Release 4.1.0 Release 4.0.0 Release 3.5.1




  1. Brian Knorr 2015-10-16

    Any update on this?
  2. Brian Knorr 2016-05-05

    Please provide an update!
  3. Ricardo Ramirez 2016-05-05

    Hello ! We need an update here !
  4. Chee Kiat Ng 2016-05-06

    Hi sorry folks. I have just prioritised it and will put it in the next sprint to discuss in detail.
  5. Feon Sua Xin Miao 2016-05-26

    I'm not sure what do you mean by 'some web technologies', but please refer to http://docs.appcelerator.com/platform/latest/#!/guide/Alloy_Styles_and_Themes-section-35621526_AlloyStylesandThemes-StylePriorities for Alloy style priorities.
  6. Ricardo Ramirez 2016-09-01

    Customer know exactly how style priority works in Titanium...which is why we opened this issue. It's completely backwards when it comes to themes. A theme should be overridden at the next level down just like priorities work within the app itself, not the other way around like it currently is. On web technologies CSS works override after another CSS is declared down.
  7. Ricardo Ramirez 2016-09-19

    Hello ! Do you have any update here ?

JSON Source