Commit graph

169 commits

Author SHA1 Message Date
Christopher Ng
a0266d1b16 Fix border color contrast
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2022-11-22 18:42:56 +00:00
Christopher Ng
9ec32a739c Purge unused legacy code and drop 3rdparty jscolor dependency
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2022-10-28 00:18:47 +00:00
Christopher Ng
4a2bbc7af9 Rewrite admin theming in Vue
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2022-10-28 00:18:47 +00:00
Christopher Ng
58abed2059 Invert header icons on bright preset backgrounds
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2022-10-19 19:12:56 +00:00
John Molakvoæ
746710ad5b
Fix tests
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
2022-10-19 12:57:35 +02:00
John Molakvoæ
ef760e0337
Add admin user customization kill switch
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
2022-10-19 12:57:35 +02:00
John Molakvoæ (skjnldsv)
db831359d3
Allow to pick custom colour
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
2022-10-13 12:13:39 +02:00
Christopher Ng
8c4de8f3bc Add color variables for text on blurred background
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2022-10-12 01:43:37 +00:00
Christopher Ng
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 +00:00
Christopher Ng
e962d3fba4 Use color preset of shipped background as primary color
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2022-10-05 06:19:08 +00:00
szaimen
da48143de7 fix test
Signed-off-by: szaimen <szaimen@e.mail.de>
2022-09-30 19:01:51 +02:00
John Molakvoæ
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 +02:00
Carl Schwan
91042226c6
Change default login background to cloud image
Signed-off-by: Carl Schwan <carl@carlschwan.eu>
2022-09-09 16:23:54 +02:00
Julius Härtl
3147585344
Fix fallback css variables
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2022-09-01 14:15:43 +02:00
Julius Härtl
cc21ea6419
Fix gradient using the wrong target value
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2022-08-26 14:48:38 +02:00
John Molakvoæ
5e550829c5
Fix theming tests
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
2022-08-19 14:35:00 +02:00
John Molakvoæ
0ea23cad0e
Revert "Fix unit tests for the theming app"
This reverts commit 13ca01ee12.
2022-08-16 08:51:43 +02:00
Carl Schwan
13ca01ee12
Fix unit tests for the theming app
Signed-off-by: Carl Schwan <carl@carlschwan.eu>
2022-08-11 18:02:23 +02:00
Joas Schilling
05d034a6da
Allow to invert when on bright
Signed-off-by: Joas Schilling <coding@schilljs.com>
2022-08-08 12:56:31 +02:00
Carl Schwan
4e0574e184 Port encryption admin settings to vue
Signed-off-by: Carl Schwan <carl@carlschwan.eu>
2022-07-13 14:58:55 +02:00
John Molakvoæ
73918b8af9
Cleanup and compile
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
2022-05-13 16:13:00 +02:00
John Molakvoæ
5e8a3eb66c
Fix header apps icons
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
2022-04-28 18:12:29 +02:00
John Molakvoæ
4dc96dd165
Fix mix factor
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
2022-04-26 09:22:43 +02:00
John Molakvoæ
850d8ac1cd
Add default theming disabled fallback
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
2022-04-22 11:24:25 +02:00
John Molakvoæ (skjnldsv)
a1aaaaa0c8
Update and fix theming images
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
2022-04-21 09:31:06 +02:00
Joas Schilling
b3cf312edc
Start theming providers
Signed-off-by: Joas Schilling <coding@schilljs.com>
2022-04-21 09:29:33 +02:00
Joas Schilling
4032f0b2c8
Fix alternative login buttons
Signed-off-by: Joas Schilling <coding@schilljs.com>
2022-03-09 11:43:17 +01:00
Christopher Ng
3be9d3ca8f Profile frontend
Signed-off-by: Christopher Ng <chrng8@gmail.com>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
2021-10-19 04:59:36 +00:00
marco
f6e62b19d1 Add new variables for buttons
Signed-off-by: marco <marcoambrosini@pm.me>
2021-09-30 09:41:43 +02:00
Carl Schwan
da68952524
Fix missing theming for login button
Close #27495

Signed-off-by: Carl Schwan <carl@carlschwan.eu>
2021-07-20 10:07:42 +02:00
Joas Schilling
69290781ff Handle device login like an alternative login
Signed-off-by: Joas Schilling <coding@schilljs.com>
2021-04-20 09:11:33 +02:00
Julius Härtl
074b38d334
Combine body-login rules in theming and fix twofactor and guest styling on bright colors
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2020-07-24 08:59:28 +02:00
Julius Härtl
81de9e8e94
Only use background fade if nextcloud blue is set
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2020-06-03 09:17:15 +02:00
Marius David Wieschollek
bf94acfee7
[#18661] Always include custom login image in theming
Signed-off-by: Marius David Wieschollek <git.public@mdns.eu>
2020-01-07 22:27:20 +01:00
Marius David Wieschollek
eec921ca78
[#18645] Have custom login images cover the whole page
Signed-off-by: Marius David Wieschollek <git.public@mdns.eu>
2020-01-05 00:14:28 +01:00
Roeland Jago Douma
2a2d0cd312
Merge pull request #18082 from nextcloud/design/style-update
Update style of log in page and header
2019-11-26 12:01:47 +01:00
Julius Härtl
067ee3150c
Adjust gradient to theming value
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2019-11-25 16:29:29 +01:00
Guillaume COMPAGNON
ed399a31bd
add var for theming images , advanced options
Signed-off-by: Guillaume COMPAGNON <gcompagnon@outlook.com>
2019-11-24 21:51:43 +01:00
Jan-Christoph Borchardt
7edeac887b
Update style of log in page and header
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
2019-11-23 19:16:59 +07:00
John Molakvoæ (skjnldsv)
223046b079
Create color-primary-light variable
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
2019-09-11 11:27:59 +02:00
Jan-Christoph Borchardt
76959591e0
Fix dark text in body-login box on light theming colors
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
2019-06-27 22:45:46 +02:00
Julius Härtl
3860373fd4
Fix various theming issues on bright colors
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2019-03-28 08:02:46 +01:00
Julius Härtl
798b2e87b9
Fix light primary button styling
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2019-03-27 18:42:06 +01:00
Julius Härtl
00b2afb222
Darken element color and add exception for primary buttons
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2019-03-27 16:03:31 +01:00
Julius Härtl
e2bc47d6f5
Use SCSS variables since CSS vars are not loaded on public pages
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2019-03-13 22:09:36 +01:00
Julius Härtl
92521822f3
Apply theme to button elements as well
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2019-02-21 16:35:27 +01:00
Jan-Christoph Borchardt
f80a023431
Always give primary button a border for light primary colors
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
2018-11-21 14:30:05 +01:00
John Molakvoæ (skjnldsv)
ce6e77ad74
Fix revert icon position on theming settings
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
2018-11-16 18:35:42 +01:00
Michael Weimann
a45ec3d324
Refactors the scss svg functions
Signed-off-by: Michael Weimann <mail@michael-weimann.eu>
2018-10-02 08:37:55 +02:00
Michael Weimann
c7e81e17c8
Updates inverted logo handling to work like the app icons
Signed-off-by: Michael Weimann <mail@michael-weimann.eu>
2018-10-02 08:37:55 +02:00
Michael Weimann
92049c3ceb
Switches the default logo color depending on the primary color
Signed-off-by: Michael Weimann <mail@michael-weimann.eu>
2018-10-02 08:37:54 +02:00
EASY
3ea0131351
Used CSS Variables 2018-09-10 16:16:37 +02:00
EASY
7c2f374a16
Update theming.scss 2018-09-09 11:15:35 +02:00
Julius Härtl
25857c4900
Merge pull request #10924 from nextcloud/bugfix/10901/theming-bugfix-primary
Fix SCSS variable management with the theming app
2018-08-30 17:35:40 +02:00
Julius Härtl
2bdc3b1d27
Remove border from primary button when color is bright
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2018-08-29 16:47:39 +02:00
Julius Härtl
e94c2bbb3b
Theming: apply proper size to the remove background button
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2018-08-27 12:35:02 +02:00
John Molakvoæ (skjnldsv)
3d169ae4f8
Typo
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
2018-08-15 08:46:40 +02:00
John Molakvoæ (skjnldsv)
f014d31551
Undo button fix in theming
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
2018-08-15 07:31:04 +02:00
Julius Härtl
5d7c0b8cd2
Use icon mixins for the theming scss
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2018-07-31 00:10:34 +02:00
Julius Härtl
80efb51a1a
[theming] reload css variables instead of the whole server css
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2018-06-20 19:20:51 +02:00
John Molakvoæ (skjnldsv)
8aaf2c3272
Theming update on url
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
2018-06-20 19:17:06 +02:00
Arthur Schiwon
0847c98aaf
addjust footer height when legal links are present. fixes #9572
Signed-off-by: Arthur Schiwon <blizzz@arthur-schiwon.de>
2018-05-24 23:39:50 +02:00
Arthur Schiwon
84ab102146
fix undo for url-typed inputs
and minor adjustments

Signed-off-by: Arthur Schiwon <blizzz@arthur-schiwon.de>
2018-05-11 15:57:32 +02:00
Arthur Schiwon
62f1156a56
allow to specify a link to a legal notice
Signed-off-by: Arthur Schiwon <blizzz@arthur-schiwon.de>
2018-05-09 15:52:41 +02:00
Julius Härtl
daadc1c892
Fix background color
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2018-04-19 20:14:39 +02:00
Julius Härtl
d8045966de
Fix undo preview and remove duplicate code
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2018-04-19 20:14:39 +02:00
Julius Härtl
dfda5c683d
Use SCSS for previewing images as well
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2018-04-19 20:14:38 +02:00
Julius Härtl
02d3e09c86
Move theming settings to SCSS
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2018-04-19 20:14:38 +02:00
Julius Härtl
c521791653
Remove to restrict check for background image/color
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2018-03-01 14:39:31 +01:00
Julius Härtl
1ac352de6c
Add space on guest pages with custom logo
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2018-02-02 14:20:13 +01:00
Julius Härtl
39461a2e09
Make sure theming logo css only applies when a logo is set
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2018-02-02 14:20:12 +01:00
Julius Härtl
60e601f4ab
Only override image styles if the theming values are set
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2018-01-26 19:05:10 +01:00
Julius Härtl
927626cbaa
Fix appmenu svg double invert
This fixes a regression caused by 9b668d0, where the css filters to
preview color inversion of the app menu was applied by default. This
commit makes the css filters sensitive on what the current state of the
app menu is.

Signed-off-by: Julius Härtl <jus@bitgrid.net>
2018-01-10 09:11:32 +01:00
Julius Härtl
9b668d01f5
Fix preview when theming changes invertion of icons
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2018-01-08 10:32:25 +01:00
Julius Härtl
e4f9c75a05
Adjust theming color calculations using sRGB luma
based on https://robots.thoughtbot.com/closer-look-color-lightness

Signed-off-by: Julius Härtl <jus@bitgrid.net>
2018-01-08 10:31:34 +01:00
Julius Härtl
63b4d7e183
Remove css invert since we are using svg filters for now
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2018-01-03 14:42:08 +01:00
Julius Härtl
b1b8c99193
Theming: add hint about favicon generation
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2017-11-08 23:31:18 +01:00
Julius Härtl
9651c1abff
Theming: Fix message/loading display on errors
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2017-10-03 15:32:50 +02:00
Morris Jobke
f5aea79bd7
Fix layout of alternative login buttons
* fixes #6367

Signed-off-by: Morris Jobke <hey@morrisjobke.de>
2017-09-06 10:21:11 +02:00
Julius Härtl
63d1da50b4
Cleanup theming styles to fit the new login page
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2017-09-04 14:31:57 +02:00
Julius Härtl
da5662c454
Use separate element color in theming
This way we can use a grey color when the primary color is to bright

Signed-off-by: Julius Härtl <jus@bitgrid.net>
2017-09-04 14:30:46 +02:00
Julius Härtl
0a49757535
Change invertion threshold to 55%
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2017-09-02 21:48:14 +02:00
Jan-Christoph Borchardt
2e6d1a3453 Set primary action button color to same as theming color
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
2017-08-29 16:05:18 +02:00
Morris Jobke
995ddc61d1 Add buttom border for header
* allows to distinct the header from the rest of the UI for bright colors
* ref #5654

Signed-off-by: Morris Jobke <hey@morrisjobke.de>
2017-08-14 09:40:55 +02:00
Lukas Reschke
9707ef9ba7 Merge pull request #5982 from nextcloud/fix-loading-icon-inside-upload-button-in-theming-app
Fix loading icon inside upload button in Theming app
2017-08-08 18:41:57 +02:00
Morris Jobke
d7645ee928 Merge pull request #5972 from nextcloud/replace-loading-icon-gif-with-pure-css-in-login-button
Replace loading icon GIF with pure CSS in login button
2017-08-08 14:40:35 +02:00
Daniel Calviño Sánchez
2398e845c9 Fix loading icon inside upload button in Theming app
Pull request #5969 fixed the vertical alignment of loading icon and
status message in Theming app, but in doing so it broke the loading icon
inside the upload button.

When an image is being uploaded the upload icon is replaced by a loading
icon, so the loading icon and the upload icon have to share their CSS
rules, but only in that specific case.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
2017-08-07 15:04:43 +02:00
Morris Jobke
de94eefe97 Merge pull request #5969 from nextcloud/fix-vertical-alignment-of-loading-icon-and-status-message-in-theming-app
Fix vertical alignment of loading icon and status message in Theming app
2017-08-04 12:08:16 +02:00
Daniel Calviño Sánchez
b237379fa1 Replace loading icon GIF with pure CSS loading icon
The pure CSS loading icon uses an ::after pseudo-element, and thus it
can only be used on container elements; the input element is not a
container element, so when the class "icon-loading-small" is set on an
input element it falls back to a loading icon GIF.

This commit modifies the markup of the login button to add a div element
that holds the confirm icon and the loading icon (depending on the
case). In order to position the icon in the same place as before the
input and the icon are both wrapped by another div making possible to
set the absolute position of the icon relative to the input.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
2017-08-03 21:09:43 +02:00
Daniel Calviño Sánchez
09a8c4a5d4 Fix code style
Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
2017-08-03 21:09:25 +02:00
Daniel Calviño Sánchez
c723d093a8 Remove superfluous selector part
Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
2017-08-03 21:09:25 +02:00
Daniel Calviño Sánchez
4fbcbd3e6d Align vertically loading icon and status message
As both elements are inline/inline-block and belong to the same line
they can be aligned vertically using "vertical-align: middle".

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
2017-08-03 21:09:25 +02:00
Daniel Calviño Sánchez
fa7f4e5cae Do not use the same rules for loading icon than for upload icon
The loading icon is used in a totally different way than the upload icon
and thus it should not share its CSS rules.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
2017-08-03 21:09:25 +02:00
Daniel Calviño Sánchez
33c4a674a2 Remove ignored rules
The removed rules were either always overriden by other rules or never
used due to not matching any element.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
2017-08-03 21:09:25 +02:00
Joas Schilling
9abbd6ab13 Revert "Proof of concept #5593 - inline SVG icon for icon-contacts" 2017-08-03 17:27:24 +02:00
Marin Treselj
ffcdc96a0b Proof of concept #5593 - inline SVG icon for icon-contacts
Signed-off-by: Marin Treselj <marin@pixelipo.com>
2017-08-02 18:27:24 +02:00
Marin Treselj
02dd7f5965
Revert background-size as requested, issue will be fixed separately
Signed-off-by: Marin Treselj <marin.treselj@forlagshuset.no>
2017-07-02 14:15:09 +02:00
Marin Treselj
3470d0a44e
Simplified Nextcloud logo icon
Signed-off-by: Marin Treselj <marin@pixelipo.com>
2017-07-02 14:14:49 +02:00
Julius Härtl
adf2f88873
Fix more icon in apps menu on bright backgrounds
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2017-06-17 10:14:21 +02:00
Jan-Christoph Borchardt
67069facb7 Show reset to default button for theming values on hover, fix #3198
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
2017-06-09 15:54:17 +02:00