Commit graph

95 commits

Author SHA1 Message Date
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
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
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
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
8028784976
fix: cleanup theming app code
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2024-05-21 20:36:26 +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
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
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
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
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 +01: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 +01: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 +02: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 +02: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 +02:00
John Molakvoæ
4f4074452d
Fix background removal not applying to user default theming
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
2023-10-19 12:01:29 +02:00
julia.kirschenheuter
d6fb961a94 Change color of error and success
Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
2023-08-21 10:49:58 +02:00
Simon L
d891a0a83a fix tests
Signed-off-by: Simon L <szaimen@e.mail.de>
2023-07-21 11:25:16 +02:00
Simon L
8ed35de5f4 add missing places and address review.
Signed-off-by: Simon L <szaimen@e.mail.de>
2023-07-20 15:30:05 +02:00
Simon L
c4893e9641 address review
Signed-off-by: Simon L <szaimen@e.mail.de>
2023-07-19 20:09:14 +02:00
Simon L
9352869f52 switch to bootstrap font-stack
Signed-off-by: Simon L <szaimen@e.mail.de>
2023-07-19 19:50:19 +02:00
Christopher Ng
27f9154594 enh(theming): Info contrast
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2023-06-06 08:47:57 -07:00
Christopher Ng
187ff83584 enh(theming): Success contrast
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2023-06-06 08:47:57 -07:00
Christopher Ng
fe098ff6fb enh(theming): Warning contrast
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2023-06-06 08:47:56 -07:00
Christopher Ng
27ebaea10c enh(theming): Error contrast
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2023-06-06 08:47:56 -07:00
Ferdinand Thiessen
b30bfb57f3 feat(theming): Add border radius rounded css variable so body-container-radius can be used on mobile devices
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2023-05-16 19:47:10 +02:00
Ferdinand Thiessen
4f9472a323 feat(css): Add css variables for info colors (--color-info)
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2023-05-16 09:31:33 +00:00
Christopher Ng
24ffe32845 Add new border color variable for increased contrast
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2022-12-06 01:13:44 +00:00
Christopher Ng
3db3d75bb9 Revert "Fix border color contrast"
This reverts commit a0266d1b16.

Signed-off-by: Christopher Ng <chrng8@gmail.com>
2022-12-03 00:48:49 +00:00