Difference between revisions of "Colors"

From MSX - Wiki
Jump to navigation Jump to search
Line 6: Line 6:
 
|-
 
|-
 
| CSS
 
| CSS
|| <code>red</code><br/>
+
|| <code>red</code><br>
<code>#f00</code><br/>
+
<code>#f00</code><br>
<code>#ff0000</code><br/>
+
<code>#ff0000</code><br>
<code>rgb(255, 0, 0)</code><br/>  
+
<code>rgb(255, 0, 0)</code><br>
<code>rgb(100%, 0%, 0%)</code><br/>  
+
<code>rgb(100%, 0%, 0%)</code><br>
<code>hsl(0, 100%, 50%)</code><br/>  
+
<code>hsl(0, 100%, 50%)</code><br>
<code>rgba(255, 0, 0, 0.5)</code><br/>  
+
<code>rgba(255, 0, 0, 0.5)</code><br>
<code>hsla(0, 100%, 50%, 0.5)</code>
+
<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-red</code><br>
<code>msx-green</code><br/>
+
<code>msx-green</code><br>
<code>msx-yellow</code><br/>
+
<code>msx-yellow</code><br>
<code>msx-blue</code><br/>  
+
<code>msx-blue</code><br>
<code>msx-white</code><br/>  
+
<code>msx-white</code><br>
<code>msx-gray</code><br/>
+
<code>msx-gray</code><br>
<code>msx-black</code><br/>
+
<code>msx-black</code><br>
<code>msx-white-soft</code><br/>
+
<code>msx-white-soft</code><br>
<code>msx-gray-soft</code><br/>
+
<code>msx-gray-soft</code<br>
<code>msx-black-soft</code><br/>
+
<code>msx-black-soft</code><br>
<code>msx-glass</code>
+
<code>msx-glass</code><br>
 
| data-sort-value=0|0.1.0  
 
| data-sort-value=0|0.1.0  
 
||  
 
||  

Revision as of 15:31, 8 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 red

#f00
#ff0000
rgb(255, 0, 0)
rgb(100%, 0%, 0%)
hsl(0, 100%, 50%)
rgba(255, 0, 0, 0.5)
hsla(0, 100%, 50%, 0.5)

0.1.0 CSS-compliant color.
msx-{KEY} msx-red

msx-green
msx-yellow
msx-blue
msx-white
msx-gray
msx-black
msx-white-soft
msx-gray-soft</code
msx-black-soft
msx-glass

0.1.0

Pre-defined color. These colors are used in the Media Station X application. The {KEY} part must be replaced with the color key.

  • red: Red color.
  • green: Green color.
  • yellow: Yellow color.
  • blue: Blue color.
  • white: White color.
  • gray: Gray color.
  • black: Black color.
  • white-soft: Semi-transparent white color.
  • gray-soft: Semi-transparent gray color.
  • black-soft: Semi-transparent black color.
  • glass: Almost-transparent white color.