search

mitre-attack / attack-navigator

Web app that provides basic navigation and annotation of ATT&CK matrices
https://mitre-attack.github.io/attack-navigator
Apache License 2.0
1.92k stars 578 forks source link

Information to modify styling of navigator #604

Closed ovcrash closed 7 months ago

ovcrash commented 7 months ago

Hi, i'm looking to give a more modern look for the navigator, i'm looking for some pointers to know which files should i modify to get where i would like.

Here is my inspiration:

image

I think that with css maybe i can achieve this.

clemiller commented 7 months ago

Hi @ovcrash,

The CSS files for the Navigator matrices are contained in the matrix/ directory here. You'd likely need to modify the CSS for the tactic-cell, technique-cell, and the matrix-flat/matrix-side/matrix-mini components. There are also helper functions in cell.ts such as getClass(), getTechniqueTextColor(), and getTechniqueBackground() that may be of interest to you, depending on your desired look/behavior (these functions are used to display annotations on the technique cells within the matrix). Hope this helps.

ovcrash commented 7 months ago

Thanks, it does help.