question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[microsite] Improve color contrast of preformatted text

See original GitHub issue

Preformatted text, meaning content wrapped in <pre> tags are displayed with very low color contrast on the microsite.

URL: https://backstage.io/docs/reference/utility-apis/IdentityApi#signout

Screen Shot 2021-02-08 at 9 03 49 AM

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:9 (8 by maintainers)

github_iconTop GitHub Comments

1reaction
OrkoHuntercommented, Feb 10, 2021

+1. The sidebar also disappears on these pages - I had no idea how to navigate to this page without knowing the URL.

1reaction
frebencommented, Feb 10, 2021

Nice. Thinking of the bigger picture, should not these particular examples have been using <code> or a similar facility instead? I miss padding and differently-colored background, possibly a copy to clipboard button, syntax highlighting etc 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to Fix Your Low-Contrast Text - Ben Myers
The easiest way to get started is with a color contrast checker. Tools such as the WebAIM Contrast Checker will take a pair...
Read more >
Accessibility - Higher Logic
You can use an online tool, like Contrast Checker, to ensure your page, font, and button colors have an appropriate contrast.
Read more >
Mobile Microsite Design - Human Service Solutions
Color adjustments – users can select various color contrast profiles such as light, dark, inverted, and monochrome. Additionally, users can swap color schemes ......
Read more >
Create a communication site - SharePoint in Microsoft 365
Start with the six base layouts, then adjust by color and alignment. Optionally, you can add icons or text descriptions to increase the...
Read more >
Email Design: The Ultimate Guide with Examples - Designmodo
Create an optimal contrast. · Use safe colors. · Create a balance between visuals and text. · Do not solely rely on images....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found