Skip to content

More Readable Advent of Code by huckleton

Write a review Install Get Stylus

Details

Authorhuckleton

LicenseNo License

Categoryadventofcode.com

Created

Updated

Size1.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A style for adventofcode.com that uses parts of the Dracula color set, bumps up the font size, uses a sans-serif font instead, less glow and more bold.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name       adventofcode.com
@version    20241201.16.41
@namespace  ?
==/UserStyle== */

@-moz-document url-prefix("https://adventofcode.com/") {
body {
    font-family: "Ubuntu", "Segoe UI", sans-serif;
    line-height: 1.3em;
    font-size: 1.5em;
    background: #282a36;
    color: #f8f8f2;
    font-weight: 400;
}

article h2 {
    font-size: 1.5em;
    font-weight: bold;
    color: #ff79c6;
}

article h3 {
    font-size: 1.25em;
    font-weight: bold;
    color: #bd93f9;
}

input ~ span:before,
.leaderboard-entry,
.privboard-row {
    font-family: "Source Code Pro", monospace;
    letter-spacing: -1px;
}

body * {
    text-shadow: none !important;
}

article em {
    font-weight: bold;
}

article em.star {
    color: #f1fa8c;
    font-style: normal;
    text-shadow: 0 0 5px #f1fa8c;
}

code {
    background: #44475a;
}

a {
    color: #50fa7b;
}

main > article,
main > p,
pre.calendar,
pre.stats,
form,
.leaderboard-entry,
header {
    width: 40em !important;
    margin-left: 2em;
}

main > article + p,
main > article:not(:last-of-type) {
    opacity: 1;
}

header h1 {
    width: 8em;
    text-align: right;
}
}

Reviews

No reviews yet.