diff --git a/.gitignore b/.gitignore
index cdc112c31..de4cb25f7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -23,3 +23,6 @@ developer_manual/api/
*.db
*.snag
+# Temp scss files
+developer_manual/design/*.scss
+developer_manual/design/*.css
diff --git a/README.rst b/README.rst
index 0a2fa7854..e89c414cb 100644
--- a/README.rst
+++ b/README.rst
@@ -162,5 +162,13 @@ Process
3. Move the resulting ``rst`` files in place and reference them
4. Wrap text lines at 80 chars, apply markup fixes
+Icons
+^^^^^^^
+To compile and update the icons list in the designer manual, you will also need
+1. inkscape
+2. sass
+3. unzip
+4. wget
+
.. _CC BY 3.0: http://creativecommons.org/licenses/by/3.0/deed.en_US
.. _`Xcode command line tools`: http://stackoverflow.com/questions/9329243/xcode-4-4-and-later-install-command-line-tools
diff --git a/developer_manual/design/content.rst b/developer_manual/design/content.rst
index 40fb9d125..ad163dd0d 100644
--- a/developer_manual/design/content.rst
+++ b/developer_manual/design/content.rst
@@ -5,3 +5,58 @@
============
Main content
============
+
+Since 14, we standardized our structure.
+
+Your application will be directly injected into the ``#content`` div.
+
+
+.. code-block:: html
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Rules and information
+======================
+
+* You cannot nor need to modify the header or the outside elements of your application.
+* The whole body needs to scroll to be compatible with the mobile views. Therefore the sidebar and the app-navigation are fixed/sticky.
+* Unless you application does not require a scrollable area, not not use any overflow properties on the parents of your content.
+* The ``app-navigation-toggle`` is automatically injected. The navigation hide/show is automatically managed.
+* Do not use ``#content-wrapper`` anymore
+* If your app is injecting itself by replacing the #content element, make sure to keep the #content id
+* If you use the ``app-content-list`` standard, the ``app-content-details`` div will be hidden in mobile mode (full screen).
+ You will need to add the ``showdetails`` class to the ``app-content-list`` to show the main content.
+ On mobile view, the whole list/details section (depending on which is shown) will scroll the body
diff --git a/developer_manual/design/css.rst b/developer_manual/design/css.rst
new file mode 100644
index 000000000..38a4dfa33
--- /dev/null
+++ b/developer_manual/design/css.rst
@@ -0,0 +1,79 @@
+.. sectionauthor:: John Molakvoæ
+.. codeauthor:: John Molakvoæ
+.. _css:
+
+=============
+SCSS
+=============
+
+Since the version 12 of Nextcloud, we support ``SCSS`` natively.
+You can migrate your files by simply renaming your ``.css`` files to ``.scss``.
+The server will automatically compile, cache and and serve it.
+The priority goes to the scss file. So having two file with the same name and a ``scss`` & ``css`` extension
+will ensure a retro compatibility with <12 versions as scss files will be ignored by the server.
+
+.. _cssicons:
+
+=============
+Icons
+=============
+
+Since nextcloud 14, we added some scss mixins and functions to add and manage svg icons.
+
+This function need to be use to add a background-image. It create a list of every icons used in nextcloud and create an associated list of variables.
+This allow us to revert the colours of the svgs when using the dark theme.
+
+.. code-block:: scss
+
+ /**
+ * SVG COLOR API
+ *
+ * @param string $icon the icon filename
+ * @param string $dir the icon folder within /core/img if $core or app name
+ * @param string $color the desired color in hexadecimal
+ * @param int $version the version of the file
+ * @param bool [$core] search icon in core
+ *
+ * @returns string the url to the svg api endpoint
+ */
+ @mixin icon-color($icon, $dir, $color, $version: 1, $core: false)
+
+ // Examples
+ .icon-menu {
+ @include icon-color('menu', 'actions', $color-white, 1, true);
+ // --icon-menu: url('/svg/core/actions/menu/ffffff?v=1');
+ // background-image: var(--icon-menu)
+ }
+ .icon-folder {
+ @include icon-color('folder', 'files', $color-black);
+ // --icon-folder: url('/svg/files/folder/000000?v=1');
+ // background-image: var(--icon-folder)
+ }
+
+More informations about the :ref:`svg color api `.
+
+
+The ``icon-black-white`` mixin is a shortand to the ``icon-color`` function but it generates twwo set of icons with the suffixe ``-white`` and without (default black).
+
+
+.. code-block:: scss
+
+ /**
+ * Create black and white icons
+ * This will add a default black version of and an additional white version when .icon-white is applied
+ */
+ @mixin icon-black-white($icon, $dir, $version, $core: false)
+
+ // Examples
+ @include icon-black-white('add', 'actions', 1, true);
+
+ // Will result in
+ .icon-add {
+ @include icon-color('add', 'actions', $color-black, 1, true);
+ }
+ .icon-add-white,
+ .icon-add.icon-white {
+ @include icon-color('add', 'actions', $color-white, 1, true);
+ }
+
+
diff --git a/developer_manual/design/icons-gen.py b/developer_manual/design/icons-gen.py
index f40048a60..211fd63a9 100755
--- a/developer_manual/design/icons-gen.py
+++ b/developer_manual/design/icons-gen.py
@@ -7,20 +7,25 @@ import re
import os
iconregex = re.compile("(\.icon-[a-z-]*)")
-pathregex = r"url\('([a-z-./]*\.svg)"
+pathregex = r"url\(\"([a-z0-9-./]+)"
os.system('rm -R ./img/')
os.system('rm icons.txt')
os.system('wget https://github.com/nextcloud/server/archive/master.zip')
os.system("unzip -p master.zip 'server-master/core/css/icons.scss' > icons.scss")
+os.system("unzip -p master.zip 'server-master/core/css/functions.scss' > functions.scss")
+os.system("unzip -p master.zip 'server-master/core/css/variables.scss' > variables.scss")
os.system("unzip -u master.zip 'server-master/core/img/*'")
+os.system('echo \'$webroot:"";@import "functions";@import "variables";@import "icons";\' | sass --scss -s > icons.css')
os.system('mv ./server-master/core/img .')
os.system('rm master.zip')
+os.system('rm *.scss')
+os.system('rm -R ./.sass-cache/')
os.system('rm -R ./server-master/')
icons = {}
-scss = open('icons.scss')
+scss = open('icons.css')
lines = scss.readlines()
for i, line in enumerate(lines):
@@ -31,9 +36,12 @@ for i, line in enumerate(lines):
result = ""
for icon, path in sorted(icons.items()):
- result += ".. figure:: " + path[3:-3]+"*\n :height: 32\n :width: 32\n\n " + icon[1:] + "\n\n"
- os.system('inkscape -z '+path[3:]+' -e '+path[3:-3]+'png')
+ path = path.split('/')
+ localpath = '/'.join(path[3:5])
+ 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')
f.write(result);
-f.close()
\ No newline at end of file
+f.close()
+os.system('rm *.css')
\ No newline at end of file
diff --git a/developer_manual/design/icons.rst b/developer_manual/design/icons.rst
index 430c73704..791eb36df 100644
--- a/developer_manual/design/icons.rst
+++ b/developer_manual/design/icons.rst
@@ -10,3 +10,28 @@ White icons only have a grey background on this documentation page for readabili
.. include:: icons.txt
:class: icons-flex
+
+.. _svgcolorapi:
+
+=====================
+Svg color api
+=====================
+
+More informations about scss and this api: :ref:`scss mixins and functions `
+
+You can request and color any svg icons used in nextcloud with this api.
+The server will directly change the colours of the ``circle``, ``rect`` and ``path`` elements in the svg you provide.
+Simply use those urls:
+
+* ``https://yourdomain/svg/core/actions/menu/ffffff``
+ Will serve the svg located in the core/img directory as a white icon
+ ``/core/img/actions/menu.svg``
+
+* ``https://yourdomain/svg/core/places/calendar/0082c9``
+ Will serve the svg located in the core/img directory with the color #0082c9
+ ``/core/img/places/calendar.svg``
+
+* ``https://yourdomain/svg/files/app/000000``
+ Will serve the svg located in the files app ``img`` directory ad a black icon
+ ``/app/files/img/app.svg``
+
diff --git a/developer_manual/design/icons.scss b/developer_manual/design/icons.scss
deleted file mode 100644
index 6d855381f..000000000
--- a/developer_manual/design/icons.scss
+++ /dev/null
@@ -1,551 +0,0 @@
-/**
- * @copyright Copyright (c) 2016, John Molakvoæ
- * @copyright Copyright (c) 2016, Joas Schilling
- * @copyright Copyright (c) 2016, Lukas Reschke
- * @copyright Copyright (c) 2016, Roeland Jago Douma
- * @copyright Copyright (c) 2016, Vincent Chan
- * @copyright Copyright (c) 2015, Thomas Müller
- * @copyright Copyright (c) 2015, Hendrik Leppelsack
- * @copyright Copyright (c) 2015, Jan-Christoph Borchardt
- *
- * @license GNU AGPL version 3 or any later version
- *
- */
-
-/* GLOBAL ------------------------------------------------------------------- */
-[class^='icon-'], [class*=' icon-'] {
- background-repeat: no-repeat;
- background-position: center;
- min-width: 16px;
- min-height: 16px;
-}
-
-.icon-breadcrumb {
- background-image: url('../img/breadcrumb.svg?v=1');
-}
-
-/* LOADING ------------------------------------------------------------------ */
-.loading, .loading-small, .icon-loading, .icon-loading-dark, .icon-loading-small, .icon-loading-small-dark {
- position: relative;
- &:after {
- z-index: 2;
- content: '';
- height: 28px;
- width: 28px;
- margin: -16px 0 0 -16px;
- position: absolute;
- top: 50%;
- left: 50%;
- border-radius: 100%;
- -webkit-animation: rotate .8s infinite linear;
- animation: rotate .8s infinite linear;
- -webkit-transform-origin: center;
- -ms-transform-origin: center;
- transform-origin: center;
- border: 2px solid rgba($color-loading, 0.5);
- border-top-color: $color-loading;
- }
-}
-
-.icon-loading-dark:after,
-.icon-loading-small-dark:after {
- border: 2px solid rgba($color-loading-dark, 0.5);
- border-top-color: $color-loading-dark;
-}
-
-.icon-loading-small:after,
-.icon-loading-small-dark:after {
- height: 12px;
- width: 12px;
- margin: -8px 0 0 -8px;
-}
-
-/* Css replaced elements don't have ::after nor ::before */
-img, object, video, button, textarea, input, select {
- .icon-loading {
- background-image: url('../img/loading.gif');
- }
- .icon-loading-dark {
- background-image: url('../img/loading-dark.gif');
- }
- .icon-loading-small {
- background-image: url('../img/loading-small.gif');
- }
- .icon-loading-small-dark {
- background-image: url('../img/loading-small-dark.gif');
- }
-}
-
-@keyframes rotate {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(360deg);
- }
-}
-
-.icon-32 {
- background-size: 32px !important;
-}
-
-/* ICONS -------------------------------------------------------------------- */
-.icon-add {
- background-image: url('../img/actions/add.svg?v=1');
-}
-
-.icon-audio {
- background-image: url('../img/actions/audio.svg?v=1');
-}
-
-.icon-audio-white {
- background-image: url('../img/actions/audio-white.svg?v=2');
-}
-
-.icon-audio-off {
- background-image: url('../img/actions/audio-off.svg?v=1');
-}
-
-.icon-audio-off-white {
- background-image: url('../img/actions/audio-off-white.svg?v=1');
-}
-
-.icon-caret {
- background-image: url('../img/actions/caret.svg?v=1');
-}
-
-.icon-caret-dark {
- background-image: url('../img/actions/caret-dark.svg?v=1');
-}
-
-.icon-checkmark {
- background-image: url('../img/actions/checkmark.svg?v=1');
-}
-
-.icon-checkmark-white {
- background-image: url('../img/actions/checkmark-white.svg?v=1');
-}
-
-.icon-checkmark-color {
- background-image: url('../img/actions/checkmark-color.svg?v=1');
-}
-
-.icon-clippy {
- background-image: url('../img/actions/clippy.svg?v=2');
-}
-
-.icon-close {
- background-image: url('../img/actions/close.svg?v=1');
-}
-
-.icon-close-white {
- background-image: url('../img/actions/close-white.svg?v=1');
-}
-
-.icon-comment {
- background-image: url('../img/actions/comment.svg?v=1');
-}
-
-.icon-confirm {
- background-image: url('../img/actions/confirm.svg?v=2');
-}
-
-.icon-confirm-white {
- background-image: url('../img/actions/confirm-white.svg?v=2');
-}
-
-.icon-delete {
- background-image: url('../img/actions/delete.svg?v=1');
- &.no-permission {
- &:hover, &:focus {
- background-image: url('../img/actions/delete.svg?v=1');
- }
- }
- &:hover, &:focus {
- background-image: url('../img/actions/delete-hover.svg?v=1');
- }
-}
-
-.icon-delete-white {
- background-image: url('../img/actions/delete-white.svg?v=1');
- &.no-permission {
- &:hover, &:focus {
- background-image: url('../img/actions/delete-white.svg?v=1');
- }
- }
- &:hover, &:focus {
- background-image: url('../img/actions/delete-hover.svg?v=1');
- }
-}
-
-.icon-details {
- background-image: url('../img/actions/details.svg?v=1');
-}
-
-.icon-download {
- background-image: url('../img/actions/download.svg?v=1');
-}
-
-.icon-download-white {
- background-image: url('../img/actions/download-white.svg?v=1');
-}
-
-.icon-edit {
- background-image: url('../img/actions/edit.svg?v=1');
-}
-
-.icon-error {
- background-image: url('../img/actions/error.svg?v=1');
-}
-
-.icon-error-white {
- background-image: url('../img/actions/error-white.svg?v=1');
-}
-
-.icon-error-color {
- background-image: url('../img/actions/error-color.svg?v=1');
-}
-
-.icon-external {
- background-image: url('../img/actions/external.svg?v=1');
-}
-
-.icon-fullscreen {
- background-image: url('../img/actions/fullscreen.svg?v=1');
-}
-
-.icon-fullscreen-white {
- background-image: url('../img/actions/fullscreen-white.svg?v=2');
-}
-
-.icon-history {
- background-image: url('../img/actions/history.svg?v=1');
-}
-
-.icon-info {
- background-image: url('../img/actions/info.svg?v=1');
-}
-
-.icon-info-white {
- background-image: url('../img/actions/info-white.svg?v=1');
-}
-
-.icon-logout {
- background-image: url('../img/actions/logout.svg?v=1');
-}
-
-.icon-mail {
- background-image: url('../img/actions/mail.svg?v=1');
-}
-
-.icon-menu {
- background-image: url('../img/actions/menu.svg?v=1');
-}
-
-.icon-more {
- background-image: url('../img/actions/more.svg?v=1');
-}
-
-.icon-more-white {
- background-image: url('../img/actions/more-white.svg?v=1');
-}
-
-.icon-password {
- background-image: url('../img/actions/password.svg?v=1');
-}
-
-.icon-pause {
- background-image: url('../img/actions/pause.svg?v=1');
-}
-
-.icon-pause-big {
- background-image: url('../img/actions/pause-big.svg?v=1');
-}
-
-.icon-play {
- background-image: url('../img/actions/play.svg?v=1');
-}
-
-.icon-play-add {
- background-image: url('../img/actions/play-add.svg?v=1');
-}
-
-.icon-play-big {
- background-image: url('../img/actions/play-big.svg?v=1');
-}
-
-.icon-play-next {
- background-image: url('../img/actions/play-next.svg?v=1');
-}
-
-.icon-play-previous {
- background-image: url('../img/actions/play-previous.svg?v=1');
-}
-
-.icon-public {
- background-image: url('../img/actions/public.svg?v=1');
-}
-
-.icon-rename {
- background-image: url('../img/actions/rename.svg?v=1');
-}
-
-.icon-screen {
- background-image: url('../img/actions/screen.svg?v=1');
-}
-
-.icon-screen-white {
- background-image: url('../img/actions/screen-white.svg?v=1');
-}
-
-.icon-screen-off {
- background-image: url('../img/actions/screen-off.svg?v=1');
-}
-
-.icon-screen-off-white {
- background-image: url('../img/actions/screen-off-white.svg?v=1');
-}
-
-.icon-search {
- background-image: url('../img/actions/search.svg?v=1');
-}
-
-.icon-search-white {
- background-image: url('../img/actions/search-white.svg?v=1');
-}
-
-.icon-settings {
- background-image: url('../img/actions/settings.svg?v=1');
-}
-
-.icon-settings-dark {
- background-image: url('../img/actions/settings-dark.svg?v=1');
-}
-
-.icon-settings-white {
- background-image: url('../img/actions/settings-white.svg?v=1');
-}
-
-/* always use icon-shared, AdBlock blocks icon-share */
-.icon-shared,
-.icon-share {
- background-image: url('../img/actions/share.svg?v=1');
-}
-
-.icon-sound {
- background-image: url('../img/actions/sound.svg?v=1');
-}
-
-.icon-sound-off {
- background-image: url('../img/actions/sound-off.svg?v=1');
-}
-
-.icon-favorite {
- background-image: url('../img/actions/star-dark.svg?v=1');
-}
-
-.icon-star {
- background-image: url('../img/actions/star.svg?v=1');
-}
-
-.icon-starred {
- &:hover, &:focus {
- background-image: url('../img/actions/star.svg?v=1');
- }
- background-image: url('../img/actions/starred.svg?v=1');
-}
-
-.icon-star {
- &:hover, &:focus {
- background-image: url('../img/actions/starred.svg?v=1');
- }
-}
-
-.icon-tag {
- background-image: url('../img/actions/tag.svg?v=1');
-}
-
-.icon-toggle {
- background-image: url('../img/actions/toggle.svg?v=1');
-}
-
-.icon-toggle-pictures {
- background-image: url('../img/actions/toggle-pictures.svg?v=1');
-}
-
-.icon-triangle-e {
- background-image: url('../img/actions/triangle-e.svg?v=1');
-}
-
-.icon-triangle-n {
- background-image: url('../img/actions/triangle-n.svg?v=1');
-}
-
-.icon-triangle-s {
- background-image: url('../img/actions/triangle-s.svg?v=1');
-}
-
-.icon-upload {
- background-image: url('../img/actions/upload.svg?v=1');
-}
-
-.icon-upload-white {
- background-image: url('../img/actions/upload-white.svg?v=1');
-}
-
-.icon-user {
- background-image: url('../img/actions/user.svg?v=1');
-}
-
-.icon-video {
- background-image: url('../img/actions/video.svg?v=1');
-}
-
-.icon-video-white {
- background-image: url('../img/actions/video-white.svg?v=2');
-}
-
-.icon-video-off {
- background-image: url('../img/actions/video-off.svg?v=1');
-}
-
-.icon-video-off-white {
- background-image: url('../img/actions/video-off-white.svg?v=1');
-}
-
-.icon-view-close {
- background-image: url('../img/actions/view-close.svg?v=1');
-}
-
-.icon-view-download {
- background-image: url('../img/actions/view-download.svg?v=1');
-}
-
-.icon-view-next {
- background-image: url('../img/actions/view-next.svg?v=1');
-}
-
-.icon-view-pause {
- background-image: url('../img/actions/view-pause.svg?v=1');
-}
-
-.icon-view-play {
- background-image: url('../img/actions/view-play.svg?v=1');
-}
-
-.icon-view-previous {
- background-image: url('../img/actions/view-previous.svg?v=1');
-}
-
-/* PLACES ------------------------------------------------------------------- */
-.icon-calendar {
- background-image: url('../img/places/calendar.svg?v=1');
-}
-.icon-calendar-dark {
- background-image: url('../img/places/calendar-dark.svg?v=1');
-}
-
-.icon-contacts {
- background-image: url('../img/places/contacts.svg?v=1');
-}
-
-.icon-contacts-dark {
- background-image: url('../img/places/contacts-dark.svg?v=1');
-}
-
-.icon-files {
- background-image: url('../img/places/files.svg?v=1');
-}
-
-.icon-files-dark {
- background-image: url('../img/places/files-dark.svg?v=1');
-}
-
-.icon-file, .icon-filetype-text {
- background-image: url('../img/filetypes/text.svg?v=1');
-}
-
-.icon-folder, .icon-filetype-folder {
- background-image: url('../img/filetypes/folder.svg?v=1');
-}
-
-.icon-filetype-folder-drag-accept {
- background-image: url('../img/filetypes/folder-drag-accept.svg?v=1') !important;
-}
-
-.icon-home {
- background-image: url('../img/places/home.svg?v=1');
-}
-
-.icon-link {
- background-image: url('../img/places/link.svg?v=1');
-}
-
-.icon-music {
- background-image: url('../img/places/music.svg?v=1');
-}
-
-.icon-picture {
- background-image: url('../img/places/picture.svg?v=1');
-}
-
-/* APP CATEGORIES ------------------------------------------------------------------- */
-.icon-category-installed {
- background-image: url('../img/actions/user.svg?v=1');
-}
-
-.icon-category-enabled {
- background-image: url('../img/actions/checkmark.svg?v=1');
-}
-
-.icon-category-disabled {
- background-image: url('../img/actions/close.svg?v=1');
-}
-
-.icon-category-app-bundles {
- background-image: url('../img/categories/bundles.svg?v=1');
-}
-
-.icon-category-updates {
- background-image: url('../img/actions/download.svg?v=1');
-}
-
-.icon-category-files {
- background-image: url('../img/categories/files.svg?v=1');
-}
-
-.icon-category-social {
- background-image: url('../img/categories/social.svg?v=1');
-}
-
-.icon-category-office {
- background-image: url('../img/categories/office.svg?v=1');
-}
-
-.icon-category-auth {
- background-image: url('../img/categories/auth.svg?v=1');
-}
-
-.icon-category-monitoring {
- background-image: url('../img/categories/monitoring.svg?v=1');
-}
-
-.icon-category-multimedia {
- background-image: url('../img/categories/multimedia.svg?v=1');
-}
-
-.icon-category-organization {
- background-image: url('../img/categories/organization.svg?v=1');
-}
-
-.icon-category-customization {
- background-image: url('../img/categories/customization.svg?v=1');
-}
-
-.icon-category-integration {
- background-image: url('../img/categories/integration.svg?v=1');
-}
-
-.icon-category-tools {
- background-image: url('../img/actions/settings-dark.svg?v=1');
-}
diff --git a/developer_manual/design/icons.txt b/developer_manual/design/icons.txt
index babae052d..eb3e37bc9 100644
--- a/developer_manual/design/icons.txt
+++ b/developer_manual/design/icons.txt
@@ -1,646 +1,658 @@
-.. figure:: img/actions/add.*
+.. figure:: img/actions/add*
:height: 32
:width: 32
icon-add
-.. figure:: img/actions/audio.*
+.. figure:: img/actions/address*
+ :height: 32
+ :width: 32
+
+ icon-address
+
+.. 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/actions/audio-off-white.*
- :height: 32
- :width: 32
-
- icon-audio-off-white
-
-.. figure:: img/actions/audio-white.*
- :height: 32
- :width: 32
-
- icon-audio-white
-
-.. figure:: img/breadcrumb.*
+.. 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-dark.*
+.. 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-dark.*
+.. 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/actions/user.*
+.. figure:: img/categories/games*
+ :height: 32
+ :width: 32
+
+ icon-category-games
+
+.. 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/categories/social.*
+.. figure:: img/actions/search*
+ :height: 32
+ :width: 32
+
+ icon-category-search
+
+.. figure:: img/actions/password*
+ :height: 32
+ :width: 32
+
+ icon-category-security
+
+.. 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-color.*
+.. figure:: img/actions/checkmark*
:height: 32
:width: 32
icon-checkmark-color
-.. figure:: img/actions/checkmark-white.*
- :height: 32
- :width: 32
-
- icon-checkmark-white
-
-.. 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/close-white.*
- :height: 32
- :width: 32
-
- icon-close-white
-
-.. 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-white.*
+.. figure:: img/actions/confirm-fade*
:height: 32
:width: 32
- icon-confirm-white
+ icon-confirm-fade
-.. figure:: img/places/contacts.*
+.. figure:: img/places/contacts*
:height: 32
:width: 32
icon-contacts
-.. figure:: img/places/contacts-dark.*
+.. 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-white.*
+.. figure:: img/actions/delete*
:height: 32
:width: 32
icon-delete-white
-.. figure:: img/actions/details.*
+.. figure:: img/clients/desktop*
+ :height: 32
+ :width: 32
+
+ icon-desktop
+
+.. figure:: img/actions/details*
:height: 32
:width: 32
icon-details
-.. figure:: img/actions/download.*
+.. figure:: img/actions/disabled-user*
+ :height: 32
+ :width: 32
+
+ icon-disabled-user
+
+.. figure:: img/actions/disabled-users*
+ :height: 32
+ :width: 32
+
+ icon-disabled-users
+
+.. figure:: img/actions/download*
:height: 32
:width: 32
icon-download
-.. figure:: img/actions/download-white.*
- :height: 32
- :width: 32
-
- icon-download-white
-
-.. 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-color.*
+.. figure:: img/actions/error*
:height: 32
:width: 32
icon-error-color
-.. figure:: img/actions/error-white.*
- :height: 32
- :width: 32
-
- icon-error-white
-
-.. 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/filetypes/text.*
- :height: 32
- :width: 32
-
- icon-file
-
-.. figure:: img/places/files.*
+.. figure:: img/places/files*
:height: 32
:width: 32
icon-files
-.. figure:: img/places/files-dark.*
+.. figure:: img/places/files*
:height: 32
:width: 32
icon-files-dark
-.. figure:: img/filetypes/folder-drag-accept.*
+.. figure:: img/filetypes/folder*
+ :height: 32
+ :width: 32
+
+ icon-filetype-folder
+
+.. figure:: img/filetypes/folder-drag-accept*
:height: 32
:width: 32
icon-filetype-folder-drag-accept
-.. figure:: img/filetypes/folder.*
+.. figure:: img/filetypes/text*
+ :height: 32
+ :width: 32
+
+ icon-filetype-text
+
+.. 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/fullscreen-white.*
+.. figure:: img/actions/group*
:height: 32
:width: 32
- icon-fullscreen-white
+ 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/actions/info-white.*
- :height: 32
- :width: 32
-
- icon-info-white
-
-.. 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/actions/more-white.*
- :height: 32
- :width: 32
-
- icon-more-white
-
-.. 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/actions/pause-big.*
+.. figure:: img/clients/phone*
:height: 32
:width: 32
- icon-pause-big
+ 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-big.*
- :height: 32
- :width: 32
-
- icon-play-big
-
-.. 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/rename.*
+.. figure:: img/actions/quota*
+ :height: 32
+ :width: 32
+
+ icon-quota
+
+.. 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/screen-off-white.*
- :height: 32
- :width: 32
-
- icon-screen-off-white
-
-.. figure:: img/actions/screen-white.*
- :height: 32
- :width: 32
-
- icon-screen-white
-
-.. figure:: img/actions/search.*
+.. figure:: img/actions/search*
:height: 32
:width: 32
icon-search
-.. figure:: img/actions/search-white.*
- :height: 32
- :width: 32
-
- icon-search-white
-
-.. 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-white.*
+.. 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/sound.*
+.. figure:: img/actions/share*
+ :height: 32
+ :width: 32
+
+ icon-share-white
+
+.. 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.*
+.. figure:: img/actions/star-dark*
:height: 32
:width: 32
icon-star
-.. figure:: img/actions/tag.*
+.. figure:: img/actions/star*
+ :height: 32
+ :width: 32
+
+ icon-star-dark
+
+.. figure:: img/actions/star-dark*
+ :height: 32
+ :width: 32
+
+ icon-starred
+
+.. figure:: img/clients/tablet*
+ :height: 32
+ :width: 32
+
+ icon-tablet
+
+.. figure:: img/actions/tag*
:height: 32
:width: 32
icon-tag
-.. figure:: img/actions/toggle.*
+.. figure:: img/actions/timezone*
+ :height: 32
+ :width: 32
+
+ icon-timezone
+
+.. figure:: img/actions/toggle*
:height: 32
:width: 32
icon-toggle
-.. figure:: img/actions/toggle-pictures.*
+.. figure:: img/actions/toggle-background*
+ :height: 32
+ :width: 32
+
+ icon-toggle-background
+
+.. 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/upload-white.*
- :height: 32
- :width: 32
-
- icon-upload-white
-
-.. figure:: img/actions/user.*
+.. figure:: img/actions/user*
:height: 32
:width: 32
icon-user
-.. figure:: img/actions/video.*
+.. figure:: img/actions/user-admin*
+ :height: 32
+ :width: 32
+
+ icon-user-admin
+
+.. 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-off-white.*
+.. figure:: img/actions/video-switch*
:height: 32
:width: 32
- icon-video-off-white
+ icon-video-switch
-.. figure:: img/actions/video-white.*
- :height: 32
- :width: 32
-
- icon-video-white
-
-.. 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/view-next.*
+.. 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/view-previous.*
+.. figure:: img/actions/arrow-left*
:height: 32
:width: 32
diff --git a/developer_manual/design/img/actions/add.svg b/developer_manual/design/img/actions/add.svg
index 91e5fe64c..130516e99 100644
--- a/developer_manual/design/img/actions/add.svg
+++ b/developer_manual/design/img/actions/add.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/address.png b/developer_manual/design/img/actions/address.png
new file mode 100644
index 000000000..d2f5edd5b
Binary files /dev/null and b/developer_manual/design/img/actions/address.png differ
diff --git a/developer_manual/design/img/actions/address.svg b/developer_manual/design/img/actions/address.svg
new file mode 100644
index 000000000..2479c393b
--- /dev/null
+++ b/developer_manual/design/img/actions/address.svg
@@ -0,0 +1 @@
+
diff --git a/developer_manual/design/img/actions/arrow-left.png b/developer_manual/design/img/actions/arrow-left.png
new file mode 100644
index 000000000..88ebe6799
Binary files /dev/null and b/developer_manual/design/img/actions/arrow-left.png differ
diff --git a/developer_manual/design/img/actions/arrow-right.png b/developer_manual/design/img/actions/arrow-right.png
new file mode 100644
index 000000000..02734dd52
Binary files /dev/null and b/developer_manual/design/img/actions/arrow-right.png differ
diff --git a/developer_manual/design/img/actions/audio-off-white.png b/developer_manual/design/img/actions/audio-off-white.png
deleted file mode 100644
index ead7e742e..000000000
Binary files a/developer_manual/design/img/actions/audio-off-white.png and /dev/null differ
diff --git a/developer_manual/design/img/actions/audio-off-white.svg b/developer_manual/design/img/actions/audio-off-white.svg
deleted file mode 100644
index 1968e4c7c..000000000
--- a/developer_manual/design/img/actions/audio-off-white.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
diff --git a/developer_manual/design/img/actions/audio-off.png b/developer_manual/design/img/actions/audio-off.png
index edce1edac..4e1507d4d 100644
Binary files a/developer_manual/design/img/actions/audio-off.png and b/developer_manual/design/img/actions/audio-off.png differ
diff --git a/developer_manual/design/img/actions/audio-off.svg b/developer_manual/design/img/actions/audio-off.svg
index 8cf7fbcb5..9fd0bea2d 100644
--- a/developer_manual/design/img/actions/audio-off.svg
+++ b/developer_manual/design/img/actions/audio-off.svg
@@ -1,4 +1 @@
-
-
+
diff --git a/developer_manual/design/img/actions/audio-white.png b/developer_manual/design/img/actions/audio-white.png
deleted file mode 100644
index b2f30c130..000000000
Binary files a/developer_manual/design/img/actions/audio-white.png and /dev/null differ
diff --git a/developer_manual/design/img/actions/audio-white.svg b/developer_manual/design/img/actions/audio-white.svg
deleted file mode 100644
index ac5d888a5..000000000
--- a/developer_manual/design/img/actions/audio-white.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
diff --git a/developer_manual/design/img/actions/audio.png b/developer_manual/design/img/actions/audio.png
index 09bacca78..9472173b1 100644
Binary files a/developer_manual/design/img/actions/audio.png and b/developer_manual/design/img/actions/audio.png differ
diff --git a/developer_manual/design/img/actions/audio.svg b/developer_manual/design/img/actions/audio.svg
index fa55c949a..6c10a4db1 100644
--- a/developer_manual/design/img/actions/audio.svg
+++ b/developer_manual/design/img/actions/audio.svg
@@ -1 +1 @@
-
+
diff --git a/developer_manual/design/img/actions/caret-dark.png b/developer_manual/design/img/actions/caret-dark.png
deleted file mode 100644
index 93cb4d6ad..000000000
Binary files a/developer_manual/design/img/actions/caret-dark.png and /dev/null differ
diff --git a/developer_manual/design/img/actions/caret-dark.svg b/developer_manual/design/img/actions/caret-dark.svg
deleted file mode 100644
index 87c895e15..000000000
--- a/developer_manual/design/img/actions/caret-dark.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/developer_manual/design/img/actions/caret-white.svg b/developer_manual/design/img/actions/caret-white.svg
new file mode 100644
index 000000000..c97d6e264
--- /dev/null
+++ b/developer_manual/design/img/actions/caret-white.svg
@@ -0,0 +1 @@
+
diff --git a/developer_manual/design/img/actions/caret.png b/developer_manual/design/img/actions/caret.png
index a1eec2388..93cb4d6ad 100644
Binary files a/developer_manual/design/img/actions/caret.png and b/developer_manual/design/img/actions/caret.png differ
diff --git a/developer_manual/design/img/actions/caret.svg b/developer_manual/design/img/actions/caret.svg
index 21a97f8be..89ce37bc3 100644
--- a/developer_manual/design/img/actions/caret.svg
+++ b/developer_manual/design/img/actions/caret.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/checkbox-mark-white.svg b/developer_manual/design/img/actions/checkbox-mark-white.svg
index 1441e8666..349cb6ca2 100644
--- a/developer_manual/design/img/actions/checkbox-mark-white.svg
+++ b/developer_manual/design/img/actions/checkbox-mark-white.svg
@@ -1,4 +1 @@
-
-
+
diff --git a/developer_manual/design/img/actions/checkbox-mark.svg b/developer_manual/design/img/actions/checkbox-mark.svg
index 1013b6cc3..dbfa0afc2 100644
--- a/developer_manual/design/img/actions/checkbox-mark.svg
+++ b/developer_manual/design/img/actions/checkbox-mark.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/checkbox-mixed-white.svg b/developer_manual/design/img/actions/checkbox-mixed-white.svg
index 6909d0fc0..45727d5eb 100644
--- a/developer_manual/design/img/actions/checkbox-mixed-white.svg
+++ b/developer_manual/design/img/actions/checkbox-mixed-white.svg
@@ -1,4 +1 @@
-
-
+
diff --git a/developer_manual/design/img/actions/checkbox-mixed.svg b/developer_manual/design/img/actions/checkbox-mixed.svg
index 308baae39..2f3fd3fa8 100644
--- a/developer_manual/design/img/actions/checkbox-mixed.svg
+++ b/developer_manual/design/img/actions/checkbox-mixed.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/checkmark-color.png b/developer_manual/design/img/actions/checkmark-color.png
deleted file mode 100644
index 3687c8b4e..000000000
Binary files a/developer_manual/design/img/actions/checkmark-color.png and /dev/null differ
diff --git a/developer_manual/design/img/actions/checkmark-color.svg b/developer_manual/design/img/actions/checkmark-color.svg
deleted file mode 100644
index 0a3c76277..000000000
--- a/developer_manual/design/img/actions/checkmark-color.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/developer_manual/design/img/actions/checkmark-white.png b/developer_manual/design/img/actions/checkmark-white.png
deleted file mode 100644
index ce71d426b..000000000
Binary files a/developer_manual/design/img/actions/checkmark-white.png and /dev/null differ
diff --git a/developer_manual/design/img/actions/checkmark-white.svg b/developer_manual/design/img/actions/checkmark-white.svg
deleted file mode 100644
index 299e1518b..000000000
--- a/developer_manual/design/img/actions/checkmark-white.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/developer_manual/design/img/actions/checkmark.png b/developer_manual/design/img/actions/checkmark.png
index c1fa5ebd2..0dc16ea4e 100644
Binary files a/developer_manual/design/img/actions/checkmark.png and b/developer_manual/design/img/actions/checkmark.png differ
diff --git a/developer_manual/design/img/actions/checkmark.svg b/developer_manual/design/img/actions/checkmark.svg
index 689e202d6..3501b5a42 100644
--- a/developer_manual/design/img/actions/checkmark.svg
+++ b/developer_manual/design/img/actions/checkmark.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/clippy.png b/developer_manual/design/img/actions/clippy.png
index e9a6f35b4..07752b114 100644
Binary files a/developer_manual/design/img/actions/clippy.png and b/developer_manual/design/img/actions/clippy.png differ
diff --git a/developer_manual/design/img/actions/clippy.svg b/developer_manual/design/img/actions/clippy.svg
index af496f393..0d2e6550e 100644
--- a/developer_manual/design/img/actions/clippy.svg
+++ b/developer_manual/design/img/actions/clippy.svg
@@ -1,4 +1 @@
-
-
+
diff --git a/developer_manual/design/img/actions/close-white.png b/developer_manual/design/img/actions/close-white.png
deleted file mode 100644
index dc00b8e2c..000000000
Binary files a/developer_manual/design/img/actions/close-white.png and /dev/null differ
diff --git a/developer_manual/design/img/actions/close-white.svg b/developer_manual/design/img/actions/close-white.svg
deleted file mode 100644
index cd2a8c624..000000000
--- a/developer_manual/design/img/actions/close-white.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
diff --git a/developer_manual/design/img/actions/close.png b/developer_manual/design/img/actions/close.png
index 2d311c0ba..67c2d3b23 100644
Binary files a/developer_manual/design/img/actions/close.png and b/developer_manual/design/img/actions/close.png differ
diff --git a/developer_manual/design/img/actions/close.svg b/developer_manual/design/img/actions/close.svg
index c58fe6379..1fe4d0e2f 100644
--- a/developer_manual/design/img/actions/close.svg
+++ b/developer_manual/design/img/actions/close.svg
@@ -1,4 +1 @@
-
-
+
diff --git a/developer_manual/design/img/actions/comment.svg b/developer_manual/design/img/actions/comment.svg
index 2e4ee63a8..abc7bc39e 100644
--- a/developer_manual/design/img/actions/comment.svg
+++ b/developer_manual/design/img/actions/comment.svg
@@ -1 +1 @@
-
+
diff --git a/developer_manual/design/img/actions/confirm-fade.png b/developer_manual/design/img/actions/confirm-fade.png
new file mode 100644
index 000000000..30a7a0f65
Binary files /dev/null and b/developer_manual/design/img/actions/confirm-fade.png differ
diff --git a/developer_manual/design/img/actions/confirm-fade.svg b/developer_manual/design/img/actions/confirm-fade.svg
new file mode 100644
index 000000000..122af34cd
--- /dev/null
+++ b/developer_manual/design/img/actions/confirm-fade.svg
@@ -0,0 +1 @@
+
diff --git a/developer_manual/design/img/actions/confirm-white.png b/developer_manual/design/img/actions/confirm-white.png
deleted file mode 100644
index a1dfe2d8b..000000000
Binary files a/developer_manual/design/img/actions/confirm-white.png and /dev/null differ
diff --git a/developer_manual/design/img/actions/confirm-white.svg b/developer_manual/design/img/actions/confirm-white.svg
deleted file mode 100644
index 266f2bc1a..000000000
--- a/developer_manual/design/img/actions/confirm-white.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
diff --git a/developer_manual/design/img/actions/confirm.png b/developer_manual/design/img/actions/confirm.png
index 4eb36dcb5..bb385be65 100644
Binary files a/developer_manual/design/img/actions/confirm.png and b/developer_manual/design/img/actions/confirm.png differ
diff --git a/developer_manual/design/img/actions/confirm.svg b/developer_manual/design/img/actions/confirm.svg
index fd954cdcb..42e302c4a 100644
--- a/developer_manual/design/img/actions/confirm.svg
+++ b/developer_manual/design/img/actions/confirm.svg
@@ -1,4 +1 @@
-
-
+
diff --git a/developer_manual/design/img/actions/delete-hover.svg b/developer_manual/design/img/actions/delete-hover.svg
deleted file mode 100644
index faf2f5293..000000000
--- a/developer_manual/design/img/actions/delete-hover.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/developer_manual/design/img/actions/delete-white.png b/developer_manual/design/img/actions/delete-white.png
deleted file mode 100644
index ffb49e08b..000000000
Binary files a/developer_manual/design/img/actions/delete-white.png and /dev/null differ
diff --git a/developer_manual/design/img/actions/delete-white.svg b/developer_manual/design/img/actions/delete-white.svg
deleted file mode 100644
index 2e8836c70..000000000
--- a/developer_manual/design/img/actions/delete-white.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/developer_manual/design/img/actions/delete.svg b/developer_manual/design/img/actions/delete.svg
index c20929aaa..53f0b020e 100644
--- a/developer_manual/design/img/actions/delete.svg
+++ b/developer_manual/design/img/actions/delete.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/details.svg b/developer_manual/design/img/actions/details.svg
index 464ed4175..02d44921d 100644
--- a/developer_manual/design/img/actions/details.svg
+++ b/developer_manual/design/img/actions/details.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/disabled-user.png b/developer_manual/design/img/actions/disabled-user.png
new file mode 100644
index 000000000..7e6b059a5
Binary files /dev/null and b/developer_manual/design/img/actions/disabled-user.png differ
diff --git a/developer_manual/design/img/actions/disabled-user.svg b/developer_manual/design/img/actions/disabled-user.svg
new file mode 100644
index 000000000..f7aac2583
--- /dev/null
+++ b/developer_manual/design/img/actions/disabled-user.svg
@@ -0,0 +1 @@
+
diff --git a/developer_manual/design/img/actions/disabled-users.png b/developer_manual/design/img/actions/disabled-users.png
new file mode 100644
index 000000000..a70e149d1
Binary files /dev/null and b/developer_manual/design/img/actions/disabled-users.png differ
diff --git a/developer_manual/design/img/actions/disabled-users.svg b/developer_manual/design/img/actions/disabled-users.svg
new file mode 100644
index 000000000..6570b81f4
--- /dev/null
+++ b/developer_manual/design/img/actions/disabled-users.svg
@@ -0,0 +1 @@
+
diff --git a/developer_manual/design/img/actions/download-white.png b/developer_manual/design/img/actions/download-white.png
deleted file mode 100644
index a58ae9226..000000000
Binary files a/developer_manual/design/img/actions/download-white.png and /dev/null differ
diff --git a/developer_manual/design/img/actions/download-white.svg b/developer_manual/design/img/actions/download-white.svg
deleted file mode 100644
index d4fc9549d..000000000
--- a/developer_manual/design/img/actions/download-white.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/developer_manual/design/img/actions/download.svg b/developer_manual/design/img/actions/download.svg
index 77d9cd05e..dd2389b2a 100644
--- a/developer_manual/design/img/actions/download.svg
+++ b/developer_manual/design/img/actions/download.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/edit.png b/developer_manual/design/img/actions/edit.png
index 7709b05e4..391797baa 100644
Binary files a/developer_manual/design/img/actions/edit.png and b/developer_manual/design/img/actions/edit.png differ
diff --git a/developer_manual/design/img/actions/edit.svg b/developer_manual/design/img/actions/edit.svg
index a8ab7162a..f173b2658 100644
--- a/developer_manual/design/img/actions/edit.svg
+++ b/developer_manual/design/img/actions/edit.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/error-color.png b/developer_manual/design/img/actions/error-color.png
deleted file mode 100644
index 61ad7a993..000000000
Binary files a/developer_manual/design/img/actions/error-color.png and /dev/null differ
diff --git a/developer_manual/design/img/actions/error-color.svg b/developer_manual/design/img/actions/error-color.svg
deleted file mode 100644
index 1dd9c6798..000000000
--- a/developer_manual/design/img/actions/error-color.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/developer_manual/design/img/actions/error-white.png b/developer_manual/design/img/actions/error-white.png
deleted file mode 100644
index 03d12959e..000000000
Binary files a/developer_manual/design/img/actions/error-white.png and /dev/null differ
diff --git a/developer_manual/design/img/actions/error-white.svg b/developer_manual/design/img/actions/error-white.svg
index fdcc46f21..9558c998c 100644
--- a/developer_manual/design/img/actions/error-white.svg
+++ b/developer_manual/design/img/actions/error-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/error.svg b/developer_manual/design/img/actions/error.svg
index 3bbf23a5f..20a92c67f 100644
--- a/developer_manual/design/img/actions/error.svg
+++ b/developer_manual/design/img/actions/error.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/external.svg b/developer_manual/design/img/actions/external.svg
index 6df1551c4..5b3bc716c 100644
--- a/developer_manual/design/img/actions/external.svg
+++ b/developer_manual/design/img/actions/external.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/fullscreen-white.png b/developer_manual/design/img/actions/fullscreen-white.png
deleted file mode 100644
index 3c55d17f8..000000000
Binary files a/developer_manual/design/img/actions/fullscreen-white.png and /dev/null differ
diff --git a/developer_manual/design/img/actions/fullscreen-white.svg b/developer_manual/design/img/actions/fullscreen-white.svg
deleted file mode 100644
index 887cd99ee..000000000
--- a/developer_manual/design/img/actions/fullscreen-white.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
diff --git a/developer_manual/design/img/actions/fullscreen.svg b/developer_manual/design/img/actions/fullscreen.svg
index 8bf215779..bd3adc29b 100644
--- a/developer_manual/design/img/actions/fullscreen.svg
+++ b/developer_manual/design/img/actions/fullscreen.svg
@@ -1,4 +1 @@
-
-
+
diff --git a/developer_manual/design/img/actions/group.png b/developer_manual/design/img/actions/group.png
new file mode 100644
index 000000000..73d13dbfb
Binary files /dev/null and b/developer_manual/design/img/actions/group.png differ
diff --git a/developer_manual/design/img/actions/group.svg b/developer_manual/design/img/actions/group.svg
new file mode 100644
index 000000000..97361beb9
--- /dev/null
+++ b/developer_manual/design/img/actions/group.svg
@@ -0,0 +1 @@
+
diff --git a/developer_manual/design/img/actions/history.png b/developer_manual/design/img/actions/history.png
index 8ee0bc60f..71101b11f 100644
Binary files a/developer_manual/design/img/actions/history.png and b/developer_manual/design/img/actions/history.png differ
diff --git a/developer_manual/design/img/actions/history.svg b/developer_manual/design/img/actions/history.svg
index 42d5e70e5..25b633c7b 100644
--- a/developer_manual/design/img/actions/history.svg
+++ b/developer_manual/design/img/actions/history.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/info-white.png b/developer_manual/design/img/actions/info-white.png
deleted file mode 100644
index f065bab3f..000000000
Binary files a/developer_manual/design/img/actions/info-white.png and /dev/null differ
diff --git a/developer_manual/design/img/actions/info-white.svg b/developer_manual/design/img/actions/info-white.svg
deleted file mode 100644
index e289aacc4..000000000
--- a/developer_manual/design/img/actions/info-white.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/developer_manual/design/img/actions/info.svg b/developer_manual/design/img/actions/info.svg
index 35926af30..02d44921d 100644
--- a/developer_manual/design/img/actions/info.svg
+++ b/developer_manual/design/img/actions/info.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/logout.png b/developer_manual/design/img/actions/logout.png
index 8be5c35d0..c20aa7235 100644
Binary files a/developer_manual/design/img/actions/logout.png and b/developer_manual/design/img/actions/logout.png differ
diff --git a/developer_manual/design/img/actions/logout.svg b/developer_manual/design/img/actions/logout.svg
index 4159e85b8..f6c83c9ff 100644
--- a/developer_manual/design/img/actions/logout.svg
+++ b/developer_manual/design/img/actions/logout.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/mail.png b/developer_manual/design/img/actions/mail.png
index ff829d72c..ee7842396 100644
Binary files a/developer_manual/design/img/actions/mail.png and b/developer_manual/design/img/actions/mail.png differ
diff --git a/developer_manual/design/img/actions/mail.svg b/developer_manual/design/img/actions/mail.svg
index a6626a585..14148ecc7 100644
--- a/developer_manual/design/img/actions/mail.svg
+++ b/developer_manual/design/img/actions/mail.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/menu.svg b/developer_manual/design/img/actions/menu.svg
index 222b39eaa..6f3a3e377 100644
--- a/developer_manual/design/img/actions/menu.svg
+++ b/developer_manual/design/img/actions/menu.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/more-white.png b/developer_manual/design/img/actions/more-white.png
deleted file mode 100644
index eb3d165e3..000000000
Binary files a/developer_manual/design/img/actions/more-white.png and /dev/null differ
diff --git a/developer_manual/design/img/actions/more-white.svg b/developer_manual/design/img/actions/more-white.svg
index bae78cf0a..bed27ebf9 100644
--- a/developer_manual/design/img/actions/more-white.svg
+++ b/developer_manual/design/img/actions/more-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/more.svg b/developer_manual/design/img/actions/more.svg
index 48c499ef7..c510e70d7 100644
--- a/developer_manual/design/img/actions/more.svg
+++ b/developer_manual/design/img/actions/more.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/password.png b/developer_manual/design/img/actions/password.png
index 04eaf44a0..52ac5ab64 100644
Binary files a/developer_manual/design/img/actions/password.png and b/developer_manual/design/img/actions/password.png differ
diff --git a/developer_manual/design/img/actions/password.svg b/developer_manual/design/img/actions/password.svg
index 3d161917f..edd1edf6c 100644
--- a/developer_manual/design/img/actions/password.svg
+++ b/developer_manual/design/img/actions/password.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/pause-big.png b/developer_manual/design/img/actions/pause-big.png
deleted file mode 100644
index 2bb29362c..000000000
Binary files a/developer_manual/design/img/actions/pause-big.png and /dev/null differ
diff --git a/developer_manual/design/img/actions/pause-big.svg b/developer_manual/design/img/actions/pause-big.svg
deleted file mode 100644
index 2d6f54f60..000000000
--- a/developer_manual/design/img/actions/pause-big.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/developer_manual/design/img/actions/pause.svg b/developer_manual/design/img/actions/pause.svg
index eb9b5b47f..706b62d93 100644
--- a/developer_manual/design/img/actions/pause.svg
+++ b/developer_manual/design/img/actions/pause.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/play-add.svg b/developer_manual/design/img/actions/play-add.svg
index 300e5a9e7..c5f3acf3b 100644
--- a/developer_manual/design/img/actions/play-add.svg
+++ b/developer_manual/design/img/actions/play-add.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/play-big.png b/developer_manual/design/img/actions/play-big.png
deleted file mode 100644
index 4c30ca56b..000000000
Binary files a/developer_manual/design/img/actions/play-big.png and /dev/null differ
diff --git a/developer_manual/design/img/actions/play-big.svg b/developer_manual/design/img/actions/play-big.svg
deleted file mode 100644
index 8769f885a..000000000
--- a/developer_manual/design/img/actions/play-big.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/developer_manual/design/img/actions/play-next.svg b/developer_manual/design/img/actions/play-next.svg
index d57509b34..68a933626 100644
--- a/developer_manual/design/img/actions/play-next.svg
+++ b/developer_manual/design/img/actions/play-next.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/play-previous.svg b/developer_manual/design/img/actions/play-previous.svg
index e5d69b8da..3f05be1bf 100644
--- a/developer_manual/design/img/actions/play-previous.svg
+++ b/developer_manual/design/img/actions/play-previous.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/play.svg b/developer_manual/design/img/actions/play.svg
index 5d19ae3e0..336d33688 100644
--- a/developer_manual/design/img/actions/play.svg
+++ b/developer_manual/design/img/actions/play.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/public-white.svg b/developer_manual/design/img/actions/public-white.svg
new file mode 100644
index 000000000..d85defb6a
--- /dev/null
+++ b/developer_manual/design/img/actions/public-white.svg
@@ -0,0 +1 @@
+
diff --git a/developer_manual/design/img/actions/public.png b/developer_manual/design/img/actions/public.png
index 4a0e52cde..7f50d9b45 100644
Binary files a/developer_manual/design/img/actions/public.png and b/developer_manual/design/img/actions/public.png differ
diff --git a/developer_manual/design/img/actions/public.svg b/developer_manual/design/img/actions/public.svg
index 627810f10..6ed1ade02 100644
--- a/developer_manual/design/img/actions/public.svg
+++ b/developer_manual/design/img/actions/public.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/quota.png b/developer_manual/design/img/actions/quota.png
new file mode 100644
index 000000000..604d5065a
Binary files /dev/null and b/developer_manual/design/img/actions/quota.png differ
diff --git a/developer_manual/design/img/actions/quota.svg b/developer_manual/design/img/actions/quota.svg
new file mode 100644
index 000000000..691cb29ef
--- /dev/null
+++ b/developer_manual/design/img/actions/quota.svg
@@ -0,0 +1 @@
+
diff --git a/developer_manual/design/img/actions/rename.svg b/developer_manual/design/img/actions/rename.svg
index 6d0d4811c..a9cf878bc 100644
--- a/developer_manual/design/img/actions/rename.svg
+++ b/developer_manual/design/img/actions/rename.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/screen-off-white.png b/developer_manual/design/img/actions/screen-off-white.png
deleted file mode 100644
index e3c158739..000000000
Binary files a/developer_manual/design/img/actions/screen-off-white.png and /dev/null differ
diff --git a/developer_manual/design/img/actions/screen-off-white.svg b/developer_manual/design/img/actions/screen-off-white.svg
deleted file mode 100644
index dca13c32b..000000000
--- a/developer_manual/design/img/actions/screen-off-white.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
diff --git a/developer_manual/design/img/actions/screen-off.svg b/developer_manual/design/img/actions/screen-off.svg
index 54b4218ba..68423d33f 100644
--- a/developer_manual/design/img/actions/screen-off.svg
+++ b/developer_manual/design/img/actions/screen-off.svg
@@ -1,4 +1 @@
-
-
+
diff --git a/developer_manual/design/img/actions/screen-white.png b/developer_manual/design/img/actions/screen-white.png
deleted file mode 100644
index aa1c87072..000000000
Binary files a/developer_manual/design/img/actions/screen-white.png and /dev/null differ
diff --git a/developer_manual/design/img/actions/screen-white.svg b/developer_manual/design/img/actions/screen-white.svg
deleted file mode 100644
index 20372949a..000000000
--- a/developer_manual/design/img/actions/screen-white.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
diff --git a/developer_manual/design/img/actions/screen.svg b/developer_manual/design/img/actions/screen.svg
index b4005ca5d..6f1301a77 100644
--- a/developer_manual/design/img/actions/screen.svg
+++ b/developer_manual/design/img/actions/screen.svg
@@ -1,4 +1 @@
-
-
+
diff --git a/developer_manual/design/img/actions/search-white.png b/developer_manual/design/img/actions/search-white.png
deleted file mode 100644
index a7aeec8e3..000000000
Binary files a/developer_manual/design/img/actions/search-white.png and /dev/null differ
diff --git a/developer_manual/design/img/actions/search-white.svg b/developer_manual/design/img/actions/search-white.svg
deleted file mode 100644
index ca9121881..000000000
--- a/developer_manual/design/img/actions/search-white.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/developer_manual/design/img/actions/search.png b/developer_manual/design/img/actions/search.png
index bd86e2156..9c478d9e5 100644
Binary files a/developer_manual/design/img/actions/search.png and b/developer_manual/design/img/actions/search.png differ
diff --git a/developer_manual/design/img/actions/search.svg b/developer_manual/design/img/actions/search.svg
index 2dbb3fa89..264552366 100644
--- a/developer_manual/design/img/actions/search.svg
+++ b/developer_manual/design/img/actions/search.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/settings-dark.png b/developer_manual/design/img/actions/settings-dark.png
index 78afc3f1b..51f7a7d95 100644
Binary files a/developer_manual/design/img/actions/settings-dark.png and b/developer_manual/design/img/actions/settings-dark.png differ
diff --git a/developer_manual/design/img/actions/settings-dark.svg b/developer_manual/design/img/actions/settings-dark.svg
index 2160b673e..0db6804a9 100644
--- a/developer_manual/design/img/actions/settings-dark.svg
+++ b/developer_manual/design/img/actions/settings-dark.svg
@@ -1 +1 @@
-
+
diff --git a/developer_manual/design/img/actions/settings-white.png b/developer_manual/design/img/actions/settings-white.png
deleted file mode 100644
index 8ba8853cd..000000000
Binary files a/developer_manual/design/img/actions/settings-white.png and /dev/null differ
diff --git a/developer_manual/design/img/actions/settings-white.svg b/developer_manual/design/img/actions/settings-white.svg
deleted file mode 100644
index 2371d2049..000000000
--- a/developer_manual/design/img/actions/settings-white.svg
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/developer_manual/design/img/actions/settings.png b/developer_manual/design/img/actions/settings.png
index 61b0e5f8d..fd032a52a 100644
Binary files a/developer_manual/design/img/actions/settings.png and b/developer_manual/design/img/actions/settings.png differ
diff --git a/developer_manual/design/img/actions/settings.svg b/developer_manual/design/img/actions/settings.svg
index 52a11d4de..600f24a9e 100644
--- a/developer_manual/design/img/actions/settings.svg
+++ b/developer_manual/design/img/actions/settings.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/share.png b/developer_manual/design/img/actions/share.png
index d588d292a..6518ae682 100644
Binary files a/developer_manual/design/img/actions/share.png and b/developer_manual/design/img/actions/share.png differ
diff --git a/developer_manual/design/img/actions/share.svg b/developer_manual/design/img/actions/share.svg
index c0ad95223..014392d5a 100644
--- a/developer_manual/design/img/actions/share.svg
+++ b/developer_manual/design/img/actions/share.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/shared.svg b/developer_manual/design/img/actions/shared.svg
index c0ad95223..014392d5a 100644
--- a/developer_manual/design/img/actions/shared.svg
+++ b/developer_manual/design/img/actions/shared.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/sound-off.svg b/developer_manual/design/img/actions/sound-off.svg
index 030a61e65..4c464085e 100644
--- a/developer_manual/design/img/actions/sound-off.svg
+++ b/developer_manual/design/img/actions/sound-off.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/sound.svg b/developer_manual/design/img/actions/sound.svg
index e5624308f..7c0f981fd 100644
--- a/developer_manual/design/img/actions/sound.svg
+++ b/developer_manual/design/img/actions/sound.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/star-dark.png b/developer_manual/design/img/actions/star-dark.png
index 8af1f7afc..ae96eabd4 100644
Binary files a/developer_manual/design/img/actions/star-dark.png and b/developer_manual/design/img/actions/star-dark.png differ
diff --git a/developer_manual/design/img/actions/star-dark.svg b/developer_manual/design/img/actions/star-dark.svg
index 6edb7ea50..331f16768 100644
--- a/developer_manual/design/img/actions/star-dark.svg
+++ b/developer_manual/design/img/actions/star-dark.svg
@@ -1 +1 @@
-
+
diff --git a/developer_manual/design/img/actions/star.png b/developer_manual/design/img/actions/star.png
index ce2d1c62a..3038e5e8d 100644
Binary files a/developer_manual/design/img/actions/star.png and b/developer_manual/design/img/actions/star.png differ
diff --git a/developer_manual/design/img/actions/star.svg b/developer_manual/design/img/actions/star.svg
index 32d8dd471..d9c306e78 100644
--- a/developer_manual/design/img/actions/star.svg
+++ b/developer_manual/design/img/actions/star.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/starred.png b/developer_manual/design/img/actions/starred.png
index aa5bced77..66eb8a432 100644
Binary files a/developer_manual/design/img/actions/starred.png and b/developer_manual/design/img/actions/starred.png differ
diff --git a/developer_manual/design/img/actions/starred.svg b/developer_manual/design/img/actions/starred.svg
index a993aff42..5635ea94e 100644
--- a/developer_manual/design/img/actions/starred.svg
+++ b/developer_manual/design/img/actions/starred.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/tag.png b/developer_manual/design/img/actions/tag.png
index 049e7291d..5b10e02bc 100644
Binary files a/developer_manual/design/img/actions/tag.png and b/developer_manual/design/img/actions/tag.png differ
diff --git a/developer_manual/design/img/actions/tag.svg b/developer_manual/design/img/actions/tag.svg
index 464ab936a..a13909ed9 100644
--- a/developer_manual/design/img/actions/tag.svg
+++ b/developer_manual/design/img/actions/tag.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/timezone.png b/developer_manual/design/img/actions/timezone.png
new file mode 100644
index 000000000..1448a8b80
Binary files /dev/null and b/developer_manual/design/img/actions/timezone.png differ
diff --git a/developer_manual/design/img/actions/timezone.svg b/developer_manual/design/img/actions/timezone.svg
new file mode 100644
index 000000000..f12c36657
--- /dev/null
+++ b/developer_manual/design/img/actions/timezone.svg
@@ -0,0 +1,3 @@
+
diff --git a/developer_manual/design/img/actions/toggle-background.png b/developer_manual/design/img/actions/toggle-background.png
new file mode 100644
index 000000000..65560bf5e
Binary files /dev/null and b/developer_manual/design/img/actions/toggle-background.png differ
diff --git a/developer_manual/design/img/actions/toggle-background.svg b/developer_manual/design/img/actions/toggle-background.svg
new file mode 100644
index 000000000..9b56627e3
--- /dev/null
+++ b/developer_manual/design/img/actions/toggle-background.svg
@@ -0,0 +1 @@
+
diff --git a/developer_manual/design/img/actions/toggle-filelist.svg b/developer_manual/design/img/actions/toggle-filelist.svg
index 10bc79fa0..16ebc047f 100644
--- a/developer_manual/design/img/actions/toggle-filelist.svg
+++ b/developer_manual/design/img/actions/toggle-filelist.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/toggle-pictures.svg b/developer_manual/design/img/actions/toggle-pictures.svg
index 270cf4b2d..a43cc60ce 100644
--- a/developer_manual/design/img/actions/toggle-pictures.svg
+++ b/developer_manual/design/img/actions/toggle-pictures.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/toggle.png b/developer_manual/design/img/actions/toggle.png
index eefe1a719..3652df082 100644
Binary files a/developer_manual/design/img/actions/toggle.png and b/developer_manual/design/img/actions/toggle.png differ
diff --git a/developer_manual/design/img/actions/toggle.svg b/developer_manual/design/img/actions/toggle.svg
index 1f3de01ff..847759d4e 100644
--- a/developer_manual/design/img/actions/toggle.svg
+++ b/developer_manual/design/img/actions/toggle.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/triangle-e.svg b/developer_manual/design/img/actions/triangle-e.svg
index a5413943e..c17cd0480 100644
--- a/developer_manual/design/img/actions/triangle-e.svg
+++ b/developer_manual/design/img/actions/triangle-e.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/triangle-n.svg b/developer_manual/design/img/actions/triangle-n.svg
index 4a7f92209..eae6e466b 100644
--- a/developer_manual/design/img/actions/triangle-n.svg
+++ b/developer_manual/design/img/actions/triangle-n.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/triangle-s.svg b/developer_manual/design/img/actions/triangle-s.svg
index 0de5901af..b1dff4ff2 100644
--- a/developer_manual/design/img/actions/triangle-s.svg
+++ b/developer_manual/design/img/actions/triangle-s.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/upload-white.png b/developer_manual/design/img/actions/upload-white.png
deleted file mode 100644
index c59fcc1d5..000000000
Binary files a/developer_manual/design/img/actions/upload-white.png and /dev/null differ
diff --git a/developer_manual/design/img/actions/upload-white.svg b/developer_manual/design/img/actions/upload-white.svg
deleted file mode 100644
index 56350e598..000000000
--- a/developer_manual/design/img/actions/upload-white.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/developer_manual/design/img/actions/upload.svg b/developer_manual/design/img/actions/upload.svg
index eecbd0fe9..92ca79205 100644
--- a/developer_manual/design/img/actions/upload.svg
+++ b/developer_manual/design/img/actions/upload.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/user-admin.png b/developer_manual/design/img/actions/user-admin.png
new file mode 100644
index 000000000..0152e9b7d
Binary files /dev/null and b/developer_manual/design/img/actions/user-admin.png differ
diff --git a/developer_manual/design/img/actions/user-admin.svg b/developer_manual/design/img/actions/user-admin.svg
new file mode 100644
index 000000000..294016546
--- /dev/null
+++ b/developer_manual/design/img/actions/user-admin.svg
@@ -0,0 +1 @@
+
diff --git a/developer_manual/design/img/actions/user-plus.svg b/developer_manual/design/img/actions/user-plus.svg
deleted file mode 100644
index 16c59261a..000000000
--- a/developer_manual/design/img/actions/user-plus.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
diff --git a/developer_manual/design/img/actions/user-times.svg b/developer_manual/design/img/actions/user-times.svg
deleted file mode 100644
index f853784ef..000000000
--- a/developer_manual/design/img/actions/user-times.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
diff --git a/developer_manual/design/img/actions/user.png b/developer_manual/design/img/actions/user.png
index 0f6104a39..82161ba54 100644
Binary files a/developer_manual/design/img/actions/user.png and b/developer_manual/design/img/actions/user.png differ
diff --git a/developer_manual/design/img/actions/user.svg b/developer_manual/design/img/actions/user.svg
index 4f83dbb71..91097e5cd 100644
--- a/developer_manual/design/img/actions/user.svg
+++ b/developer_manual/design/img/actions/user.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/actions/verified.svg b/developer_manual/design/img/actions/verified.svg
index 2f9e34e23..6c336022f 100644
--- a/developer_manual/design/img/actions/verified.svg
+++ b/developer_manual/design/img/actions/verified.svg
@@ -1,4 +1 @@
-
-
+
diff --git a/developer_manual/design/img/actions/verify.svg b/developer_manual/design/img/actions/verify.svg
index 5ad114810..7f7168c3c 100644
--- a/developer_manual/design/img/actions/verify.svg
+++ b/developer_manual/design/img/actions/verify.svg
@@ -1,4 +1 @@
-
-
+
diff --git a/developer_manual/design/img/actions/verifying.svg b/developer_manual/design/img/actions/verifying.svg
index beb824b7e..3a18115d7 100644
--- a/developer_manual/design/img/actions/verifying.svg
+++ b/developer_manual/design/img/actions/verifying.svg
@@ -1,4 +1 @@
-
-
+
diff --git a/developer_manual/design/img/actions/video-off-white.png b/developer_manual/design/img/actions/video-off-white.png
deleted file mode 100644
index d85b3ebdf..000000000
Binary files a/developer_manual/design/img/actions/video-off-white.png and /dev/null differ
diff --git a/developer_manual/design/img/actions/video-off-white.svg b/developer_manual/design/img/actions/video-off-white.svg
deleted file mode 100644
index dbd3120a3..000000000
--- a/developer_manual/design/img/actions/video-off-white.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
diff --git a/developer_manual/design/img/actions/video-off.svg b/developer_manual/design/img/actions/video-off.svg
index cb61fe519..2065fe432 100644
--- a/developer_manual/design/img/actions/video-off.svg
+++ b/developer_manual/design/img/actions/video-off.svg
@@ -1,4 +1 @@
-
-
+
diff --git a/developer_manual/design/img/actions/video-switch.png b/developer_manual/design/img/actions/video-switch.png
new file mode 100644
index 000000000..f44a27462
Binary files /dev/null and b/developer_manual/design/img/actions/video-switch.png differ
diff --git a/developer_manual/design/img/actions/video-switch.svg b/developer_manual/design/img/actions/video-switch.svg
new file mode 100644
index 000000000..239470c1a
--- /dev/null
+++ b/developer_manual/design/img/actions/video-switch.svg
@@ -0,0 +1 @@
+
diff --git a/developer_manual/design/img/actions/video-white.png b/developer_manual/design/img/actions/video-white.png
deleted file mode 100644
index 239d3f55d..000000000
Binary files a/developer_manual/design/img/actions/video-white.png and /dev/null differ
diff --git a/developer_manual/design/img/actions/video-white.svg b/developer_manual/design/img/actions/video-white.svg
deleted file mode 100644
index 59dc1b253..000000000
--- a/developer_manual/design/img/actions/video-white.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
diff --git a/developer_manual/design/img/actions/video.svg b/developer_manual/design/img/actions/video.svg
index 002198dc0..6bffcb5e8 100644
--- a/developer_manual/design/img/actions/video.svg
+++ b/developer_manual/design/img/actions/video.svg
@@ -1 +1 @@
-
+
diff --git a/developer_manual/design/img/actions/view-next.png b/developer_manual/design/img/actions/view-next.png
deleted file mode 100644
index df0f9a662..000000000
Binary files a/developer_manual/design/img/actions/view-next.png and /dev/null differ
diff --git a/developer_manual/design/img/actions/view-previous.png b/developer_manual/design/img/actions/view-previous.png
deleted file mode 100644
index fc5c2fa3c..000000000
Binary files a/developer_manual/design/img/actions/view-previous.png and /dev/null differ
diff --git a/developer_manual/design/img/breadcrumb.png b/developer_manual/design/img/breadcrumb.png
deleted file mode 100644
index 21cfd72ec..000000000
Binary files a/developer_manual/design/img/breadcrumb.png and /dev/null differ
diff --git a/developer_manual/design/img/breadcrumb.svg b/developer_manual/design/img/breadcrumb.svg
index 3bd8759fe..36fecc154 100644
--- a/developer_manual/design/img/breadcrumb.svg
+++ b/developer_manual/design/img/breadcrumb.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/categories/auth.png b/developer_manual/design/img/categories/auth.png
index a61f9e87f..a5b6ad88a 100644
Binary files a/developer_manual/design/img/categories/auth.png and b/developer_manual/design/img/categories/auth.png differ
diff --git a/developer_manual/design/img/categories/auth.svg b/developer_manual/design/img/categories/auth.svg
index e770e396a..05c3fd701 100644
--- a/developer_manual/design/img/categories/auth.svg
+++ b/developer_manual/design/img/categories/auth.svg
@@ -1 +1 @@
-
+
diff --git a/developer_manual/design/img/categories/bundles.png b/developer_manual/design/img/categories/bundles.png
index 7709780e2..1f0c60f95 100644
Binary files a/developer_manual/design/img/categories/bundles.png and b/developer_manual/design/img/categories/bundles.png differ
diff --git a/developer_manual/design/img/categories/bundles.svg b/developer_manual/design/img/categories/bundles.svg
index 4ad1413ae..e8c0ed752 100644
--- a/developer_manual/design/img/categories/bundles.svg
+++ b/developer_manual/design/img/categories/bundles.svg
@@ -1 +1 @@
-
+
diff --git a/developer_manual/design/img/categories/customization.png b/developer_manual/design/img/categories/customization.png
index 6712d9c43..4ec978bd4 100644
Binary files a/developer_manual/design/img/categories/customization.png and b/developer_manual/design/img/categories/customization.png differ
diff --git a/developer_manual/design/img/categories/customization.svg b/developer_manual/design/img/categories/customization.svg
index 7136e4d55..89d222a1d 100644
--- a/developer_manual/design/img/categories/customization.svg
+++ b/developer_manual/design/img/categories/customization.svg
@@ -1 +1 @@
-
+
diff --git a/developer_manual/design/img/categories/files.png b/developer_manual/design/img/categories/files.png
index fb147adf2..96ff47099 100644
Binary files a/developer_manual/design/img/categories/files.png and b/developer_manual/design/img/categories/files.png differ
diff --git a/developer_manual/design/img/categories/files.svg b/developer_manual/design/img/categories/files.svg
index 8ed1bf118..153650279 100644
--- a/developer_manual/design/img/categories/files.svg
+++ b/developer_manual/design/img/categories/files.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/categories/games.png b/developer_manual/design/img/categories/games.png
new file mode 100644
index 000000000..1b664e5f2
Binary files /dev/null and b/developer_manual/design/img/categories/games.png differ
diff --git a/developer_manual/design/img/categories/games.svg b/developer_manual/design/img/categories/games.svg
new file mode 100644
index 000000000..6333eab64
--- /dev/null
+++ b/developer_manual/design/img/categories/games.svg
@@ -0,0 +1 @@
+
diff --git a/developer_manual/design/img/categories/integration.png b/developer_manual/design/img/categories/integration.png
index d58af21e7..f660f4303 100644
Binary files a/developer_manual/design/img/categories/integration.png and b/developer_manual/design/img/categories/integration.png differ
diff --git a/developer_manual/design/img/categories/integration.svg b/developer_manual/design/img/categories/integration.svg
index b2cbc9531..2bc2ac446 100644
--- a/developer_manual/design/img/categories/integration.svg
+++ b/developer_manual/design/img/categories/integration.svg
@@ -1 +1 @@
-
+
diff --git a/developer_manual/design/img/categories/monitoring.png b/developer_manual/design/img/categories/monitoring.png
index d73db0558..f4a670315 100644
Binary files a/developer_manual/design/img/categories/monitoring.png and b/developer_manual/design/img/categories/monitoring.png differ
diff --git a/developer_manual/design/img/categories/monitoring.svg b/developer_manual/design/img/categories/monitoring.svg
index d672b660b..8badf42fc 100644
--- a/developer_manual/design/img/categories/monitoring.svg
+++ b/developer_manual/design/img/categories/monitoring.svg
@@ -1 +1 @@
-
+
diff --git a/developer_manual/design/img/categories/multimedia.png b/developer_manual/design/img/categories/multimedia.png
index d55733133..605be9cea 100644
Binary files a/developer_manual/design/img/categories/multimedia.png and b/developer_manual/design/img/categories/multimedia.png differ
diff --git a/developer_manual/design/img/categories/multimedia.svg b/developer_manual/design/img/categories/multimedia.svg
index 3ea1ed2e5..ffb0840ac 100644
--- a/developer_manual/design/img/categories/multimedia.svg
+++ b/developer_manual/design/img/categories/multimedia.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/categories/office.png b/developer_manual/design/img/categories/office.png
index 7709b05e4..391797baa 100644
Binary files a/developer_manual/design/img/categories/office.png and b/developer_manual/design/img/categories/office.png differ
diff --git a/developer_manual/design/img/categories/office.svg b/developer_manual/design/img/categories/office.svg
index 0cb37f3b2..f173b2658 100644
--- a/developer_manual/design/img/categories/office.svg
+++ b/developer_manual/design/img/categories/office.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/categories/organization.svg b/developer_manual/design/img/categories/organization.svg
index 10bc79fa0..575d5bb3e 100644
--- a/developer_manual/design/img/categories/organization.svg
+++ b/developer_manual/design/img/categories/organization.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/categories/social.png b/developer_manual/design/img/categories/social.png
index d1e442a65..73d13dbfb 100644
Binary files a/developer_manual/design/img/categories/social.png and b/developer_manual/design/img/categories/social.png differ
diff --git a/developer_manual/design/img/categories/social.svg b/developer_manual/design/img/categories/social.svg
index 7953cd068..97361beb9 100644
--- a/developer_manual/design/img/categories/social.svg
+++ b/developer_manual/design/img/categories/social.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/clients/desktop.png b/developer_manual/design/img/clients/desktop.png
new file mode 100644
index 000000000..a4cecee51
Binary files /dev/null and b/developer_manual/design/img/clients/desktop.png differ
diff --git a/developer_manual/design/img/clients/desktop.svg b/developer_manual/design/img/clients/desktop.svg
new file mode 100644
index 000000000..df4f5b688
--- /dev/null
+++ b/developer_manual/design/img/clients/desktop.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/developer_manual/design/img/clients/phone.png b/developer_manual/design/img/clients/phone.png
new file mode 100644
index 000000000..2f87a7d53
Binary files /dev/null and b/developer_manual/design/img/clients/phone.png differ
diff --git a/developer_manual/design/img/clients/phone.svg b/developer_manual/design/img/clients/phone.svg
new file mode 100644
index 000000000..a45c5c4c7
--- /dev/null
+++ b/developer_manual/design/img/clients/phone.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/developer_manual/design/img/clients/tablet.png b/developer_manual/design/img/clients/tablet.png
new file mode 100644
index 000000000..408e2f191
Binary files /dev/null and b/developer_manual/design/img/clients/tablet.png differ
diff --git a/developer_manual/design/img/clients/tablet.svg b/developer_manual/design/img/clients/tablet.svg
new file mode 100644
index 000000000..a4d41be30
--- /dev/null
+++ b/developer_manual/design/img/clients/tablet.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/developer_manual/design/img/facebook.svg b/developer_manual/design/img/facebook.svg
index 2d0c64774..01e183a18 100644
--- a/developer_manual/design/img/facebook.svg
+++ b/developer_manual/design/img/facebook.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/favicon-mask.svg b/developer_manual/design/img/favicon-mask.svg
index 380c89056..decce4b4c 100644
--- a/developer_manual/design/img/favicon-mask.svg
+++ b/developer_manual/design/img/favicon-mask.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/favicon.png b/developer_manual/design/img/favicon.png
index 3988dce0b..71520e5bb 100644
Binary files a/developer_manual/design/img/favicon.png and b/developer_manual/design/img/favicon.png differ
diff --git a/developer_manual/design/img/favicon.svg b/developer_manual/design/img/favicon.svg
index a7e98470c..7008be01a 100644
--- a/developer_manual/design/img/favicon.svg
+++ b/developer_manual/design/img/favicon.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/filetypes/application-pdf.svg b/developer_manual/design/img/filetypes/application-pdf.svg
index 4f75f6c03..cb54edd93 100644
--- a/developer_manual/design/img/filetypes/application-pdf.svg
+++ b/developer_manual/design/img/filetypes/application-pdf.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/filetypes/application.svg b/developer_manual/design/img/filetypes/application.svg
index 9c9bd5680..e3b6f25e0 100644
--- a/developer_manual/design/img/filetypes/application.svg
+++ b/developer_manual/design/img/filetypes/application.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/filetypes/audio.svg b/developer_manual/design/img/filetypes/audio.svg
index ad774daac..7c9befc01 100644
--- a/developer_manual/design/img/filetypes/audio.svg
+++ b/developer_manual/design/img/filetypes/audio.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/filetypes/file.svg b/developer_manual/design/img/filetypes/file.svg
index bb91dff51..aa4170dd7 100644
--- a/developer_manual/design/img/filetypes/file.svg
+++ b/developer_manual/design/img/filetypes/file.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/filetypes/folder-drag-accept.svg b/developer_manual/design/img/filetypes/folder-drag-accept.svg
index 519d8da08..6fefe1d27 100644
--- a/developer_manual/design/img/filetypes/folder-drag-accept.svg
+++ b/developer_manual/design/img/filetypes/folder-drag-accept.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/filetypes/folder-encrypted.svg b/developer_manual/design/img/filetypes/folder-encrypted.svg
new file mode 100644
index 000000000..e2b62a99b
--- /dev/null
+++ b/developer_manual/design/img/filetypes/folder-encrypted.svg
@@ -0,0 +1 @@
+
diff --git a/developer_manual/design/img/filetypes/folder-external.svg b/developer_manual/design/img/filetypes/folder-external.svg
index 8d99109e3..5e09bc87c 100644
--- a/developer_manual/design/img/filetypes/folder-external.svg
+++ b/developer_manual/design/img/filetypes/folder-external.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/filetypes/folder-public.svg b/developer_manual/design/img/filetypes/folder-public.svg
index d2793ec97..3471718f3 100644
--- a/developer_manual/design/img/filetypes/folder-public.svg
+++ b/developer_manual/design/img/filetypes/folder-public.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/filetypes/folder-shared.svg b/developer_manual/design/img/filetypes/folder-shared.svg
index 00507465f..0b6ff8111 100644
--- a/developer_manual/design/img/filetypes/folder-shared.svg
+++ b/developer_manual/design/img/filetypes/folder-shared.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/filetypes/folder-starred.svg b/developer_manual/design/img/filetypes/folder-starred.svg
index ba6df445f..d13c5ef17 100644
--- a/developer_manual/design/img/filetypes/folder-starred.svg
+++ b/developer_manual/design/img/filetypes/folder-starred.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/filetypes/folder.png b/developer_manual/design/img/filetypes/folder.png
index 3f943bf7a..86a17a55d 100644
Binary files a/developer_manual/design/img/filetypes/folder.png and b/developer_manual/design/img/filetypes/folder.png differ
diff --git a/developer_manual/design/img/filetypes/folder.svg b/developer_manual/design/img/filetypes/folder.svg
index 14b2b6693..c311e426b 100644
--- a/developer_manual/design/img/filetypes/folder.svg
+++ b/developer_manual/design/img/filetypes/folder.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/filetypes/image.svg b/developer_manual/design/img/filetypes/image.svg
index 01b856de0..922b72a54 100644
--- a/developer_manual/design/img/filetypes/image.svg
+++ b/developer_manual/design/img/filetypes/image.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/filetypes/link.svg b/developer_manual/design/img/filetypes/link.svg
index 999a9deb7..7bfbe1eb2 100644
--- a/developer_manual/design/img/filetypes/link.svg
+++ b/developer_manual/design/img/filetypes/link.svg
@@ -1 +1 @@
-
+
diff --git a/developer_manual/design/img/filetypes/location.svg b/developer_manual/design/img/filetypes/location.svg
index 737b1dd66..5e63f7563 100644
--- a/developer_manual/design/img/filetypes/location.svg
+++ b/developer_manual/design/img/filetypes/location.svg
@@ -1,2 +1 @@
-
-
+
diff --git a/developer_manual/design/img/filetypes/package-x-generic.svg b/developer_manual/design/img/filetypes/package-x-generic.svg
index 2d77898ba..c093074f8 100644
--- a/developer_manual/design/img/filetypes/package-x-generic.svg
+++ b/developer_manual/design/img/filetypes/package-x-generic.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/filetypes/text-calendar.svg b/developer_manual/design/img/filetypes/text-calendar.svg
index c031ad63e..2fdfde679 100644
--- a/developer_manual/design/img/filetypes/text-calendar.svg
+++ b/developer_manual/design/img/filetypes/text-calendar.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/filetypes/text-code.svg b/developer_manual/design/img/filetypes/text-code.svg
index 87e739c5a..21bf29576 100644
--- a/developer_manual/design/img/filetypes/text-code.svg
+++ b/developer_manual/design/img/filetypes/text-code.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/filetypes/text-vcard.svg b/developer_manual/design/img/filetypes/text-vcard.svg
index 976838b75..86c3d4a41 100644
--- a/developer_manual/design/img/filetypes/text-vcard.svg
+++ b/developer_manual/design/img/filetypes/text-vcard.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/filetypes/text.png b/developer_manual/design/img/filetypes/text.png
index 087cd5dca..9bc67fb59 100644
Binary files a/developer_manual/design/img/filetypes/text.png and b/developer_manual/design/img/filetypes/text.png differ
diff --git a/developer_manual/design/img/filetypes/text.svg b/developer_manual/design/img/filetypes/text.svg
index f32cc2904..57c2b1f57 100644
--- a/developer_manual/design/img/filetypes/text.svg
+++ b/developer_manual/design/img/filetypes/text.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/filetypes/video.svg b/developer_manual/design/img/filetypes/video.svg
index 419385674..f7230cc5f 100644
--- a/developer_manual/design/img/filetypes/video.svg
+++ b/developer_manual/design/img/filetypes/video.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/filetypes/x-office-document.svg b/developer_manual/design/img/filetypes/x-office-document.svg
index 7d98bf428..d19fa659a 100644
--- a/developer_manual/design/img/filetypes/x-office-document.svg
+++ b/developer_manual/design/img/filetypes/x-office-document.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/filetypes/x-office-presentation.svg b/developer_manual/design/img/filetypes/x-office-presentation.svg
index e365a242b..523aa38ec 100644
--- a/developer_manual/design/img/filetypes/x-office-presentation.svg
+++ b/developer_manual/design/img/filetypes/x-office-presentation.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/filetypes/x-office-spreadsheet.svg b/developer_manual/design/img/filetypes/x-office-spreadsheet.svg
index 62eeb2cd5..b7006a98e 100644
--- a/developer_manual/design/img/filetypes/x-office-spreadsheet.svg
+++ b/developer_manual/design/img/filetypes/x-office-spreadsheet.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/googleplus.svg b/developer_manual/design/img/googleplus.svg
index 7e001f467..a499c7155 100644
--- a/developer_manual/design/img/googleplus.svg
+++ b/developer_manual/design/img/googleplus.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/logo.svg b/developer_manual/design/img/logo.svg
index 5fdf57a01..1d52d93b0 100644
--- a/developer_manual/design/img/logo.svg
+++ b/developer_manual/design/img/logo.svg
@@ -1 +1 @@
-
+
diff --git a/developer_manual/design/img/mail.svg b/developer_manual/design/img/mail.svg
index 37d97065d..d757773c7 100644
--- a/developer_manual/design/img/mail.svg
+++ b/developer_manual/design/img/mail.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/places/calendar-dark.png b/developer_manual/design/img/places/calendar-dark.png
index d66c597f9..56675b04e 100644
Binary files a/developer_manual/design/img/places/calendar-dark.png and b/developer_manual/design/img/places/calendar-dark.png differ
diff --git a/developer_manual/design/img/places/calendar-dark.svg b/developer_manual/design/img/places/calendar-dark.svg
deleted file mode 100644
index 9290ef60f..000000000
--- a/developer_manual/design/img/places/calendar-dark.svg
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/developer_manual/design/img/places/calendar.png b/developer_manual/design/img/places/calendar.png
index 3d88f2723..83df10e8f 100644
Binary files a/developer_manual/design/img/places/calendar.png and b/developer_manual/design/img/places/calendar.png differ
diff --git a/developer_manual/design/img/places/calendar.svg b/developer_manual/design/img/places/calendar.svg
index 68249fa97..020ae8fe6 100644
--- a/developer_manual/design/img/places/calendar.svg
+++ b/developer_manual/design/img/places/calendar.svg
@@ -1 +1 @@
-
+
diff --git a/developer_manual/design/img/places/contacts-dark.png b/developer_manual/design/img/places/contacts-dark.png
deleted file mode 100644
index e67ad9009..000000000
Binary files a/developer_manual/design/img/places/contacts-dark.png and /dev/null differ
diff --git a/developer_manual/design/img/places/contacts-dark.svg b/developer_manual/design/img/places/contacts-dark.svg
deleted file mode 100644
index 56ff262e9..000000000
--- a/developer_manual/design/img/places/contacts-dark.svg
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/developer_manual/design/img/places/contacts.png b/developer_manual/design/img/places/contacts.png
index 08daa9484..b14ccffb2 100644
Binary files a/developer_manual/design/img/places/contacts.png and b/developer_manual/design/img/places/contacts.png differ
diff --git a/developer_manual/design/img/places/contacts.svg b/developer_manual/design/img/places/contacts.svg
index 4e6206db0..5bc91dc59 100644
--- a/developer_manual/design/img/places/contacts.svg
+++ b/developer_manual/design/img/places/contacts.svg
@@ -1 +1 @@
-
+
diff --git a/developer_manual/design/img/places/default-app-icon.svg b/developer_manual/design/img/places/default-app-icon.svg
index 7ef7f0869..0db6804a9 100644
--- a/developer_manual/design/img/places/default-app-icon.svg
+++ b/developer_manual/design/img/places/default-app-icon.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/places/files-dark.png b/developer_manual/design/img/places/files-dark.png
deleted file mode 100644
index 3c91d0ec5..000000000
Binary files a/developer_manual/design/img/places/files-dark.png and /dev/null differ
diff --git a/developer_manual/design/img/places/files-dark.svg b/developer_manual/design/img/places/files-dark.svg
deleted file mode 100644
index 75fe17e0b..000000000
--- a/developer_manual/design/img/places/files-dark.svg
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/developer_manual/design/img/places/files.png b/developer_manual/design/img/places/files.png
index 7ce87e41b..96ff47099 100644
Binary files a/developer_manual/design/img/places/files.png and b/developer_manual/design/img/places/files.png differ
diff --git a/developer_manual/design/img/places/files.svg b/developer_manual/design/img/places/files.svg
index 5a205380c..153650279 100644
--- a/developer_manual/design/img/places/files.svg
+++ b/developer_manual/design/img/places/files.svg
@@ -1 +1 @@
-
+
diff --git a/developer_manual/design/img/places/home.png b/developer_manual/design/img/places/home.png
index 9ec79348a..3ae13b751 100644
Binary files a/developer_manual/design/img/places/home.png and b/developer_manual/design/img/places/home.png differ
diff --git a/developer_manual/design/img/places/home.svg b/developer_manual/design/img/places/home.svg
index 30ef3e31a..d6e77b339 100644
--- a/developer_manual/design/img/places/home.svg
+++ b/developer_manual/design/img/places/home.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/places/link.png b/developer_manual/design/img/places/link.png
index d1208fd96..01fe4c12b 100644
Binary files a/developer_manual/design/img/places/link.png and b/developer_manual/design/img/places/link.png differ
diff --git a/developer_manual/design/img/places/link.svg b/developer_manual/design/img/places/link.svg
index 08127c001..971630f0b 100644
--- a/developer_manual/design/img/places/link.svg
+++ b/developer_manual/design/img/places/link.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/places/music.png b/developer_manual/design/img/places/music.png
index c02d6b6d7..83883226b 100644
Binary files a/developer_manual/design/img/places/music.png and b/developer_manual/design/img/places/music.png differ
diff --git a/developer_manual/design/img/places/music.svg b/developer_manual/design/img/places/music.svg
index c73be3349..5746247ea 100644
--- a/developer_manual/design/img/places/music.svg
+++ b/developer_manual/design/img/places/music.svg
@@ -1 +1 @@
-
+
diff --git a/developer_manual/design/img/places/picture.png b/developer_manual/design/img/places/picture.png
index 36b53aa8d..605be9cea 100644
Binary files a/developer_manual/design/img/places/picture.png and b/developer_manual/design/img/places/picture.png differ
diff --git a/developer_manual/design/img/places/picture.svg b/developer_manual/design/img/places/picture.svg
index 5cef599c2..ffb0840ac 100644
--- a/developer_manual/design/img/places/picture.svg
+++ b/developer_manual/design/img/places/picture.svg
@@ -1 +1 @@
-
+
diff --git a/developer_manual/design/img/rss.svg b/developer_manual/design/img/rss.svg
index 6962c85b1..98f031f39 100644
--- a/developer_manual/design/img/rss.svg
+++ b/developer_manual/design/img/rss.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/img/twitter.svg b/developer_manual/design/img/twitter.svg
index da1de00be..2bd85154e 100644
--- a/developer_manual/design/img/twitter.svg
+++ b/developer_manual/design/img/twitter.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/developer_manual/design/index.rst b/developer_manual/design/index.rst
index 38262d68f..459399971 100644
--- a/developer_manual/design/index.rst
+++ b/developer_manual/design/index.rst
@@ -10,4 +10,5 @@ Design guidelines
list
popovermenu
html
+ css
icons
diff --git a/developer_manual/design/list.rst b/developer_manual/design/list.rst
index 6d399696f..ff1c78e78 100644
--- a/developer_manual/design/list.rst
+++ b/developer_manual/design/list.rst
@@ -63,8 +63,8 @@ Basic layout
-Rules
-=============
+Rules and information
+======================
* You need to have the following structure for your global content:
@@ -77,9 +77,14 @@ Rules
* The first code/screenshot example show all the combination allowed/available.
* When displaying the checkbox, the star will automatically be hidden.
+* The checkboxes are hidden by default. They're shown when checked or when hover/focus/active
+* If you want to show **all** the checkboxes, apply the ``selection`` class to the ``app-content-list``.
* You can **NOT** have more than one button in an entry. You need to create a :ref:`popover menu ` if multiple options are needed.
* In case of a popovermenu, see the :ref:`popover menu `.
* As always, the **JS** is still needed to toggle the ``open`` class on this menu
+* If you use the ``app-content-list`` standard, the ``app-content-details`` div will be hidden in mobile mode (full screen).
+ You will need to add the ``showdetails`` class to the ``app-content-list`` to show the main content.
+ On mobile view, the whole list/details section (depending on which is shown) will scroll the body.
.. _popovermenulist:
diff --git a/developer_manual/design/popovermenu.rst b/developer_manual/design/popovermenu.rst
index 02b58b151..6aac2df1a 100644
--- a/developer_manual/design/popovermenu.rst
+++ b/developer_manual/design/popovermenu.rst
@@ -76,7 +76,7 @@ Basic layout
-