colors.md

@@ -39,22 +39,22 @@ Before merging them into generic colors in the final VLCColors file.
 
 ## VideoList item
 
-![listItem](pictures/components/listItem.png)
-
 - https://app.zeplin.io/project/5e271dc7628e287e59163571/screen/60869b5d7e303110e3168d19
 - TableViewDelegate.qml
 
+![listItem](pictures/components/listItem.png)
+
 | state     | color        | light     | dark      |
 | --------- | ------------ | --------- | --------- |
 | hover     | `listHover`  | `#e9e9e9` | `#272727` |
 
 ## TabBar button
 
-![tabBar](pictures/components/tabBar.png)
-
 - https://app.zeplin.io/project/5e271dc7628e287e59163571/screen/60869b5d7ee2251628a8caa4
 - TabButtonExt.qml
 
+![tabBar](pictures/components/tabBar.png)
+
 | state     | color        | light     | dark      |
 | --------- | ------------ | --------- | --------- |
 | hover     | `tabHover`   | `#f2f2f2` | `#303030` |
@@ -62,21 +62,21 @@ Before merging them into generic colors in the final VLCColors file.
 
 ## Playlist item
 
-![playlist](pictures/components/playlist.png)
-
 - https://app.zeplin.io/project/5e271dc7628e287e59163571/screen/60869b5ea716e3120f5e30e4
 - PlaylistDelegate.qml
 
+![playlist](pictures/components/playlist.png)
+
 | state     | color        | light     | dark      |
 | --------- | ------------ | --------- | --------- |
 | hover     | `listHover`  | `#e9e9e9` | `#272727` |
 
 ## Playlist button
 
-![playlistButton](pictures/components/playlistButton.png)
-
 - https://app.zeplin.io/project/5e271dc7628e287e59163571/screen/60869b63084a7012b374e2c1
 
+![playlistButton](pictures/components/playlistButton.png)
+
 | state     | color        | light     | dark      |
 | --------- | ------------ | --------- | --------- |
 | default   | `playlist`   | `#666666` | `#a6a6a6` |
@@ -85,11 +85,11 @@ Before merging them into generic colors in the final VLCColors file.
 
 ## Search bar
 
-![searchBar](pictures/components/searchBar.png)
-
 - https://app.zeplin.io/project/5e271dc7628e287e59163571/screen/60869b60ded10e1804b076e3
 - DiscoverUrlDisplay.qml
 
+![searchBar](pictures/components/searchBar.png)
+
 | state     | color        | light     | dark      |
 | --------- | ------------ | --------- | --------- |
 | default   | `barDefault` | `#999999` | `#6f6f6f` |
@@ -98,10 +98,10 @@ Before merging them into generic colors in the final VLCColors file.
 
 ## Player button
 
-![playerButton](pictures/components/playerButton.png)
-
 - https://app.zeplin.io/project/5e271dc7628e287e59163571/screen/60869b63084a7012b374e2c1
 
+![playerButton](pictures/components/playerButton.png)
+
 | state     | color        | light     | dark      |
 | --------- | ------------ | --------- | --------- |
 | base      | `player`     | `#484848` | `#e5e5e5` |
@@ -110,10 +110,10 @@ Before merging them into generic colors in the final VLCColors file.
 
 ## Play button
 
-![playButton](pictures/components/playButton.png)
-
 - https://app.zeplin.io/project/5e271dc7628e287e59163571/screen/60869b64fd3091146ef3800e
 
+![playButton](pictures/components/playButton.png)
+
 | state     | color        | light     | dark      |
 | --------- | ------------ | --------- | --------- |
 | gradientA | `playA`      | `#f89a06` | `#f89a06` |
@@ -121,10 +121,10 @@ Before merging them into generic colors in the final VLCColors file.
 
 ## Action button (level 1)
 
-![actionButton1](pictures/components/actionButton1.png)
-
 - https://app.zeplin.io/project/5e271dc7628e287e59163571/screen/60869b6870f37312252080ef
 
+![actionButton1](pictures/components/actionButton1.png)
+
 | state     | color        | light     | dark      |
 | --------- | ------------ | --------- | --------- |
 | default   | `accent`     | `#ff610a` | `#ff8800` |
@@ -132,10 +132,10 @@ Before merging them into generic colors in the final VLCColors file.
 
 ## Action button (level 2)
 
-![actionButton2](pictures/components/actionButton2.png)
-
 - https://app.zeplin.io/project/5e271dc7628e287e59163571/screen/60869b6870f37312252080ef
 
+![actionButton2](pictures/components/actionButton2.png)
+
 | state     | color        | light     | dark      |
 | --------- | ------------ | --------- | --------- |
 | default   | `???????`    | `???????` | `???????` |
@@ -143,20 +143,20 @@ Before merging them into generic colors in the final VLCColors file.
 
 ## Dropdown
 
-![dropdown](pictures/components/dropdown.png)
-
 - https://app.zeplin.io/project/5e271dc7628e287e59163571/screen/6093af207e708132075e799e
 
+![dropdown](pictures/components/dropdown.png)
+
 | state     | color        | light     | dark      |
 | --------- | ------------ | --------- | --------- |
 | hover     | `listHover`  | `#e9e9e9` | `#272727` |
 
 ## Track menu
 
-![trackMenu](pictures/components/trackMenu.png)
-
 - https://app.zeplin.io/project/5e271dc7628e287e59163571/screen/6093af20763f0608f007031d
 
+![trackMenu](pictures/components/trackMenu.png)
+
 | state     | color        | light     | dark      |
 | --------- | ------------ | --------- | --------- |
 | hover     | `menuHover`  | `#303030` | `#303030` |