(Acest articol a fost publicat pentru prima dată pe Boyd Tarlintonși a contribuit cu drag la R-Bloggers). (Puteți raporta problema despre conținutul de pe această pagină aici)
Doriți să vă împărtășiți conținutul pe R-Bloggers? Faceți clic aici dacă aveți un blog sau aici dacă nu.
Sunt un fanatic al temei Dracula. După ce am descoperit prima dată tema open-source în RStudio, a trebuit să văd dacă a fost susținută de alte aplicații. Spre încântarea mea, am găsit teme personalizate Dracula pentru peste 400 de aplicații. Aplicarea acestor teme pe sistemul de operare, IDE, browsere și alte aplicații este acum primul lucru pe care îl fac atunci când instalez un instrument nou sau configurez un computer. Chiar am mers până să obțin Dracula Keycaps pentru tastatura mea mecanică.
Când am decis să adaug modul întunecat la al meu Quarto Website, Dracula a fost alegerea evidentă. Dar, având în vedere sprijinul larg pentru temă, am fost surprins să descopăr că nu există o temă de bootstrap pre-ambalată în care să mă pot conecta Quarto. Desigur, nu aveam de gând să las asta să mă oprească!
Începând cu tema întunecată de la Bootswatch ca bază, am personalizat tema pentru a încorpora Paleta Dracula folosind instrumentul de personalizare live Bootstrap, înainte de a exporta codul care rezultă mai puțin și transformarea acestuia în SCS -urile solicitate de Quarto. A trebuit să elimin câteva variabile care păreau să provoace probleme la redare. După câteva modificări suplimentare, am rămas cu o vedere tematică Dracula care se simțea ca acasă. Puteți accesa fișierul SCSS aici. Dacă citiți această postare printr -un agregator, îl puteți vedea în acțiune pe postarea mea originală.
Există câteva lucruri de luat în considerare atunci când adăugați tema Dracula la propria dvs. Quarto site. Nu toți telespectatorii preferă experiența în modul întunecat, așa că prefer să las utilizatorul să decidă. În fragmentul din configurația YAML a site-ului meu de mai jos, utilizatorului i se oferă o alegere între un mod ușor și întuneric (Darkly + Dracula), dar site-ul web implică preferința sistemului utilizatorului. De asemenea, am specificat un font personalizat pentru a fi utilizat pe ambele teme, deoarece am vrut să minimizez schimbările în afară de culoare atunci când comutarea între teme. Ca o notă finală, specificați evidențierea codului Dracula dacă veți include bucăți de cod. Opțional, puteți include un fișier Styles.css în directorul rădăcină al proiectului,
încorporând alte modificări de stil care sunt aplicate pe ambele teme.
---
format:
html:
respect-user-color-scheme: true
theme:
dark: (darkly, styles-dark.scss)
light: sandstone
header-includes: |
mainfont: "Fira Sans"
monofont: "Fira Code"
highlight-style: Dracula
---
Sperăm că acest lucru va fi de folos pentru alte dracula Diehards de acolo. Sunt sigur că voi continua să modific fișierul SCSS pe măsură ce voi observa oportunități de îmbunătățire.
