diff --git a/developer_manual/design/icons-gen.py b/developer_manual/design/icons-gen.py
index 211fd63a9..9480d6415 100755
--- a/developer_manual/design/icons-gen.py
+++ b/developer_manual/design/icons-gen.py
@@ -38,7 +38,7 @@ result = ""
 for icon, path in sorted(icons.items()):
 	path = path.split('/')
 	localpath = '/'.join(path[3:5])
-	result += ".. figure:: img/" + localpath + "*\n   :height: 32\n   :width: 32\n\n   " + icon[1:] + "\n\n"
+	result += ".. figure:: img/" + localpath + ".*\n   :height: 32\n   :width: 32\n\n   " + icon[1:] + "\n\n"
 	os.system('inkscape -z img/' + localpath + '.svg -e img/' + localpath + '.png')
 
 f = open('icons.txt', 'w')
diff --git a/developer_manual/design/icons.txt b/developer_manual/design/icons.txt
index eb3e37bc9..d7e5adfd0 100644
--- a/developer_manual/design/icons.txt
+++ b/developer_manual/design/icons.txt
@@ -1,658 +1,658 @@
-.. figure:: img/actions/add*
+.. figure:: img/actions/add.*
    :height: 32
    :width: 32
 
    icon-add
 
-.. figure:: img/actions/address*
+.. figure:: img/actions/address.*
    :height: 32
    :width: 32
 
    icon-address
 
-.. figure:: img/actions/audio*
+.. figure:: img/actions/audio.*
    :height: 32
    :width: 32
 
    icon-audio
 
-.. figure:: img/actions/audio-off*
+.. figure:: img/actions/audio-off.*
    :height: 32
    :width: 32
 
    icon-audio-off
 
-.. figure:: img/*
+.. figure:: img/.*
    :height: 32
    :width: 32
 
    icon-breadcrumb
 
-.. figure:: img/places/calendar*
+.. figure:: img/places/calendar.*
    :height: 32
    :width: 32
 
    icon-calendar
 
-.. figure:: img/places/calendar*
+.. figure:: img/places/calendar.*
    :height: 32
    :width: 32
 
    icon-calendar-dark
 
-.. figure:: img/actions/caret*
+.. figure:: img/actions/caret.*
    :height: 32
    :width: 32
 
    icon-caret
 
-.. figure:: img/actions/caret*
+.. figure:: img/actions/caret.*
    :height: 32
    :width: 32
 
    icon-caret-dark
 
-.. figure:: img/categories/bundles*
+.. figure:: img/categories/bundles.*
    :height: 32
    :width: 32
 
    icon-category-app-bundles
 
-.. figure:: img/categories/auth*
+.. figure:: img/categories/auth.*
    :height: 32
    :width: 32
 
    icon-category-auth
 
-.. figure:: img/categories/customization*
+.. figure:: img/categories/customization.*
    :height: 32
    :width: 32
 
    icon-category-customization
 
-.. figure:: img/actions/close*
+.. figure:: img/actions/close.*
    :height: 32
    :width: 32
 
    icon-category-disabled
 
-.. figure:: img/actions/checkmark*
+.. figure:: img/actions/checkmark.*
    :height: 32
    :width: 32
 
    icon-category-enabled
 
-.. figure:: img/categories/files*
+.. figure:: img/categories/files.*
    :height: 32
    :width: 32
 
    icon-category-files
 
-.. figure:: img/categories/games*
+.. figure:: img/categories/games.*
    :height: 32
    :width: 32
 
    icon-category-games
 
-.. figure:: img/actions/user*
+.. figure:: img/actions/user.*
    :height: 32
    :width: 32
 
    icon-category-installed
 
-.. figure:: img/categories/integration*
+.. figure:: img/categories/integration.*
    :height: 32
    :width: 32
 
    icon-category-integration
 
-.. figure:: img/categories/monitoring*
+.. figure:: img/categories/monitoring.*
    :height: 32
    :width: 32
 
    icon-category-monitoring
 
-.. figure:: img/categories/multimedia*
+.. figure:: img/categories/multimedia.*
    :height: 32
    :width: 32
 
    icon-category-multimedia
 
-.. figure:: img/categories/office*
+.. figure:: img/categories/office.*
    :height: 32
    :width: 32
 
    icon-category-office
 
-.. figure:: img/categories/organization*
+.. figure:: img/categories/organization.*
    :height: 32
    :width: 32
 
    icon-category-organization
 
-.. figure:: img/actions/search*
+.. figure:: img/actions/search.*
    :height: 32
    :width: 32
 
    icon-category-search
 
-.. figure:: img/actions/password*
+.. figure:: img/actions/password.*
    :height: 32
    :width: 32
 
    icon-category-security
 
-.. figure:: img/categories/social*
+.. figure:: img/categories/social.*
    :height: 32
    :width: 32
 
    icon-category-social
 
-.. figure:: img/actions/settings-dark*
+.. figure:: img/actions/settings-dark.*
    :height: 32
    :width: 32
 
    icon-category-tools
 
-.. figure:: img/actions/download*
+.. figure:: img/actions/download.*
    :height: 32
    :width: 32
 
    icon-category-updates
 
-.. figure:: img/actions/checkmark*
+.. figure:: img/actions/checkmark.*
    :height: 32
    :width: 32
 
    icon-checkmark
 
-.. figure:: img/actions/checkmark*
+.. figure:: img/actions/checkmark.*
    :height: 32
    :width: 32
 
    icon-checkmark-color
 
-.. figure:: img/actions/clippy*
+.. figure:: img/actions/clippy.*
    :height: 32
    :width: 32
 
    icon-clippy
 
-.. figure:: img/actions/close*
+.. figure:: img/actions/close.*
    :height: 32
    :width: 32
 
    icon-close
 
-.. figure:: img/actions/comment*
+.. figure:: img/actions/comment.*
    :height: 32
    :width: 32
 
    icon-comment
 
-.. figure:: img/actions/confirm*
+.. figure:: img/actions/confirm.*
    :height: 32
    :width: 32
 
    icon-confirm
 
-.. figure:: img/actions/confirm-fade*
+.. figure:: img/actions/confirm-fade.*
    :height: 32
    :width: 32
 
    icon-confirm-fade
 
-.. figure:: img/places/contacts*
+.. figure:: img/places/contacts.*
    :height: 32
    :width: 32
 
    icon-contacts
 
-.. figure:: img/places/contacts*
+.. figure:: img/places/contacts.*
    :height: 32
    :width: 32
 
    icon-contacts-dark
 
-.. figure:: img/actions/delete*
+.. figure:: img/actions/delete.*
    :height: 32
    :width: 32
 
    icon-delete
 
-.. figure:: img/actions/delete*
+.. figure:: img/actions/delete.*
    :height: 32
    :width: 32
 
    icon-delete-white
 
-.. figure:: img/clients/desktop*
+.. figure:: img/clients/desktop.*
    :height: 32
    :width: 32
 
    icon-desktop
 
-.. figure:: img/actions/details*
+.. figure:: img/actions/details.*
    :height: 32
    :width: 32
 
    icon-details
 
-.. figure:: img/actions/disabled-user*
+.. figure:: img/actions/disabled-user.*
    :height: 32
    :width: 32
 
    icon-disabled-user
 
-.. figure:: img/actions/disabled-users*
+.. figure:: img/actions/disabled-users.*
    :height: 32
    :width: 32
 
    icon-disabled-users
 
-.. figure:: img/actions/download*
+.. figure:: img/actions/download.*
    :height: 32
    :width: 32
 
    icon-download
 
-.. figure:: img/actions/edit*
+.. figure:: img/actions/edit.*
    :height: 32
    :width: 32
 
    icon-edit
 
-.. figure:: img/actions/error*
+.. figure:: img/actions/error.*
    :height: 32
    :width: 32
 
    icon-error
 
-.. figure:: img/actions/error*
+.. figure:: img/actions/error.*
    :height: 32
    :width: 32
 
    icon-error-color
 
-.. figure:: img/actions/external*
+.. figure:: img/actions/external.*
    :height: 32
    :width: 32
 
    icon-external
 
-.. figure:: img/actions/star-dark*
+.. figure:: img/actions/star-dark.*
    :height: 32
    :width: 32
 
    icon-favorite
 
-.. figure:: img/places/files*
+.. figure:: img/places/files.*
    :height: 32
    :width: 32
 
    icon-files
 
-.. figure:: img/places/files*
+.. figure:: img/places/files.*
    :height: 32
    :width: 32
 
    icon-files-dark
 
-.. figure:: img/filetypes/folder*
+.. figure:: img/filetypes/folder.*
    :height: 32
    :width: 32
 
    icon-filetype-folder
 
-.. figure:: img/filetypes/folder-drag-accept*
+.. figure:: img/filetypes/folder-drag-accept.*
    :height: 32
    :width: 32
 
    icon-filetype-folder-drag-accept
 
-.. figure:: img/filetypes/text*
+.. figure:: img/filetypes/text.*
    :height: 32
    :width: 32
 
    icon-filetype-text
 
-.. figure:: img/filetypes/folder*
+.. figure:: img/filetypes/folder.*
    :height: 32
    :width: 32
 
    icon-folder
 
-.. figure:: img/actions/fullscreen*
+.. figure:: img/actions/fullscreen.*
    :height: 32
    :width: 32
 
    icon-fullscreen
 
-.. figure:: img/actions/group*
+.. figure:: img/actions/group.*
    :height: 32
    :width: 32
 
    icon-group
 
-.. figure:: img/actions/history*
+.. figure:: img/actions/history.*
    :height: 32
    :width: 32
 
    icon-history
 
-.. figure:: img/places/home*
+.. figure:: img/places/home.*
    :height: 32
    :width: 32
 
    icon-home
 
-.. figure:: img/actions/info*
+.. figure:: img/actions/info.*
    :height: 32
    :width: 32
 
    icon-info
 
-.. figure:: img/places/link*
+.. figure:: img/places/link.*
    :height: 32
    :width: 32
 
    icon-link
 
-.. figure:: img/actions/logout*
+.. figure:: img/actions/logout.*
    :height: 32
    :width: 32
 
    icon-logout
 
-.. figure:: img/actions/mail*
+.. figure:: img/actions/mail.*
    :height: 32
    :width: 32
 
    icon-mail
 
-.. figure:: img/actions/menu*
+.. figure:: img/actions/menu.*
    :height: 32
    :width: 32
 
    icon-menu
 
-.. figure:: img/actions/more*
+.. figure:: img/actions/more.*
    :height: 32
    :width: 32
 
    icon-more
 
-.. figure:: img/places/music*
+.. figure:: img/places/music.*
    :height: 32
    :width: 32
 
    icon-music
 
-.. figure:: img/actions/password*
+.. figure:: img/actions/password.*
    :height: 32
    :width: 32
 
    icon-password
 
-.. figure:: img/actions/pause*
+.. figure:: img/actions/pause.*
    :height: 32
    :width: 32
 
    icon-pause
 
-.. figure:: img/clients/phone*
+.. figure:: img/clients/phone.*
    :height: 32
    :width: 32
 
    icon-phone
 
-.. figure:: img/places/picture*
+.. figure:: img/places/picture.*
    :height: 32
    :width: 32
 
    icon-picture
 
-.. figure:: img/actions/play*
+.. figure:: img/actions/play.*
    :height: 32
    :width: 32
 
    icon-play
 
-.. figure:: img/actions/play-add*
+.. figure:: img/actions/play-add.*
    :height: 32
    :width: 32
 
    icon-play-add
 
-.. figure:: img/actions/play-next*
+.. figure:: img/actions/play-next.*
    :height: 32
    :width: 32
 
    icon-play-next
 
-.. figure:: img/actions/play-previous*
+.. figure:: img/actions/play-previous.*
    :height: 32
    :width: 32
 
    icon-play-previous
 
-.. figure:: img/actions/public*
+.. figure:: img/actions/public.*
    :height: 32
    :width: 32
 
    icon-public
 
-.. figure:: img/actions/quota*
+.. figure:: img/actions/quota.*
    :height: 32
    :width: 32
 
    icon-quota
 
-.. figure:: img/actions/rename*
+.. figure:: img/actions/rename.*
    :height: 32
    :width: 32
 
    icon-rename
 
-.. figure:: img/actions/screen*
+.. figure:: img/actions/screen.*
    :height: 32
    :width: 32
 
    icon-screen
 
-.. figure:: img/actions/screen-off*
+.. figure:: img/actions/screen-off.*
    :height: 32
    :width: 32
 
    icon-screen-off
 
-.. figure:: img/actions/search*
+.. figure:: img/actions/search.*
    :height: 32
    :width: 32
 
    icon-search
 
-.. figure:: img/actions/settings*
+.. figure:: img/actions/settings.*
    :height: 32
    :width: 32
 
    icon-settings
 
-.. figure:: img/actions/settings-dark*
+.. figure:: img/actions/settings-dark.*
    :height: 32
    :width: 32
 
    icon-settings-dark
 
-.. figure:: img/actions/settings-dark*
+.. figure:: img/actions/settings-dark.*
    :height: 32
    :width: 32
 
    icon-settings-white
 
-.. figure:: img/actions/share*
+.. figure:: img/actions/share.*
    :height: 32
    :width: 32
 
    icon-share
 
-.. figure:: img/actions/share*
+.. figure:: img/actions/share.*
    :height: 32
    :width: 32
 
    icon-share-white
 
-.. figure:: img/actions/sound*
+.. figure:: img/actions/sound.*
    :height: 32
    :width: 32
 
    icon-sound
 
-.. figure:: img/actions/sound-off*
+.. figure:: img/actions/sound-off.*
    :height: 32
    :width: 32
 
    icon-sound-off
 
-.. figure:: img/actions/star-dark*
+.. figure:: img/actions/star-dark.*
    :height: 32
    :width: 32
 
    icon-star
 
-.. figure:: img/actions/star*
+.. figure:: img/actions/star.*
    :height: 32
    :width: 32
 
    icon-star-dark
 
-.. figure:: img/actions/star-dark*
+.. figure:: img/actions/star-dark.*
    :height: 32
    :width: 32
 
    icon-starred
 
-.. figure:: img/clients/tablet*
+.. figure:: img/clients/tablet.*
    :height: 32
    :width: 32
 
    icon-tablet
 
-.. figure:: img/actions/tag*
+.. figure:: img/actions/tag.*
    :height: 32
    :width: 32
 
    icon-tag
 
-.. figure:: img/actions/timezone*
+.. figure:: img/actions/timezone.*
    :height: 32
    :width: 32
 
    icon-timezone
 
-.. figure:: img/actions/toggle*
+.. figure:: img/actions/toggle.*
    :height: 32
    :width: 32
 
    icon-toggle
 
-.. figure:: img/actions/toggle-background*
+.. figure:: img/actions/toggle-background.*
    :height: 32
    :width: 32
 
    icon-toggle-background
 
-.. figure:: img/actions/toggle-pictures*
+.. figure:: img/actions/toggle-pictures.*
    :height: 32
    :width: 32
 
    icon-toggle-pictures
 
-.. figure:: img/actions/triangle-e*
+.. figure:: img/actions/triangle-e.*
    :height: 32
    :width: 32
 
    icon-triangle-e
 
-.. figure:: img/actions/triangle-n*
+.. figure:: img/actions/triangle-n.*
    :height: 32
    :width: 32
 
    icon-triangle-n
 
-.. figure:: img/actions/triangle-s*
+.. figure:: img/actions/triangle-s.*
    :height: 32
    :width: 32
 
    icon-triangle-s
 
-.. figure:: img/actions/upload*
+.. figure:: img/actions/upload.*
    :height: 32
    :width: 32
 
    icon-upload
 
-.. figure:: img/actions/user*
+.. figure:: img/actions/user.*
    :height: 32
    :width: 32
 
    icon-user
 
-.. figure:: img/actions/user-admin*
+.. figure:: img/actions/user-admin.*
    :height: 32
    :width: 32
 
    icon-user-admin
 
-.. figure:: img/actions/video*
+.. figure:: img/actions/video.*
    :height: 32
    :width: 32
 
    icon-video
 
-.. figure:: img/actions/video-off*
+.. figure:: img/actions/video-off.*
    :height: 32
    :width: 32
 
    icon-video-off
 
-.. figure:: img/actions/video-switch*
+.. figure:: img/actions/video-switch.*
    :height: 32
    :width: 32
 
    icon-video-switch
 
-.. figure:: img/actions/view-close*
+.. figure:: img/actions/view-close.*
    :height: 32
    :width: 32
 
    icon-view-close
 
-.. figure:: img/actions/view-download*
+.. figure:: img/actions/view-download.*
    :height: 32
    :width: 32
 
    icon-view-download
 
-.. figure:: img/actions/arrow-right*
+.. figure:: img/actions/arrow-right.*
    :height: 32
    :width: 32
 
    icon-view-next
 
-.. figure:: img/actions/view-pause*
+.. figure:: img/actions/view-pause.*
    :height: 32
    :width: 32
 
    icon-view-pause
 
-.. figure:: img/actions/view-play*
+.. figure:: img/actions/view-play.*
    :height: 32
    :width: 32
 
    icon-view-play
 
-.. figure:: img/actions/arrow-left*
+.. figure:: img/actions/arrow-left.*
    :height: 32
    :width: 32
 
diff --git a/developer_manual/design/img/actions/checkmark-white.svg b/developer_manual/design/img/actions/checkmark-white.svg
new file mode 100644
index 000000000..6190902ea
--- /dev/null
+++ b/developer_manual/design/img/actions/checkmark-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewBox="0 0 16 16"><path d="m2.35 7.3 4 4l7.3-7.3" stroke="white" stroke-width="2" fill="none"/></svg>
diff --git a/developer_manual/design/img/actions/confirm-white.svg b/developer_manual/design/img/actions/confirm-white.svg
new file mode 100644
index 000000000..98a41adef
--- /dev/null
+++ b/developer_manual/design/img/actions/confirm-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" width="16" version="1.1" height="16"><path fill="#fff" d="m8.5 0.5c-0.8974 0-1.3404 1.0909-0.6973 1.7168l4.7837 4.7832h-11.573c-1.3523-0.019125-1.3523 2.0191 0 2h11.572l-4.7832 4.7832c-0.98163 0.94251 0.47155 2.3957 1.4141 1.4141l6.4911-6.49c0.387-0.3878 0.391-1.0228 0-1.414l-6.4906-6.4903c-0.1883-0.1935-0.4468-0.30268-0.7168-0.3027z"/></svg>
diff --git a/developer_manual/design/img/actions/info-white.svg b/developer_manual/design/img/actions/info-white.svg
new file mode 100644
index 000000000..92f6e44ad
--- /dev/null
+++ b/developer_manual/design/img/actions/info-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 16 16" width="16" height="16"><path d="M5 7.474c.155.382.325.69.644.246.407-.268 1.76-1.427 1.662-.342-.368 2.017-.834 4.017-1.17 6.04-.393 1.114.634 2.067 1.637 1.31 1.078-.502 1.99-1.287 2.927-2.01-.144-.323-.25-.79-.596-.347-.468.24-1.47 1.318-1.696.472.315-2.18.975-4.295 1.365-6.462.397-1.005-.364-2.223-1.4-1.363C7.117 5.634 6.083 6.6 5 7.474zM9.46.005C8.15-.017 7.553 2.147 8.815 2.68c1.023.378 2.077-.714 1.79-1.75-.098-.542-.598-.97-1.147-.93z" fill="#fff"/></svg>