Results 1 to 4 of 4

Thread: Theming - scss overrides not working

  1. #1
    Sencha Premium Member
    Join Date
    Oct 2009
    Location
    Aylesbury, Bucks, UK
    Posts
    69

    Question Answered: Theming - scss overrides not working

    I am using a custom theme. Most of the necessary scss variables can be overriden in my-project\packages\custom-theme\sass\var\Component.scss except for...
    • chart legend e.g.
      $chart-legend-background-color,
      $chart-legend-item-color
    • pivot grid e.g.
      $pivot-grid-group-header-color,
      $pivot-grid-grand-total-color
    These variables can be successfully altered in the source scss files:
    • my-project\packages\pivot\sass\var\pivot\Grid.scss
    • my-project\ext\packages\charts\sass\var\chart\AbstractChart.scss
    but obviously this is not ideal.

    With the variables in component.scss or all.scss, or in nested folders (e.g. ...custom-theme\sass\var\pivot\Grid.scss), using the dynamic(...) wrapper, the build does not complain, but the changes have no effect, even with the !important flag.

    What is the proper way, please?

  2. Hi--

    Have you included these packages in your theme's requires[] config?

    Thanks!
    Joel

  3. #2
    Sencha User joel.watson's Avatar
    Join Date
    Nov 2014
    Posts
    3,120
    Answers
    446

    Default

    Hi--

    Have you included these packages in your theme's requires[] config?

    Thanks!
    Joel

  4. #3
    Sencha Premium Member
    Join Date
    Oct 2009
    Location
    Aylesbury, Bucks, UK
    Posts
    69

    Default

    Aha! Now works as expected Edited my-theme/package.json to include "requires": ["charts","pivot"]. Thanks!

  5. #4
    Sencha User joel.watson's Avatar
    Join Date
    Nov 2014
    Posts
    3,120
    Answers
    446

    Default

    Quote Originally Posted by sytel View Post
    Aha! Now works as expected Edited my-theme/package.json to include "requires": ["charts","pivot"]. Thanks!
    Cool, glad it's working for you now!

    Thanks
    Joel

Similar Threads

  1. theming - scss - ext-grid-ui ?
    By sebrevel in forum Ext: Q&A
    Replies: 3
    Last Post: 5 Jul 2012, 10:10 PM
  2. Theming a specific Container in scss
    By jbrown13 in forum Sencha Touch 2.x: Q&A
    Replies: 2
    Last Post: 30 Jun 2012, 1:56 PM
  3. Theming BackButton without SCSS
    By slngr in forum Sencha Touch 2.x: Q&A
    Replies: 7
    Last Post: 27 Feb 2012, 3:18 AM
  4. all white when using scss theming
    By vvatikiotis in forum Sencha Touch 2.x: Q&A
    Replies: 1
    Last Post: 8 Feb 2012, 12:12 PM
  5. Ext JS 4 and SCSS theming
    By jmefford in forum Ext: Discussion
    Replies: 1
    Last Post: 6 Jun 2011, 11:00 AM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •