colors.md

@@ -18,6 +18,10 @@ Before merging them into generic colors in the final VLCColors file.
 | barDefault | `#999999` | `#6f6f6f` |
 | barHover   | `#4c4c4c` | `#b7b7b7` |
 | barFocus   | `#ff610a` | `#ff8800` |
+| player     | `#484848` | `#e5e5e5` |
+| playA      | `#f89a06` | `#f89a06` |
+| playB      | `#e25a01` | `#e25a01` |
+| action     | `#e65609` | `#e67a00` |
 
 ## VideoGrid item
 
@@ -82,38 +86,38 @@ Before merging them into generic colors in the final VLCColors file.
 
 - https://app.zeplin.io/project/5e271dc7628e287e59163571/screen/60869b63084a7012b374e2c1
 
-| color     | light     | dark      |
-| --------- | --------- | --------- |
-| default   | `#484848` | `#e5e5e5` |
-| hover     | `black`   | `white`   |
-| active    | `#ff610a` | `#ff8800` |
+| state     | color        | light     | dark      |
+| --------- | ------------ | --------- | --------- |
+| base      | `player`     | `#484848` | `#e5e5e5` |
+| hover     | `highlight`  | `black`   | `white`   |
+| active    | `accent`     | `#ff610a` | `#ff8800` |
 
 ## Play button
 
 - https://app.zeplin.io/project/5e271dc7628e287e59163571/screen/60869b64fd3091146ef3800e
 
-| color     | light     | dark      |
-| --------- | --------- | --------- |
-| gradientA | `#f89a06` | `#f89a06` |
-| gradientB | `#e25a01` | `#e25a01` |
+| state     | color        | light     | dark      |
+| --------- | ------------ | --------- | --------- |
+| gradientA | `playA`      | `#f89a06` | `#f89a06` |
+| gradientB | `playB`      | `e25a01`  | `e25a01`  |
 
 ## Action button (level 1)
 
 - https://app.zeplin.io/project/5e271dc7628e287e59163571/screen/60869b6870f37312252080ef
 
-| color     | light     | dark      |
-| --------- | --------- | --------- |
-| default   | `#ff610a` | `#ff8800` |
-| hover     | `#e65609` | `#e67a00` |
+| state     | color        | light     | dark      |
+| --------- | ------------ | --------- | --------- |
+| default   | `accent`     | `#ff610a` | `#ff8800` |
+| hover     | `action`     | `e65609`  | `e67a00`  |
 
 ## Action button (level 2)
 
 - https://app.zeplin.io/project/5e271dc7628e287e59163571/screen/60869b6870f37312252080ef
 
-| color     | light   | dark    |
-| --------- | ------- | ------- |
-| default   | ??????? | ??????? |
-| hover     | `black` | `white` |
+| state     | color        | light     | dark      |
+| --------- | ------------ | --------- | --------- |
+| default   | `???????`    | `???????` | `???????` |
+| hover     | `highlight`  | `black`   | `white`   |
 
 ## Author