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
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 +07:00
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 +07:00
4c71d8f8a4
fix(theming): replace elementColor dark value with better contrast `#8c8c8c`
...
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
2023-05-04 14:41:19 +07:00
4d3b49b09a
fix(theming): replace `color-primary-text-dark` with `color-primary-element-text-dark`
...
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
2023-05-04 13:02:53 +07:00
1c753c2b15
Lighten default color slightly for increased contrast
...
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2022-12-06 01:13:55 +07:00
24ffe32845
Add new border color variable for increased contrast
...
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2022-12-06 01:13:44 +07:00
3db3d75bb9
Revert "Fix border color contrast"
...
This reverts commit a0266d1b16
2022-12-03 00:48:49 +07:00
064fa10ecf
Extract colour from custom background
...
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
2022-11-29 11:23:05 +07:00
a0266d1b16
Fix border color contrast
...
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2022-11-22 18:42:56 +07:00
4a2bbc7af9
Rewrite admin theming in Vue
...
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2022-10-28 00:18:47 +07:00
58abed2059
Invert header icons on bright preset backgrounds
...
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2022-10-19 19:12:56 +07:00
746710ad5b
Fix tests
...
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
2022-10-19 12:57:35 +07:00
ef760e0337
Add admin user customization kill switch
...
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
2022-10-19 12:57:35 +07:00
db831359d3
Allow to pick custom colour
...
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
2022-10-13 12:13:39 +07:00
8c4de8f3bc
Add color variables for text on blurred background
...
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2022-10-12 01:43:37 +07:00
7044191eb6
Use brand color for background only and keep accessible color as color primary
...
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2022-10-05 06:19:08 +07:00
e962d3fba4
Use color preset of shipped background as primary color
...
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2022-10-05 06:19:08 +07:00
da48143de7
fix test
...
Signed-off-by: szaimen <szaimen@e.mail.de>
2022-09-30 19:01:51 +07:00
7a43559197
Refactor primary computation and fix a few missing theme parity variables
...
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
2022-09-23 15:48:45 +07:00
3147585344
Fix fallback css variables
...
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2022-09-01 14:15:43 +07:00
cc21ea6419
Fix gradient using the wrong target value
...
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2022-08-26 14:48:38 +07:00
5e550829c5
Fix theming tests
...
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
2022-08-19 14:35:00 +07:00
0ea23cad0e
Revert "Fix unit tests for the theming app"
...
This reverts commit 13ca01ee12
2022-08-16 08:51:43 +07:00
13ca01ee12
Fix unit tests for the theming app
...
Signed-off-by: Carl Schwan <carl@carlschwan.eu>
2022-08-11 18:02:23 +07:00
05d034a6da
Allow to invert when on bright
...
Signed-off-by: Joas Schilling <coding@schilljs.com>
2022-08-08 12:56:31 +07:00
Ferdinand Thiessen
Joas Schilling
julia.kirschenheuter
Simon L
Christopher Ng
John Molakvoæ
Julius Härtl
Carl Schwan