Skip to content

Youtube WATCHED overlay by amkitakk

Screenshot of Youtube WATCHED overlay

Details

Authoramkitakk

LicenseNo License

Categoryyoutube

Created

Updated

Size1.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Adds a "watched" overlay on videos that have already been watched.

Notes

May 07 2023 : Made the watched overlay standalone and separate from my minimal theme, for people who only want the overlay OR the minimal theme.

Source code

/* ==UserStyle==
@name         Minimal Youtube + WATCHED overlay
@version      20230507.21.18
@namespace    userstyles.world/user/amkitakk
@description  Hides like numbers, comments, chat, recommendations, and various little things I personally don't use; also adds a "watched" overlay on videos that have already been watched.
@author       amkitakk
@license      No License
==/UserStyle== */

@-moz-document domain("youtube.com") {
/* darken thumbnail */
.resume-playback-background,
ytd-thumbnail-overlay-resume-playback-renderer {
	background: rgba(0, 0, 0, 0.8) !important;
	position: absolute;
	left: 0;
	top: 0;
	display: block !important;
	height: 100%;
	width: 100%;
	pointer-events: none;
	text-align: center;
}
/* add "WATCHED" text */
.resume-playback-background::before,
ytd-thumbnail-overlay-resume-playback-renderer::before {
	content: "WATCHED";
	/* feel free to change the value above to any other text */
	color: white;
	font-weight: bold;
	box-sizing: border-box;
	width: auto;
	height: 100%;
	display: flex;
	pointer-events: none;
	font-size: 200%;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
}

Reviews

No reviews yet.