BEM modifier in angular project

So, I have this follow structure in Angular Project

src 
+--app
   +--pages
      +--index
         +--battleship-field
            +--battleship-field-cell.component.html
               battleship-field-cell.component.less
               battleship-field-cell.compontns.spec.ts
               battleship-field-cell.component.ts
         +--header-list 
            +--header-list-item
               header-list-item.component.html
               header-list-item.component.less
               header-list-item.compontns.spec.ts
               header-list-item.component.ts  
            +--header-list-battleship-theme
               header-list-battleship-theme.component.html
               header-list-battleship-theme.component.less
               header-list-battleship-theme.compontns.spec.ts
               header-list-battleship-theme.component.ts  
            header-list.component.html
            header-list.component.less
            header-list.compontns.spec.ts
            header-list.component.ts
      app.component.html
      app.component.less
      app.component.spec.ts
      app.component.ts
      app.module.ts
      app-routing.module.ts

And stick BEM methodology. So, for example, header-list-component is a block, header-list-component-item is a element of header-list block. So, I need add header-list-component-battleship-theme as modifier to header-list block for margin for this block.

And in app.component.html this is looks like same:

<body>
  <header>
    <app-header-list class="header-list header-list_battleship-theme"></app-header-list>
  </header>
  <main>
    <app-battleship-field class="battleship-field"></app-battleship-field>
  </main>
<router-outlet></router-outlet>

But app-header-list is already a component (block) with its owner styles, and I need write styles (margin, padding) for modifier header-list-battleship-theme in header-list-battleship-theme.component.less and not in app.component.less.

How to do it right by BEM?

Source: New feed
Source Url BEM modifier in angular project