add docs for favorites and colors

docs/screens/colors.md

@@ -1,19 +1,37 @@
 # Colors
-Colors are a simple and fast way to organize your notes. Colors with notes are pinned to the Sidebar for quick access automatically.  
+
+Colors are a simple and fast way to organize your notes. A shortcut for each color that contains any notes appears on the Side Menu.
 
 ||| Desktop/Web
-#### How to add color to note
+
+#### How to assign color to note
 
 1. Click on the more button or right click on a note.
 2. Select the desired color from the properties menu.
-3. Thats it!
 
-![](color-desktop.png)
+![](../static/color_note_desktop.png)
+
+3. That's it!
 
 ####
-||| Mobile/Tablet
-#### How to add color to note
 
-1. Click on the more button on right side of note.
+||| Mobile/Tablet
+
+#### How to assign color to note
+
+1. Tap on the three-dot more button on right side on note.
+
+<img style="width:300px;margin-bottom:15px" src="../static/color_note_step_1.jpg" alt="Click on the more button on right side of note."/>
+
 2. Select the desired color from the Bottom Sheet Menu.
-3. Thats it!
+
+<img style="width:300px;margin-bottom:15px" src="../static/color_note_step_2.jpg" alt="Select the desired color from the Bottom Sheet Menu."/>
+
+3. That's it
+   |||
+
+## Color Shortcuts
+
+A shortcut to notes of specific color appears on Side Menu when it contains at least one note.
+
+![](../static/color_pinned_side_desktop.png)

docs/screens/favorites.md

@@ -1 +1,27 @@
 # Favorites
+
+While you organize your notes with all different types of notebooks, tags and colors, favorites give you quick access to the notes that are most important to you in one tap.
+
+||| Desktop/Web
+
+#### How to add a note to favorites?
+
+1. Righ click on a note or click on the three-dot more button.
+2. Select favorite from the properties menu.
+3. That's it.
+   ||| Mobile/Tablet
+
+#### How to add a note to favorites?
+
+1. Tap on the three-dot more button on right side on note.
+
+<img style="width:300px;margin-bottom:15px" src="../static/color_note_step_1.jpg" alt="Click on the more button on right side of note."/>
+
+2. Toggle favorite in the column from Bottom sheet.
+
+<img style="width:300px;margin-bottom:15px" src="../static/favorite_note.jpg" alt="Toggle favorite in the column."/>
+
+4. That's it.
+   |||
+Now if you go to the Favorites section from Side Menu, you will find your note there.
+![](../static/favorites_page.png)