khanh.pndc/nextcloud-docs
1
0
Fork 0
mirror of https://github.com/nextcloud/documentation.git synced 2026-01-02 17:59:36 +07:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #9592 from nextcloud/datenangebot-patch-1

Browse Source 
Remove docs for svg api, it's not provided anymore + hint for material-design-icons
This commit is contained in:
Florian
2023-02-16 09:44:54 +01:00
committed by GitHub
parent 6248064dac 0fbe6c78c2
commit fa5f9ea60a
1 changed files with 6 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
developer_manual/html_css_design/icons.rst
View File

@@ -16,24 +16,15 @@ White icons only have a grey background on this documentation page for readabili
.. _svgcolorapi:
Svg color api
=============
More information about scss and this api: :ref:`scss mixins and functions <cssicons>`
The svg API is not supported anymore due to performance reasons.
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?color=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?color=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?color=000000``
Will serve the svg located in the files app ``img`` directory ad a black icon
``/app/files/img/app.svg``
Material design icons
=====================
If you need more than the shipped default icons, using the material-design-icons would be a good idea.
For usage with vuejs look over here: https://nextcloud-vue-components.netlify.app/#/Components/NcIconSvgWrapper