Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Make links in markdown note bolder #3530

Merged
merged 1 commit into from
Jan 21, 2022

Conversation

luka-nextcloud
Copy link
Contributor

@luka-nextcloud luka-nextcloud commented Jan 12, 2022

Signed-off-by: Luka Trovic luka@nextcloud.com

Summary

Improve contrast link in Markdown note

TODO

  • ...

Checklist

  • Code is properly formatted
  • Sign-off message is added to all commits
  • Tests (unit, integration, api and/or acceptance) are included
  • Documentation (manuals or wiki) has been updated or is not required

@luka-nextcloud luka-nextcloud changed the title fix: make links in markdown note bolder Make links in markdown note bolder Jan 12, 2022
@stefan-niedermann

This comment has been minimized.

@jancborchardt
Copy link
Member

Regarding the screenshot at #3443 (comment), what would be ideal is:

  • The text part of the link (inside the [ ] brackets) in var(--color-main-text)
  • Everything else (including the [ ] brackets) in var(--color-text-maxcontrast)

@juliushaertl
Copy link
Member

Shouldn't this be done in the upstream nextcloud-text project?

Deck is not yet using text

  • The text part of the link (inside the [ ] brackets) in var(--color-main-text)
  • Everything else (including the [ ] brackets) in var(--color-text-maxcontrast)

@luka-nextcloud Could you adjust that accordingly? Using CSS variables will have the benefit that the coolers will adjust properly when using the dark theme which can be toggled in the users accessibility settings.

Comment on lines 336 to 351
.vue-easymde .cm-s-easymde .cm-link, .cm-image-marker {
color: var(--color-text-maxcontrast);
}

.vue-easymde .cm-s-easymde .cm-image.cm-image-alt-text.cm-link{
color: var(--color-main-text);
}

.vue-easymde .cm-s-easymde .cm-formatting.cm-formatting-image.cm-image.cm-image-alt-text.cm-link{
color: var(--color-text-maxcontrast);
}

.vue-easymde .cm-s-easymde .cm-url {
color: #767676 !important;
}
Copy link
Member

Choose a reason for hiding this comment

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

The image link color was ok but the basic link color wasn't.

@luka-nextcloud Are you ok with those changes?

Suggested change
.vue-easymde .cm-s-easymde .cm-link, .cm-image-marker {
color: var(--color-text-maxcontrast);
}
.vue-easymde .cm-s-easymde .cm-image.cm-image-alt-text.cm-link{
color: var(--color-main-text);
}
.vue-easymde .cm-s-easymde .cm-formatting.cm-formatting-image.cm-image.cm-image-alt-text.cm-link{
color: var(--color-text-maxcontrast);
}
.vue-easymde .cm-s-easymde .cm-url {
color: #767676 !important;
}
.vue-easymde .cm-s-easymde .cm-link {
color: var(--color-main-text);
}
.vue-easymde .cm-s-easymde .cm-string.cm-url,
.vue-easymde .cm-s-easymde .cm-formatting.cm-link,
.vue-easymde .cm-s-easymde .cm-formatting.cm-url,
.vue-easymde .cm-s-easymde .cm-formatting.cm-image {
color: var(--color-text-maxcontrast);
}

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Ok, it looks better.

@luka-nextcloud luka-nextcloud force-pushed the bug/improve-contrast-link-in-markdown-note branch from cebb3b1 to 0fa9c90 Compare January 20, 2022 08:28
@luka-nextcloud luka-nextcloud force-pushed the bug/improve-contrast-link-in-markdown-note branch from 0fa9c90 to 5276bff Compare January 20, 2022 08:30
Comment on lines 348 to 351

.vue-easymde .cm-s-easymde .cm-url {
color: #767676 !important;
}
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
.vue-easymde .cm-s-easymde .cm-url {
color: #767676 !important;
}

This is already done upper with .vue-easymde .cm-s-easymde .cm-string.cm-url,.

Signed-off-by: Luka Trovic <luka@nextcloud.com>
@luka-nextcloud luka-nextcloud force-pushed the bug/improve-contrast-link-in-markdown-note branch from 5276bff to 4e31332 Compare January 21, 2022 12:32
@luka-nextcloud luka-nextcloud merged commit 99973b4 into master Jan 21, 2022
@delete-merged-branch delete-merged-branch bot deleted the bug/improve-contrast-link-in-markdown-note branch January 21, 2022 13:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Improve contrast link in Markdown note
5 participants