To customized: For Stylish user click the cog or gear icon on this page, make changes, then install.
Jurassic ARK YT Theme by Jordanisgreat505
Details
AuthorJordanisgreat505
LicenseNONE
Categoryyoutube
Created
Updated
Size380 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Used for my own purposes
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Youtube My Theme+
@namespace USO Archive
@author YAD
@description To customized: For Stylish user click the cog or gear icon on this page, make changes, then install.
@version 20240628.18.57
@license NONE
@preprocessor uso
@advanced dropdown 3dpanel "3D Video Panel" {
2 "OFF*" <<<EOT X EOT;
1 "ON" <<<EOT y EOT;
}
@advanced dropdown blender "Text Blend Modes" {
1 "Normal*" <<<EOT normal EOT;
10 "Soft Light" <<<EOT soft-light EOT;
11 "Difference" <<<EOT difference EOT;
12 "Exclusion" <<<EOT exclusion EOT;
13 "Hue" <<<EOT hue EOT;
14 "Saturation" <<<EOT saturation EOT;
15 "Color" <<<EOT color EOT;
16 "Luminosity" <<<EOT luminosity EOT;
2 "Multiply" <<<EOT multiply EOT;
3 "Screen" <<<EOT screen EOT;
4 "Overlay" <<<EOT overlay EOT;
7 "Color Dodge" <<<EOT color-dodge EOT;
8 "Color Burn" <<<EOT color-burn EOT;
9 "Hard Light" <<<EOT hard-light EOT;
}
@advanced color maintext "Main Text Color" #ffffff
@advanced dropdown myfont "Fontstyle" {
1 "Default*" <<<EOT Roboto,Arial,sans-serif EOT;
10 "Oxanium" <<<EOT Oxanium EOT;
11 "Custom" <<<EOT myfont EOT;
12 "Cinzel" <<<EOT Cinzel EOT;
2 "Carter One" <<<EOT Carter One EOT;
3 "Indie Flower" <<<EOT Indie Flower EOT;
4 "Bullpen" <<<EOT Bullpen EOT;
5 "Comic Sans" <<<EOT Comic Sans MS EOT;
6 "Impact" <<<EOT Impact EOT;
7 "Shadows Into Light" <<<EOT Shadows Into Light EOT;
8 "Righteous" <<<EOT Righteous EOT;
9 "Lacquer" <<<EOT Lacquer EOT;
}
@advanced dropdown myfontname "Your Name Font" {
1 "Bungeespice*" <<<EOT Bungeespice EOT;
2 "Arvo" <<<EOT Arvo EOT;
3 "Righteous" <<<EOT Righteous EOT;
4 "Rubikpuddles" <<<EOT Rubikpuddles EOT;
5 "Press Start" <<<EOT Press Start EOT;
6 "Monoton" <<<EOT Monoton EOT;
7 "Rubikdirt" <<<EOT Rubikdirt EOT;
8 "Rubik Iso" <<<EOT Rubik Iso EOT;
}
@advanced color mylink "Link Color" #35cbed
@advanced text myname "Your Name" " "
@advanced dropdown noglow "Box Glow" {
1 "ON*" <<<EOT 9px EOT;
2 "OFF" <<<EOT 0px EOT;
}
@advanced color sectext "Inactive Color" #c3c3c3
@advanced dropdown textshadow "Text Shadow" {
2 "ON*" <<<EOT #000 EOT;
1 "OFF" <<<EOT #0000 EOT;
}
@advanced color topicons "Header Icons Color" #ffffff
@advanced dropdown yadbg "Background Image" {
8 "Desolate December*" <<<EOT https://i.imgur.com/8yK0PJU.png EOT;
13 "Sexy Sunrise" <<<EOT https://i.imgur.com/veH1t6K.png EOT;
14 "Aquatic Camo Marine" <<<EOT https://i.imgur.com/QmdPbQP.png EOT;
15 "Ocean" <<<EOT https://i.imgur.com/zOi5WXL.png EOT;
2 "Prototype" <<<EOT https://i.imgur.com/Qb6qakM.png EOT;
4 "Armargasaurus" <<<EOT https://i.imgur.com/lHSrXB7.png EOT;
5 "Spinosaurus" <<<EOT https://i.imgur.com/AXLZWDP.png EOT;
6 "Clear Sky" <<<EOT https://i.imgur.com/iUFqTNQ.jpg EOT;
7 "Niagra Falls" <<<EOT https://i.imgur.com/dV4VdpQ.jpg EOT;
9 "Sexy Sunset" <<<EOT https://i.imgur.com/PqkdZbw.jpg EOT;
yadbg-custom-dropdown "Custom" <<<EOT /*[[yadbg-custom]]*\/ EOT;
}
@advanced text yadbg-custom "Background Image (Custom)" "https://example.com/image.png"
@advanced color yadbgc "Background Color" #0f0013
@advanced text yadfont "Custom Font URL" "https://example.com/font.woff2"
@advanced dropdown yadpogi "Progress Bar Changing Color" {
2 "ON*" <<<EOT yadpogi EOT;
1 "OFF" <<<EOT off EOT;
}
@advanced color yadtheme "Layout Color" #db3975
@advanced dropdown yadvpr "Videos Per Row" {
2 "4*" <<<EOT 4 EOT;
1 "Default" <<<EOT 3 EOT;
3 "5" <<<EOT 5 EOT;
4 "6" <<<EOT 6 EOT;
5 "7" <<<EOT 7 EOT;
6 "8" <<<EOT 8 EOT;
7 "9" <<<EOT 9 EOT;
8 "10" <<<EOT 10 EOT;
}
==/UserStyle== */
@-moz-document domain("youtube.com") {
html[watch-color-update] {
background: var(--yadbg) /*[[yadbgchat]]*/!important;
text-shadow: 0px 0px 4px #000!important;
background-blend-mode: multiply!important;
}
body {
color: var(--mt);
background: transparent;
overflow: overlay
}
::-moz-selection {
color: var(--ytcp-text-primary);
background: var(--caretbg);
}
::selection {
color: var(--ytcp-text-primary);
background: var(--caretbg);
}
#buttons.ytd-masthead:after {
content: "/*[[myname]]*/";
font-family: Bungeespice;
font-size: 25px;
padding-top: 2%;
max-height: 30px!important;
color: var(--yadfc4);
}
#buttons.ytd-masthead:after {
animation: slide-top 0.5s 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes slide-top {
0% {transform: translateY(-100px);}
99.9% {text-shadow: 0px 0px 6px var(--ml)}
}
#contentWrapper.tp-yt-iron-dropdown > * {
overflow: hidden;
animation: yadpred3 0.1s 1
}
@keyframes yadpred3 {
0% {
-webkit-transform: rotateX(80deg);
transform: rotateX(80deg);
opacity: 0;
}
100% {
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity: 1;
}
}
/*header*/
#container.ytd-masthead::after {
content: "";
width: 100%;
height: 100%;
background: linear-gradient(0deg, #0000 0%, var(--yadtheme) 304%), url(/*[[yadbg]]*/) var(--bg) top center/cover no-repeat;
position: absolute;
display: block;
z-index: -4;
left: 0;
top: 0;
box-shadow: 0 3px 0px 1px var(--hd2);
}
/*letsgo*/
body {
overflow-x: hidden!important
}
ytd-app {
z-index: -11;
background: var(--bg)
}
ytd-app::before {
content: '';
position: fixed;
width: 100%;
height: 100%;
z-index: -10;
background: linear-gradient(180deg, #0000 70%, var(--yadtheme))
}
ytd-app::after {
content: "";
width: 100%;
height: 100%;
background: linear-gradient(180deg, #0000 70%, var(--yadtheme)), var(--yadbg) var(--yadbgs);
position: fixed;
display: block;
z-index: -3;
top: 0;
bottom:0;
}
#guide-content.ytd-app::after {
content: "";
width: 100%;
height: 100%;
background: linear-gradient(180deg, #0000 70%, var(--yadtheme)), var(--yadbg) var(--wallpas2);
position: fixed;
display: block;
z-index: -2;
top: 0;
left: 0;
bottom:0;
}
#guide-content.ytd-app {
background: transparent;
}
/*logo*/
[d*="M27.9727 3.12324C27.6435 1.89323 26"] {
fill: var(--yadtheme);
filter: brightness(1.3);
stroke: var(--yadfc4);
stroke-opacity: 30%
}
[d*="M11.4253 14.2854L18.8477 10.0004L11.4253"] {
stroke: var(--yadfc4);
stroke-width: 1;
stroke-opacity: 30%
}
ytd-active-account-header-renderer {
background-color: #21212100;
border-bottom: 1px solid #21212100;
}
ytd-simple-menu-header-renderer,
ytd-simple-menu-header-renderer[darker-dark-theme]{
background-color: #51202000;
border-bottom: 0px solid #00000000;
}
yt-icon.ytd-topbar-logo-renderer {
color: var(--yadfc4)
}
yt-icon.ytd-logo,
#country-code.ytd-topbar-logo-renderer {
color: /*[[topicons]]*/
}
/*video grid*/
#primary.ytd-two-column-browse-results-renderer {
background-color: #36384100;
background-image: none;
}
/*active page*/
ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer,
ytd-mini-guide-entry-renderer[active] .guide-icon.ytd-mini-guide-entry-renderer,
ytd-mini-guide-entry-renderer[active] .title.ytd-mini-guide-entry-renderer {
color: var(--ytcp-themed-red)
}
/*originals title*/
.badge-style-type-collection.ytd-badge-supported-renderer {
color: #cccaca
}
/*undo etc*/
[class="style-scope ytd-button-renderer style-blue-text"],
ytd-button-renderer.style-blue-text[is-paper-button],
ytd-button-renderer.style-blue-text[is-icon-button] {
color: var(--ml)
}
/*add*/
ytd-thumbnail-overlay-toggle-button-renderer[use-expandable-tooltip][toggled] yt-icon.ytd-thumbnail-overlay-toggle-button-renderer, ytd-thumbnail-overlay-toggle-button-renderer[use-expandable-tooltip][toggled] #label.ytd-thumbnail-overlay-toggle-button-renderer {
color: var(--ml)
}
/*banner*/
div#content-wrapper.style-scope.ytd-statement-banner-renderer,
.badge-style-type-featured.ytd-badge-supported-renderer,
#action-button.ytd-primetime-promo-panel-renderer,
ytd-button-renderer.style-suggested-action[is-paper-button],
.style-scope ytd-rich-metadata-renderer,
#contents.yt-live-chat-mode-change-message-renderer,
#card.yt-live-chat-viewer-engagement-message-renderer,
#star-survey.ytd-inline-survey-renderer,
ytd-inline-survey-renderer[expanded] #dismissible.ytd-inline-survey-renderer,
#dismiss-button.ytd-inline-survey-renderer
{
background: var(--yt)!important;
text-shadow: 0 0;
color: #fff;
box-shadow: 0px 0px 0px 1px var(--yadtheme);
border-radius: 10px;
overflow: hidden
}
.sbpqs_a:before,.sbqs_c:before,
[src*="/growth/b84bef6e4741df6a265"]
{
filter: invert(1)
}
[aria-label="Try it free"],[style="color: rgb(0, 0, 0);"],
ytd-rating-survey-option-renderer,
[class="style-scope ytd-button-renderer style-blue-text size-default"][aria-label="Not sure"] {
color: var(--ml)!important
}
.ytd-mealbar-promo-renderer-message-text.ytd-mealbar-promo-renderer {
color: #ffffff7a
}
[class="style-scope yt-formatted-string"][style="color: rgb(33, 33, 33);"],
[class="style-scope yt-formatted-string"][style="color: rgb(40, 40, 40);"],
[style="color: rgb(19, 19, 19);"], #badge,
#title.ytd-inline-survey-renderer, #follow-up-title.ytd-inline-survey-renderer,
#subtitle.ytd-inline-survey-renderer,
#selected-response-text.ytd-rating-survey-renderer {
color: #fff!important
}
[src*="14e2b1d119413d7d235541b63df1b100022ab953b70d425f4521e1a331bf7c44_214x48.png"] {
filter: invert(1) brightness(1) saturate(1%)
}
[d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"] {
fill: var(--yadfc2)
}
ytd-checkbox-survey-option-renderer.ytd-inline-survey-renderer {
--paper-checkbox-unchecked-color: #fff;
--paper-checkbox-label-color: var(--ml);
background-color: #ffebeb00;
}
#inline-survey-compact-video-renderer.ytd-inline-survey-renderer {
background: var(--yadbg) #0000003f;
background-blend-mode: darken;
text-shadow: 0px 0px 0px #0b0b0be6;
}
/*brrrrr*/
html:not(.style-scope) {
--yt-spec-...