Skip to content

Instantly share code, notes, and snippets.

@tedbyron
Last active April 23, 2025 22:00
Show Gist options
  • Save tedbyron/0963f105df1cc63a39887d4be8fccb40 to your computer and use it in GitHub Desktop.
Save tedbyron/0963f105df1cc63a39887d4be8fccb40 to your computer and use it in GitHub Desktop.
/* ==UserStyle==
@name GitHub font and contribution graph
@namespace github.com/tedbyron
@version 1.0.6
@author Teddy Byron <[email protected]> (https://github.com/tedbyron)
@homepageURL https://gist.github.com/tedbyron/0963f105df1cc63a39887d4be8fccb40
@supportURL https://gist.github.com/tedbyron/0963f105df1cc63a39887d4be8fccb40
@updateURL https://gist.github.com/tedbyron/0963f105df1cc63a39887d4be8fccb40/raw/github.user.css
@license unlicense
@preprocessor default
==/UserStyle== */
@-moz-document domain("github.com") {
:root {
--fontStack-monospace: Curlio, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
}
/* When the activity overview is enabled the grid rects are 10px * 10px (3px spacing). */
.ContributionCalendar-grid[style*="border-spacing: 3px"] {
--dist: 13px;
}
/* But when it's disabled, they're 11px * 11px (4px spacing). */
.ContributionCalendar-grid[style*="border-spacing: 4px"] {
--dist: 15px;
}
/* All days up a little. */
.ContributionCalendar-grid tbody tr {
transform: translateY(calc(var(--dist) * -1));
}
/* All sundays all the way down. */
.ContributionCalendar-grid tbody tr:first-child {
transform: translateY(calc(var(--dist) * 6));
}
/* Hide first sunday (otherwise it'll be outside the box). */
.ContributionCalendar-grid tbody tr:first-child .ContributionCalendar-label + * {
display: none;
}
/* Show sunday text. */
.ContributionCalendar-grid tbody tr:first-child .ContributionCalendar-label span:last-child {
clip-path: unset !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment