Safari 5.1: De opmaak van de Reader functie aanpassen

Sinds Safari 5.0 heeft Apple de Reader feature toegevoegd, deze feature maak het lezen van artikelen een stuk comfortabeler. De Reader feature is eigenlijk niets meer dan een HTML bestand met javacode en embedded CSS code die wordt geactiveerd. Wanneer je een beetje handig bent met CSS dan kun je de weergave van Reader volledig aanpassen naar je eigen wensen.

In de huidige versie van Safari (5.1) is het HTML bestand dat verantwoordelijk is voor de opmaak verplaatst naar een andere map op de harddisk. Open Finder ▸ Ga ▸ Ga naar… en kopieer het onderstaande path in het venster:

/System/Library/PrivateFrameworks/Safari.framework/Versions/A/Resources/Reader.html

Maak van het bestand 'Reader.html' een backup en open deze hierna met een teksteditor (bijvoorbeeld: BBedit).

.page {
      width: 658px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 10px;
      padding: 45px 70px;
      color: black;
      background: white;
      border: 1px solid #c3c3c3;
      position: relative;
      overflow: hidden;
      -webkit-transition: height .5s ease-out;
      }

Zoals je ziet bevat het HTML bestand naast javascript ook CSS code die de opmaak van Reader voor zijn rekening neemt. Je kan dit aanpassen naar je eigen wensen. Wil je bijvoorbeeld een zwarte achtergrond met witte letters, wijzig dan color: black; in color: white en background: white; in background: black;

Kees bedankt de tip!