Skip to content

Debian Wiki readable by teslagen

Screenshot of Debian Wiki readable
Write a review Install Get Stylus

Details

Authorteslagen

LicenseCC0

Categorywiki.debian.org

Created

Updated

Size1.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Makes Debian's wiki easier to read by removing distracting elements and adding some colors.

Notes

Makes Debian's wiki easier to read by :

  • removing elements that are useless for unauthenticated visitors
  • removing annoying MoinMoin formatting stuff (preceding icons for external links, question mark before words written in CamelCase, ...)
  • narrowing page width
  • add some background colors

Changelog:

  • 2024-05-08
    • increase font size
    • reduce margin between paragraphs
    • links converted from blue to red (it's more Debian-ish ;) )

Source code

/* ==UserStyle==
@name         Reading Debian wiki in blue
@namespace    https://wiki.debian.org/readable-blue
@version      1.3.0
==/UserStyle== */
@-moz-document domain("wiki.debian.org") {
body {
    background: linear-gradient(#e5f9ff, #05475c);
}
body #page {
    max-width: 1000px;
    margin: 0 auto;
    padding: 2rem 0;
    background-color: white;
    box-shadow: 0px 0px 15px black;
}
div#content {
    margin: 1rem;
}

#header {
    background-color: #05475c;
}
#header * {
    background-color: #05475c;
    color: white !important;
}
#header input {
    background-color: white;
    color: black !important;
}

#navbar a:hover, #navbar a:visited:hover {
    background-color: #032f3d;
}

h1#locationline {
    margin: 0.2rem;
    line-height: initial;
    font-size: small;
}

#pagelocation li a {
    background-color: #ffecc9;
    color: #05475c !important;
    padding: 0.1rem 0.5rem;
    margin: 0.1rem 0;
    border-radius: 0 0 1rem 0;
}
#message {
    float: right;
}

/* Hide some distracting stuff from MoinMoin's default style */
a.https::before, a.http::before /* Hide icon preceding external links */
, a.nonexistent /* Hide question mark before CamelCase words */
, #header .editbar /* Hide edit bar at page top */
, ul#navibar > li:nth-child(3) /* Hide top menu entry "Search a Page" */
, ul#navibar > li:nth-child(4) /* Hide top menu entry "Help summary" */
{ display: none; }

/* Red for links is more Debian-ish ;) */
a:link { color: #900; }
a:link:hover { color: red; }
a:link:visited { color: #522 !important; }

p { margin: 0.5rem 0; }

}

Reviews

No reviews yet.