Skip to content

Fix background color of external devices with errors on dark color theme - #37807

Merged
skjnldsv merged 1 commit into
masterfrom
fix/37373
Apr 20, 2023
Merged

Fix background color of external devices with errors on dark color theme#37807
skjnldsv merged 1 commit into
masterfrom
fix/37373

Conversation

@susnux

Copy link
Copy Markdown
Contributor

Summary

Currently if a external device has errors the background color of the files entry is hard coded, which will be unreadable on dark color mode.
To fix this I just overlay the background with semi transparent red color.

Screenshots

beforeafter
imageimage

Checklist

@susnuxsusnux added bug design Design, UI, UX, etc. 3. to review Waiting for reviews feature: external storage labels Apr 18, 2023
@susnux
susnux requested a review from szaimenApril 18, 2023 21:43
@susnux

Copy link
Copy Markdown
ContributorAuthor

/backport to stable25
/backport to stable26

@susnux
susnux requested review from a team, Pytal and skjnldsv and removed request for a teamApril 18, 2023 21:45
Comment threadapps/files_external/css/external.css Outdated
.files-filestable tbody tr.externalErroredRow {
background-color: #F2DEDE;
/* TODO: As soon as firefox supports it: color-mix(in srgb, var(--color-error) 15%, var(--color-main-background)) */
background-color: #f002;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

how would that look in light mode?

Copy link
Copy Markdown
ContributorAuthor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bright color theme:

beforeafter
imageimage

@szaimenszaimen left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

looks fine from the screenshots

@szaimenszaimen added this to the Nextcloud 27 milestone Apr 18, 2023
Comment threadapps/files_external/css/external.css Outdated
… should respect color theme
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
@szaimen

Copy link
Copy Markdown
Contributor

/backport to stable26

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

3. to reviewWaiting for reviewsbugdesignDesign, UI, UX, etc.feature: external storage

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: The CSS class 'externalErroredRow' has a wrong background-color in the dark theme

4 participants

@susnux@szaimen@skjnldsv@Pytal