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...")
 
Line 13: Line 13:
 
<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>
 
| data-sort-value=0|0.1.0  
 
| data-sort-value=0|0.1.0  
 
|| CSS-compliant color.
 
|| CSS-compliant color.
Line 28: Line 28:
 
<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><br/>
+
<code>msx-glass</code>
 
| data-sort-value=0|0.1.0  
 
| data-sort-value=0|0.1.0  
 
||  
 
||  

Revision as of 16:30, 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
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.