Difference between revisions of "Colors"

From MSX - Wiki
Jump to navigation Jump to search
(Created page with "All colors are indicated in the '''CSS''' (Cascading Style Sheets) syntax. Additionally, there are 11 pre-defined colors, starting with the prefix <code>msx-</code>. {| class...")
 
 
(7 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>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><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-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/>

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

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