Skip to content

YouTube Serif by rGunti

Screenshot of YouTube Serif

Details

AuthorrGunti

LicenseMIT

Categoryyoutube.com

Created

Updated

Code size1.6 kB

Code checksum33526a58

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

YouTube, but with serifs

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           YouTube Serif
@namespace      userstyles.world/user/floppypanda
@version        2025.1.1
@description    YouTube, but with serifs
@author         Pedro <hej@floppypanda.ch>
@license        MIT
@preprocessor   stylus

@var select font-list "Font" [
    "DejaVu Serif",
    "Georgia",
	"Cambria",
	"Cascadia Code",
	"Courier New",
	"Lucida Console",
	"Liberation Serif",
	"Palatino",
    "P052",
    "Times New Roman"
]
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com/")
{
	:root
	{
		--custom-font: font-list, serif;
	}

	body,
	.title,
	yt-formatted-string,
	.inline-metadata-item,
	.ytd-text-inline-expander,
	/* Time in video player */
	.ytp-time-display,
	/* Search Text */
	#search-input.ytd-searchbox-spt input,
	/* Video title */
	ytd-watch-metadata[title-headline-xs] h1.ytd-watch-metadata,
	.sponsorChapterText,
	/* Any buttons */
	button,
	/* Numbers on like button */
	.animated-rolling-number-wiz,
	/* Game box */
	#title.ytd-rich-metadata-renderer,
	#subtitle.ytd-rich-metadata-renderer,
	#call-to-action.ytd-rich-metadata-renderer > div.style-scope.ytd-rich-metadata-renderer,
	/* Chapters */
	div.YtChipShapeChip,
	h4.macro-markers,
	#id.style-scope.ytd-macro-markers-list-item-renderer,
	/* Video Description */
	.style-scope,
	.yt-spec-button-shape-next__button-text-content,
	/* Channel Page */
	.yt-tab-shape-wiz__tab,
	/* Video Badge */
	.badge-shape-wiz__text,
	/* Input for playlist */
	textarea,
	label,
	span
	{
		font-family: var(--custom-font) !important;
	}
}

Reviews

No reviews yet.