SimCSS

Apply CSS stylesheets to Simulink models.

With SimCSS, you can easily customize Simulink blocks through a simple CSS file.

1) What styles can be applied?

Any property of a Simulink block can be set with SimCSS. Everywhere you would normally use set_param(handle,'myproperty',myvalue), you could use the SimCSS equivalent {myproperty: myvalue}.

2) How to select which blocks apply a style to?

* => applies to every block
.line => applies to lines
.annotation => applies to annotations
#id (e.g. #name) => applies to blocks called "name"
element (e.g Constant) => applies to every constant block
element1 element2 (e.g Subsystem Outport) => applies to outports inside subsystems
[Prop=Value] (e.g [tag=test]) => applies to blocks with a Tag equal to "test"

3) Quick example to get started.

1. Create a "styles.css" file with your styles

/* I like big fonts all over the place */
* {FontSize: 20}
/* Applies to outports inside subsystems */
Subsystem Outport {BackgroundColor: "magenta";}
/* Applies to Goto and From blocks */
From, Goto {BackgroundColor: "yellow"; ShowName: "off"}
/* Change Constant blocks size */
Constant {width: 70; Height: 40}

2. Apply styles to current Simulink model

applyCSS(bdroot,'styles.css')