Bug 360522 - Usability issue for planetkde.org
Summary: Usability issue for planetkde.org
Status: RESOLVED FIXED
Alias: None
Product: Planet KDE
Classification: Websites
Component: general (other bugs)
Version First Reported In: unspecified
Platform: Other All
: NOR normal
Target Milestone: ---
Assignee: Ranveer
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2016-03-14 14:46 UTC by Canoe
Modified: 2020-10-30 13:48 UTC (History)
1 user (show)

See Also:
Latest Commit:
Version Fixed/Implemented In:
Sentry Crash Report:


Attachments
Visual example of how site would look. (172.54 KB, image/png)
2016-03-14 14:51 UTC, Canoe
Details

Note You need to log in before you can comment on or make changes to this bug.
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.