Joas Schilling
edbb4e8fa8
fix(theming): Remove header icon mask in dark mode high contrast as well
...
Signed-off-by: Joas Schilling <coding@schilljs.com>
2025-09-03 12:58:33 +02:00
Ferdinand Thiessen
9eb4c96d3b
fix(theming): adjust assistant icon color on dark theme
...
* resolves https://github.com/nextcloud/server/issues/54782
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2025-09-02 11:03:34 +02:00
Ferdinand Thiessen
7a367b6451
feat(theming): provide Nextcloud Assistant theming colors
...
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2025-08-27 13:19:05 +02:00
Ferdinand Thiessen
03332a1d13
fix(theming): provide proper element color variables for status colors
...
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2025-08-26 18:35:55 +02:00
Ferdinand Thiessen
55f968aa4b
fix(theming): add missing color-text-success variable
...
This was planned to be added and already documented.
The use case is some rare occurences where we use success like text.
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2025-08-25 14:48:06 +02:00
Ferdinand Thiessen
d79e18ab18
feat: add CSS variables for status border and text
...
The variables like `--color-error` now are based on our secondary
theming, thus they are less "aggressive" colors. But there are two
usecases for primary based status colors:
- borders
- error text messages (e.g. validation errors in forms)
To simplify app changes due to the secondary color theme change this
introduces 3 new variables:
- `--color-text-error` this shall be used if text should have error
status theming and is displayed on normal background (while
`--color-error-text` is only for text shown on `--color-error` similar
as primary and secondary colors)
- `--color-border-error` and `--color-border-success` those should be
used for element borders if there is one of those statuses to be
reported (we use this for validation errors as well as for indicating a
value was saved)
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2025-08-18 18:17:59 +02:00
Ferdinand Thiessen
04c9015210
feat: darken hover colors of primary and secondary
...
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2025-08-18 18:15:55 +02:00
Ferdinand Thiessen
64db537b76
feat: use secondary-like status colors
...
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2025-08-18 18:15:55 +02:00
Ferdinand Thiessen
0305004709
fix: add more transparency to the header icon gradient
...
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2025-08-14 10:06:46 +02:00
Ferdinand Thiessen
2be7d03395
feat(AppMenu): add slight opactiy gradient to app icons
...
- resolves https://github.com/nextcloud/server/issues/54141
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2025-07-31 19:01:07 +02:00
skjnldsv
6679c428f6
fix(theming): high contrast themes scrollbar
...
Signed-off-by: skjnldsv <skjnldsv@protonmail.com>
2025-02-05 08:36:14 +01: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 +02:00
protoclown
b711da7393
fix(css): refine css cleanup
...
Signed-off-by: protoclown <ornano@felinn.org>
2024-09-02 17:04:37 +02:00
protoclown
d1f82e7fc7
fix(css): re-use old --color-scrollbar variable
...
Signed-off-by: protoclown <ornano@felinn.org>
2024-09-02 17:04:37 +02: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 +02: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 +02:00
Marco Ambrosini
92e27a24f8
Feat: update border radius variables
...
Signed-off-by: Marco Ambrosini <marcoambrosini@proton.me>
2024-08-01 21:36:18 +02: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 +02: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 +02: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 +02: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 +02: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 +02: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 +02: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 +02: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 +02:00
Marco Ambrosini
68cba58e33
Feat: add new clickable area variables
...
Signed-off-by: Marco Ambrosini <marcoambrosini@proton.me>
2024-06-12 13:09:31 +02:00
Andy Scherzinger
cc1686dba9
chore: Add SPDX header
...
Signed-off-by: Andy Scherzinger <info@andy-scherzinger.de>
2024-05-31 10:38:47 +02: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 +02: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 -04:00
Marco Ambrosini
cd2d9ee67d
Feat: Add temporary border-radius variable
...
Signed-off-by: Marco Ambrosini <marcoambrosini@proton.me>
2024-05-27 23:57:22 +02: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 +02:00
Ferdinand Thiessen
85b64e15ad
fix: Always populate --image-background
...
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2024-05-21 20:36:26 +02:00
Ferdinand Thiessen
8028784976
fix: cleanup theming app code
...
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2024-05-21 20:36:26 +02: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 +02: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 +02: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 +02: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 +02: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 +02: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 +01:00
John Molakvoæ
6364e53e5a
Merge pull request #32231 from nextcloud/feat/theming-scheme-meta
2024-02-08 18:26:48 +01: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 +01: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 +01: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 +01: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 +01: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 -06: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 +01: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 -06: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 -06: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 -06: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 -06:00