7a367b6451
feat(theming): provide Nextcloud Assistant theming colors
...
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2025-08-27 13:19:05 +07:00
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 +07:00
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 +07:00
fc5dad8343
feat(theming): add new default background for Nextcloud 32
...
With Nextcloud 32 we ship a new default background: "Fluid" by Jo Myoung Hee.
Copyright by Nextcloud GmbH under the CC-BY-SA-4.0
- added the background compressed as WebP (90% quality)
- set as new default
- added license reference and move theming related reuse config
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2025-08-21 19:22:45 +07:00
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 +07:00
04c9015210
feat: darken hover colors of primary and secondary
...
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2025-08-18 18:15:55 +07:00
64db537b76
feat: use secondary-like status colors
...
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2025-08-18 18:15:55 +07:00
0305004709
fix: add more transparency to the header icon gradient
...
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2025-08-14 10:06:46 +07:00
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 +07:00
b711da7393
fix(css): refine css cleanup
...
Signed-off-by: protoclown <ornano@felinn.org>
2024-09-02 17:04:37 +07:00
d1f82e7fc7
fix(css): re-use old --color-scrollbar variable
...
Signed-off-by: protoclown <ornano@felinn.org>
2024-09-02 17:04:37 +07:00
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
92e27a24f8
Feat: update border radius variables
...
Signed-off-by: Marco Ambrosini <marcoambrosini@proton.me>
2024-08-01 21:36:18 +07:00
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
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
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
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
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
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
68cba58e33
Feat: add new clickable area variables
...
Signed-off-by: Marco Ambrosini <marcoambrosini@proton.me>
2024-06-12 13:09:31 +07:00
cc1686dba9
chore: Add SPDX header
...
Signed-off-by: Andy Scherzinger <info@andy-scherzinger.de>
2024-05-31 10:38:47 +07:00
e5d25dcd52
Merge pull request #45247 from nextcloud/add-border-width
...
Add variable for inputs border width
2024-05-29 15:02:46 +07:00
405fd9a1ac
Feat: Update apps/theming/css/default.css
...
Co-authored-by: Grigorii K. Shartsev <me@shgk.me>
Signed-off-by: Marco <marcoambrosini@proton.me>
2024-05-29 09:19:35 +07:00
9ebbd4b1a2
feat(theming): Add variable for border width
...
Signed-off-by: Marco Ambrosini <marcoambrosini@proton.me>
2024-05-28 17:42:20 +07:00
cd2d9ee67d
Feat: Add temporary border-radius variable
...
Signed-off-by: Marco Ambrosini <marcoambrosini@proton.me>
2024-05-27 23:57:22 +07:00
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
85b64e15ad
fix: Always populate `--image-background`
...
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2024-05-21 20:36:26 +07:00
0ef3147ea0
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:21 +07:00
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
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
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
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
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
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
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
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
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
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
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
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
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
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
d6fb961a94
Change color of error and success
...
Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
2023-08-21 10:49:58 +07:00
ddb808e136
Change color for primary element on hover
...
Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
2023-07-24 15:56:30 +07:00
d891a0a83a
fix tests
...
Signed-off-by: Simon L <szaimen@e.mail.de>
2023-07-21 11:25:16 +07:00
8ed35de5f4
add missing places and address review.
...
Signed-off-by: Simon L <szaimen@e.mail.de>
2023-07-20 15:30:05 +07:00
27f9154594
enh(theming): Info contrast
...
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2023-06-06 08:47:57 +07:00
187ff83584
enh(theming): Success contrast
...
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2023-06-06 08:47:57 +07:00
fe098ff6fb
enh(theming): Warning contrast
...
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2023-06-06 08:47:56 +07:00
27ebaea10c
enh(theming): Error contrast
...
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2023-06-06 08:47:56 +07:00
Ferdinand Thiessen
protoclown
Marco Ambrosini
Marco
Andy Scherzinger
Joas Schilling
julia.kirschenheuter
Simon L
Christopher Ng