Conditional styles

[RJanssens]

In my DSL, I use tags to highlight various dimensions of my software systems & containers (ownership, deployment target, project change status ...).

Currently, I've defined consolidated styles for all of those attributes:

    styles {
            element "Organisation A" {
                background #83D2E1
            }
            
            element "Organisation B" {
                background #9827DD
            }
            
            element "Organisation C" {
                background #254AA5
            }
            
            /* (Change status)
           element "Future" {
                opacity 50
            }
            
            element "New" {
                color #FFF793
            }
            
            element "Reuse" {
                color #B6FF00
            }
            
            element "Adapt" {
                color #FFCA8E
            }
            */
    }

Depending on the perspective I'd like to visualize, I comment out irrelevant information when rendering the view.

It would be nice to be able to define named styles & to specify them at the view-level. A further enhancement would be the ability to toggle between styles at the view-level via a dropdown.

[asos-alexwhite]

The answer Simon gave to my question here might be the answer to your question too - perspective [values] can be associated with your perspectives and then used for differential styling.

#371

[asos-alexwhite]

The specific example given there is

workspace {
    
    model {
        softwareSystem "A" {
            perspectives {
              "Technical Debt" "Tebt debt of system A is high because of X" "High"
            }
        }
    }
    
    views {
        styles {
            element "Perspective:Technical Debt[value==Low]" {
              background green
              color white
            }
            element "Perspective:Technical Debt[value==Medium]" {
              background orange
              color white
            }
            element "Perspective:Technical Debt[value==High]" {
              background red
              color white
            }
        }
    }
    
}