Inheritence of own theme variables between themes

[thecap]

Hi,

I am having a small Problem with Theming in the following situation:

• Theme A (extends Theme Triton)
  
  • bigger Theme for different Products
  
  
• Theme B (extends Theme A)
  
  • very small Theme which should only set som Colors a.s.o. for a special Product
  
  
• In Theme A there are the following files:
  
  • src/button/Button.scss
    
    • this:
      
      $color-over: $btn-ThemeA-linkbutton-color-over
    
    
  • var/button/Button.scss
    
    • this:
      
      $btn-ThemeA-linkbutton-color-over: ThemeA-linkcolor-over !default;
    
    
  • var/Component.scss
    
    • this:
      
      $ThemeA-linkcolor-over: #ff00ff !default;
    
    
  
  
• Now I shoul be able to overwrite this Color (ThemeA-linkcolor-over) inside the Component.scss of Theme B, right?
• Then an App which uses Theme B should show the new Color from Theme B on the specific Components, right?
• Well, that doesn' t not work and I have no idea, why it should not. In all other cases, setting of Variables of Theme A inside Theme B does work fine.

Can anybody say where there is a fault in my concept?

[qooleot]

Hey I haven't extended a custom theme with another (just extended crisp theme), but just a quick note if you're stuck and don't get a response - check out using "$color-over: dynamic($color-var)" instead of "!default". It seems to be the new extjs6 way to create a default, and has worked in my theming.

[davil]

It not where there is a fault in my concept?

[thecap]

Hi,

your approach seems to work. Where did you find it out?

But my IntelliJ still marks the 'dynamic' as an error.

[thecap]

Phil already answered to the last question:

https://www.sencha.com/forum/showthr...e-X-as-dynamic

[qooleot]

Hi,

your approach seems to work. Where did you find it out?

"...we recommended you change variable assignments to use !dynamic. "

http://docs.sencha.com/extjs/6.0/wha...0/fashion.html