Skip to content

YT videoReplacement CSS by aeoniumsalad

Screenshot of YT videoReplacement CSS
Write a review Install Get Stylus

Details

Authoraeoniumsalad

LicenseNo License

Categoryyoutube

Created

Updated

Code size1.3 kB

Code checksum881770fa

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Includes required styles for my youtube video muter script.

Notes

Source code

/* ==UserStyle==
@name       youtube.com - Mar 2024
@version    20240406.04.55
@namespace  ?
==/UserStyle== */

@-moz-document domain("youtube.com") {

:root {
  --VRtext: #1e1c1c;
  --VRacc: #002a9b;
  --base_opacity: 40%
}

:root[darker-dark-theme][dark], [darker-dark-theme] [dark] {
  --VRtext: #f1f1f1;
  --VRacc: #65b9ff;
  --base_opacity: 20%
}


.videoReplacement {
  opacity: var(--base_opacity); 
  transition: 0.3s;
  width: 80%;
	height: 80%;
  
	border-radius: 1em;
  overflow-y: auto;
  overflow-x: clip;
  
	font-size: 1.3em;
  
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
  
	color: var(--VRtext);
	background: #80808010;
	border: 1px solid #80808025;
  
  margin: 0px;
  padding: .5em 1.5em;
}

.videoReplacement:hover {
  opacity: 100%;
}

.videoReplacement p {
  margin: 1em 0em;
  text-align: center
}

.videoReplacement span, .videoReplacement > details {
	text-align: center;
  max-width: 100%;
	word-wrap: break-word;
}

.videoReplacement hr {
  border: 1px solid var(--VRtext);
  width: 100%;
  padding: 0px;
  opacity: 20%;
  margin: .5em 0
}

.videoReplacement a {
  color: var(--VRacc);
  opacity: 0.5
}

}

Reviews

No reviews yet.