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/>
Line 18: Line 19:
 
|-
 
|-
 
| <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/>

Revision as of 10:38, 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

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
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.