Bug 445534

Summary:	Code blocks on website are not visible in dark mode theme
Product:	[Websites] www.kde.org	Reporter:	Shinjo Park <kde>
Component:	general	Assignee:	kde-www mailing-list <kde-www>
Status:	RESOLVED FIXED
Severity:	normal
Priority:	NOR
Version:	unspecified
Target Milestone:	---
Platform:	Other
OS:	Linux
Latest Commit:	https://invent.kde.org/websites/plasma-bigscreen-org/commit/6e234d91c8b820c31b0c1faac56b5a15445f3639	Version Fixed In:
Sentry Crash Report:

Description Shinjo Park 2021-11-15 15:22:16 UTC

SUMMARY

When a dark mode theme is enabled in mobile web browser, it is not possible to read code blocks embedded in https://plasma-bigscreen.org/ko/faq/ page. Might be applicable also in other websites.

STEPS TO REPRODUCE
1. Set the browser or system to use dark mode.
2. Browse https://plasma-bigscreen.org/faq/
3. See the code blocks.

OBSERVED RESULT
Code blocks are not readable as the texts are in white.

EXPECTED RESULT
Code blocks should be readable.

SOFTWARE/OS VERSIONS
Tested with Safari on iOS, Firefox on Android. Not sure about desktop browsers.

Comment 1 Phu H. Nguyen 2021-11-17 19:29:07 UTC

Git commit 6e234d91c8b820c31b0c1faac56b5a15445f3639 by Phu Nguyen.
Committed on 17/11/2021 at 19:28.
Pushed by phunh into branch 'master'.

Use custom styles for syntax highlighting

M  +1    -1    config.yaml

https://invent.kde.org/websites/plasma-bigscreen-org/commit/6e234d91c8b820c31b0c1faac56b5a15445f3639