Commit Graph

142 Commits (b9ab00a59e2d906fdb43eaaea37eb7a4a9cc8a13)

Author SHA1 Message Date
skjnldsv 6679c428f6 fix(theming): high contrast themes scrollbar
Signed-off-by: skjnldsv <skjnldsv@protonmail.com>
2025-02-05 08:36:14 +07:00
Joas Schilling 599a94fc9a
fix(a11y): Update OpenDyslexic from 0.920 to 2.001
Signed-off-by: Joas Schilling <coding@schilljs.com>
2024-09-12 16:53:13 +07:00
protoclown b711da7393 fix(css): refine css cleanup
Signed-off-by: protoclown <ornano@felinn.org>
2024-09-02 17:04:37 +07:00
protoclown d1f82e7fc7 fix(css): re-use old --color-scrollbar variable
Signed-off-by: protoclown <ornano@felinn.org>
2024-09-02 17:04:37 +07:00
Daniel Kesselberg af6de04e9e
style: update codestyle for coding-standard 1.2.3
Signed-off-by: Daniel Kesselberg <mail@danielkesselberg.de>
2024-08-25 19:34:58 +07:00
Marco Ambrosini e10f0dc38b
feat(theming): Update value of body container radius
Co-authored-by: Ferdinand Thiessen <opensource@fthiessen.de>
Signed-off-by: Marco Ambrosini <marcoambrosini@proton.me>
2024-08-01 21:41:21 +07:00
Marco Ambrosini 92e27a24f8
Feat: update border radius variables
Signed-off-by: Marco Ambrosini <marcoambrosini@proton.me>
2024-08-01 21:36:18 +07:00
Marco Ambrosini 9855485b0d feat: add small font size variable
This is needed to create a bit more hyerarchy between more important
and less important text. For example for the talk conversation
description in the header or in NcListItem's "subname"

Signed-off-by: Marco Ambrosini <marcoambrosini@proton.me>
2024-07-31 20:01:41 +07:00
Marco Ambrosini e537728dd1 Feat: update line height
Since we have different font sizes, we should make the line height
dependent on the font size and not a fixed value. The recommended
value for accessibility is 1.5.
https://www.w3.org/WAI/WCAG21/Understanding/text-spacing.html

Signed-off-by: Marco Ambrosini <marcoambrosini@proton.me>
2024-07-31 14:36:23 +07:00
Ferdinand Thiessen d5dc6b2476
feat(theming): Allow shipped backgrounds to have a dark variant
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2024-07-12 13:00:07 +07:00
Ferdinand Thiessen c9e8cdd7ad feat(theming): Provide `body-container-` variables through theming
* Provide the body container height, radius and margin as theming variables.
* Remove unused old variables (`header-menu-profile-item-height` and `list-max-width`)
* Fix comment about breakpoint JS location

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2024-07-04 18:29:17 +07:00
Ferdinand Thiessen 697a963243
fix(theming): Conitionally disable blur filter for performance
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2024-07-02 17:31:43 +07:00
Marco 018a0ae66f
Merge pull request #45818 from nextcloud/feat/add-new-clickable-area-variables
Feat: add new clickable area variables
2024-06-14 09:31:50 +07:00
Marco fddb2f03f0
Feat: Update apps/theming/lib/Themes/DefaultTheme.php
Co-authored-by: Ferdinand Thiessen <opensource@fthiessen.de>
Signed-off-by: Marco <marcoambrosini@proton.me>
2024-06-12 21:59:37 +07:00
Marco Ambrosini 1337f4a7d5 Feat: reduce border radius element to 8 px
Signed-off-by: Marco Ambrosini <marcoambrosini@proton.me>
2024-06-12 13:17:21 +07:00
Marco Ambrosini 68cba58e33 Feat: add new clickable area variables
Signed-off-by: Marco Ambrosini <marcoambrosini@proton.me>
2024-06-12 13:09:31 +07:00
Andy Scherzinger cc1686dba9
chore: Add SPDX header
Signed-off-by: Andy Scherzinger <info@andy-scherzinger.de>
2024-05-31 10:38:47 +07:00
Ferdinand Thiessen e5d25dcd52
Merge pull request #45247 from nextcloud/add-border-width
Add variable for inputs border width
2024-05-29 15:02:46 +07:00
Marco Ambrosini 9ebbd4b1a2 feat(theming): Add variable for border width
Signed-off-by: Marco Ambrosini <marcoambrosini@proton.me>
2024-05-28 17:42:20 +07:00
Marco Ambrosini cd2d9ee67d Feat: Add temporary border-radius variable
Signed-off-by: Marco Ambrosini <marcoambrosini@proton.me>
2024-05-27 23:57:22 +07:00
Ferdinand Thiessen 538a04968a
fix(tests): Adjust theming test for new splitted background and primary colors
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2024-05-21 20:36:26 +07:00
Ferdinand Thiessen 85b64e15ad
fix: Always populate `--image-background`
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2024-05-21 20:36:26 +07:00
Ferdinand Thiessen 8028784976
fix: cleanup theming app code
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2024-05-21 20:36:26 +07:00
Ferdinand Thiessen 282f1b1fab
fix(theming): Also apply new background colors to guest view
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2024-05-21 20:36:21 +07:00
Ferdinand Thiessen 482395ba2f
fix(theming): Also reset background color settings when updating global background image
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2024-05-21 20:36:21 +07:00
Ferdinand Thiessen 705335e6a5
feat(theming): Allow to configure primary color separate from background in admin settings
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2024-05-21 20:36:21 +07:00
Ferdinand Thiessen de938bb401
feat(theming): Separate background and primary color
While the primary color is intended to highlight elements,
it can not always be used as the background color.
So now primary is independent from background a user set,
the background color is, if not set directly, calculated as the mean color
of the background image. That color is then used as a fallback if the
background image could not be loaded and for calculating the color of the text used on the app menu and dashboard (they render directly on the background).

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2024-05-21 20:36:21 +07:00
Ferdinand Thiessen 0211feb946
fix(theming): Also set default background color ("primary") for custom images
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2024-05-21 20:36:21 +07:00
Ferdinand Thiessen 4b8868a7f1
feat(theming): Provide CSS variable for favorite color and adjust for dark mode
Co-authored-by: Simon L <szaimen@e.mail.de>
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2024-03-06 22:28:16 +07:00
John Molakvoæ 6364e53e5a
Merge pull request #32231 from nextcloud/feat/theming-scheme-meta 2024-02-08 18:26:48 +07:00
Louis Chemineau 898df41de9
Revert "Merge branch 'master' of github.com:nextcloud/server"
This reverts commit d9d60238c7, reversing
changes made to ba3fdb0cdc.
2024-02-08 15:31:19 +07:00
John Molakvoæ 775974fb7d
Support theme meta w3c standard
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
Signed-off-by: Simon L <szaimen@e.mail.de>
2024-02-07 17:34:57 +07:00
Ferdinand Thiessen 0f2b9b09ec
fix(theming): The background is the primary color and must not be double inverted
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2024-02-03 14:28:34 +07:00
Ferdinand Thiessen 18b91ba2e1 fix(theming): Make sure `color-border-maxcontrast` fulfills 3:1 contrast
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2024-01-17 15:30:39 +07:00
Ferdinand Thiessen a782d6f797 fix(theming): Adjust high contrast theme to fulfill WCAG AAA text contrast
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2023-12-22 14:05:42 +07:00
Ferdinand Thiessen 3d8e2ec9b0
fix(theming): Invert filter should be based on primary-element
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2023-12-22 01:37:01 +07:00
Ferdinand Thiessen acfb8ef551 fix(theming): Adjust `color-error` and `color-success` to work for input border colors
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2023-12-19 10:20:33 +07:00
Ferdinand Thiessen 74f6995bdb fix(theming): Adjust dark high contrast to fulfill WCAG 2.1 AAA contrast
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2023-12-19 10:20:33 +07:00
Ferdinand Thiessen ae12a73c85 fix(theming): Make dark theme accessible and add unit test
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2023-12-18 10:25:10 +07:00
Ferdinand Thiessen 2e5d435df7 fix(theming): Adjust status colors to be also accessible on blurry background
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2023-12-18 10:25:10 +07:00
Ferdinand Thiessen 84123b3910
fix(theming): Adjust primary text color calculation to also work with high contrast themes
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2023-12-15 21:09:39 +07:00
Ferdinand Thiessen 61f401da57
fix(theming): Adjust hover color to be accessible
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2023-12-15 21:09:14 +07:00
Ferdinand Thiessen 141d1e9026
enh(theming): Adjust color utils to work as specified by WCAG (color contrast and luma calculation)
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2023-12-15 21:09:14 +07:00
Ferdinand Thiessen da346aa80e
fix(theming): Adjust dark theme to be accessible adjust cypress tests
Also fix warning text color for bright / default theme on blurry background

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2023-12-01 00:58:30 +07:00
Joas Schilling 9c0ba1bab9
fix(theming): Fix color inverted icons based on theming and dark mode
Signed-off-by: Joas Schilling <coding@schilljs.com>
2023-11-29 16:38:41 +07:00
Joas Schilling aa5f037af7
chore: apply changes from Nextcloud coding standards 1.1.1
Signed-off-by: Joas Schilling <coding@schilljs.com>
Signed-off-by: Benjamin Gaussorgues <benjamin.gaussorgues@nextcloud.com>
2023-11-23 10:36:13 +07:00
Ferdinand Thiessen 3378a73e99
fix(theming): Make changes on primary color less invasiv
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2023-10-27 12:56:23 +07:00
Ferdinand Thiessen 3676295f7b
fix(theming): Ensure all text colors have enough contrast for accessibility
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2023-10-27 12:56:23 +07:00
Ferdinand Thiessen be129a7d1f
fix(theming): Make it clearer that color-text-light and -lighter are deprecated
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2023-10-27 12:56:23 +07:00
Ferdinand Thiessen 1c4787af84
fix(theming): Ensure that maxcontrast text has always a contrast of 4.5:1 even on hover
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2023-10-27 12:54:14 +07:00