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 #10396 from nextcloud/enh/noid/update-design-foundations

Browse Source 
update design-foundation
This commit is contained in:
Simon L
2023-05-19 15:49:39 +02:00
committed by GitHub
parent 438713d19d 66f85b68f8
commit b8b8f68d8b
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
developer_manual/design/foundations.rst
View File

@@ -19,7 +19,10 @@ While this is the primary color associated with Nextcloud and can be used to dra
.. note::
The primary color can be customized by admins through theming, but the default experience will be Nextcloud blue. If the primary color is themed to something very light like a shade of yellow, the text or header icons will be inverted to dark automatically.
* On web: ``var(--color-primary-element)``
* Android: uses default Material Design colors
* iOS: `systemFill <https://developer.apple.com/documentation/uikit/uicolor/3255070-systemfill>`_
* Desktop: `default Qt guidelines <https://doc.qt.io/qt-5/qpalette.html#ColorRole-enum>`_
Background color
^^^^^^^^^^^^^^^^
@@ -40,7 +43,7 @@ Nextcloud apps have a light and a dark theme, with appropriately chosen colors f
* On web: ``var(--color-main-background)``
* Android: uses default Material Design colors
* iOS: `systemBackground <https://developer.apple.com/documentation/uikit/uicolor/3173140-systembackground>`_
* Desktop: default Qt guidelines
* Desktop: `default Qt guidelines <https://doc.qt.io/qt-5/qpalette.html#ColorRole-enum>`_
Text color
^^^^^^^^^^
@@ -61,7 +64,7 @@ This is the main color for the text in light theme, and in dark theme.
* On web: ``var(--color-main-text)``
* Android: uses default Material Design color "high emphasis"
* iOS: `label <https://developer.apple.com/documentation/uikit/uicolor/3173131-label>`_ (in UITextView, leave the default textColor)
* Desktop: default Qt guidelines
* Desktop: `default Qt guidelines <https://doc.qt.io/qt-5/qpalette.html#ColorRole-enum>`_
.. list-table::