# 颜色与样式

::: details 目录
[[toc]]
:::

## 颜色
### 内置颜色
SColor 内置了一些常用颜色。见下表：

<table border="0">
  <tr style="background:#00000000">
    <td>SColor.Transparent</td>
    <td>#00000000</td>
  </tr>
  <tr style="background:#000000;color:white">
    <td>SColor.Black</td>
    <td>#00000000</td>
  </tr>
  <tr style="background:#000080;color:white">
    <td>SColor.DarkBlue</td>
    <td>#000080</td>
  </tr>
  <tr style="background:#0000FF;color:white">
    <td>SColor.Blue</td>
    <td>#0000FF</td>
  </tr>
  <tr style="background:#008000;color:white">
    <td>SColor.DarkGreen</td>
    <td>#008000</td>
  </tr>
  <tr style="background:#00FF00;color:white">
    <td>SColor.Green</td>
    <td>#00FF00</td>
  </tr>
  <tr style="background:#008080;color:white">
    <td>SColor.DarkCyan</td>
    <td>#008080</td>
  </tr>
  <tr style="background:#00FFFF">
    <td>SColor.Cyan</td>
    <td>#00FFFF</td>
  </tr>
  <tr style="background:#800000;color:white">
    <td>SColor.DarkRed</td>
    <td>#800000</td>
  </tr>
  <tr style="background:#FF0000;color:white">
    <td>SColor.Red</td>
    <td>#FF0000</td>
  </tr>
  <tr style="background:#800080;color:white">
    <td>SColor.DarkMagenta</td>
    <td>#800080</td>
  </tr>
  <tr style="background:#FF00FF;color:white">
    <td>SColor.Magenta</td>
    <td>#FF00FF</td>
  </tr>
  <tr style="background:#808000;color:white">
    <td>SColor.DarkYellow</td>
    <td>#808000</td>
  </tr>
  <tr style="background:#FFFF00">
    <td>SColor.Yellow</td>
    <td>#00000000</td>
  </tr>
  <tr style="background:#FFFFFF">
    <td>SColor.White</td>
    <td>#FFFFFF</td>
  </tr>
  <tr style="background:#808080;color:white">
    <td>SColor.DarkGray</td>
    <td>#808080</td>
  </tr>
  <tr style="background:#A0A0A0">
    <td>SColor.Gray</td>
    <td>#A0A0A0</td>
  </tr>   
  <tr style="background:#C0C0C0">
    <td>SColor.LightGray</td>
    <td>#C0C0C0</td>
  </tr>  
</table>

### 填充色实例

### 轮廓色实例

## 阴影

<engine-style-shadow /> 

::: details 查看代码
<<< @/docs/.vuepress/components/engine/style/shadow.vue
:::