Bug 360522

Summary: Usability issue for planetkde.org
Product: [Websites] Planet KDE Reporter: Canoe <brokencanoe>
Component: generalAssignee: Ranveer <code>
Status: RESOLVED FIXED    
Severity: normal CC: carl
Priority: NOR    
Version First Reported In: unspecified   
Target Milestone: ---   
Platform: Other   
OS: All   
Latest Commit: Version Fixed/Implemented In:
Sentry Crash Report:
Attachments: Visual example of how site would look.

Description Canoe 2016-03-14 14:46:41 UTC
There are currently no options built into the planetkde.org site that would allow visually impaired users to use a dark theme. This can easily be achieved with css to provide the choice for users to opt into a dark theme. 

Fully-functional code (changing the background to dark grey) to provide this feature is listed below the break ; 

--

@namespace url(http://www.w3.org/1999/xhtml);
/*text&background*/

html,
body,
tbody,
thead,
th,
tr,
td,
blockquote,
li,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
font,
strong,
p,
form,
footer {
    color: white !important;
    background: #272B30 !important;
}
select,
button {
    background: #272B30 !important;
}
div,
span,
a {
    background-color: #272B30 !important;
}
select,
input,
span,
code,
textarea,
pre,
label,
div,
dd,
option {
    color: white !important;
}
/*links*/

a {
    color: grey !important;
}
a:visited {
    color: #224375 !important;
}
/*highlight*/

textarea,
pre,
input,
code {
    background: grey !important;
}

--

Bug submission was requested after an enquiry to the PlanetKDE webmaster was responded to by Albert Astals Cid.
Comment 1 Canoe 2016-03-14 14:51:47 UTC
Created attachment 97895 [details]
Visual example of how site would look.

Example of how the site looks using the code listed in the main body of the bug request.
Comment 2 Carl Schwan 2020-10-30 13:48:25 UTC
Now planet.kde.org (and most of KDE websites) adapt to the prefers-color-scheme: dark media query.