Difference between revisions of "Colors"
Jump to navigation
Jump to search
| (4 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
{| class="wikitable sortable" | {| class="wikitable sortable" | ||
| + | |+ Color syntax | ||
|- | |- | ||
! Syntax !! Example !! Since Version !! class="unsortable" | Description | ! Syntax !! Example !! Since Version !! class="unsortable" | Description | ||
|- | |- | ||
| CSS | | CSS | ||
| − | || <code>red</code><br> | + | || |
| − | <code>#f00</code><br> | + | <code>red</code><br/> |
| − | <code>#ff0000</code><br> | + | <code>#f00</code><br/> |
| − | <code>rgb(255, 0, 0)</code><br> | + | <code>#ff0000</code><br/> |
| − | <code>rgb(100%, 0%, 0%)</code><br> | + | <code>rgb(255, 0, 0)</code><br/> |
| − | <code>hsl(0, 100%, 50%)</code><br> | + | <code>rgb(100%, 0%, 0%)</code><br/> |
| − | <code>rgba(255, 0, 0, 0.5)</code><br> | + | <code>hsl(0, 100%, 50%)</code><br/> |
| − | <code>hsla(0, 100%, 50%, 0.5)</code><br> | + | <code>rgba(255, 0, 0, 0.5)</code><br/> |
| + | <code>hsla(0, 100%, 50%, 0.5)</code><br/> | ||
| data-sort-value=0|0.1.0 | | data-sort-value=0|0.1.0 | ||
|| CSS-compliant color. | || CSS-compliant color. | ||
|- | |- | ||
| <code>msx-{KEY}</code> | | <code>msx-{KEY}</code> | ||
| − | || <code>msx-red</code><br> | + | || |
| − | <code>msx-green</code><br> | + | <code>msx-red</code><br/> |
| − | <code>msx-yellow</code><br> | + | <code>msx-green</code><br/> |
| − | <code>msx-blue</code><br> | + | <code>msx-yellow</code><br/> |
| − | <code>msx-white</code><br> | + | <code>msx-blue</code><br/> |
| − | <code>msx-gray</code><br> | + | <code>msx-white</code><br/> |
| − | <code>msx-black</code><br> | + | <code>msx-gray</code><br/> |
| − | <code>msx-white-soft</code><br> | + | <code>msx-black</code><br/> |
| − | <code>msx-gray-soft</code><br> | + | <code>msx-white-soft</code><br/> |
| − | <code>msx-black-soft</code><br> | + | <code>msx-gray-soft</code><br/> |
| − | <code>msx-glass</code><br> | + | <code>msx-black-soft</code><br/> |
| + | <code>msx-glass</code><br/> | ||
| data-sort-value=0|0.1.0 | | data-sort-value=0|0.1.0 | ||
|| | || | ||
Latest revision as of 12:27, 13 January 2021
All colors are indicated in the CSS (Cascading Style Sheets) syntax. Additionally, there are 11 pre-defined colors, starting with the prefix msx-.
| Syntax | Example | Since Version | Description |
|---|---|---|---|
| CSS |
|
0.1.0 | CSS-compliant color. |
msx-{KEY}
|
|
0.1.0 |
Pre-defined color. These colors are used in the Media Station X application. The
|