Skip to content

Pornhub but youtube by joabutt

Screenshot of Pornhub but youtube
Homepage Write a review Install Get Stylus

Details

Authorjoabutt

Licensewtfpl

Categoryyoutube.com

Created

Updated

Size17 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Its literally pornhub colour scheme but youtube

Notes

Nothing

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           Pornhub theme 2.0
@namespace      USO Archive
@author         Skyrecks O_O
@description    `Pornhub theme for Youtube       By Sunshine wilmus       Uptate 18/06/2021`
@version        20210618.20.46
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
/*================================================================

	   Pornhub theme for Youtube
       By Sunshine wilmus
       Uptate 18/06/2021

================================================================*/

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

	   Black color Pornhub
================================================================*/

:root {
    --white: #fff5f5;
    --grey-100: #fff;
    
    --grey-750: #fff;
    --grey-850: #121212;
    
    --red-700: #8e0b0b;
	
	--green-like: #5ba904;
	--red-dislike: #820000;
	
	--no-sub: #ff0000;
	--already-sub: #1a1a1a;

    /* Custom color video player */
    --mycolor: #353535;

    --standard-curve: cubic-bezier(0.4, 0.0, 0.2, 1);
}

/* Background */
ytd-page-manager > *.ytd-page-manager {
    background: #000;
}

#container.ytd-masthead {
    background: #1b1b1b;
}

#guide-content.ytd-app {
    background: #1b1b1b;
}

#columns.ytd-watch-flexy {
    background: #000;
}
/* ************************************* */

#channel-header.ytd-c4-tabbed-header-renderer {
    background-color: #000;
}

#tabs-inner-container.ytd-c4-tabbed-header-renderer {
    background-color: #111111;
}

/* WEBKIT-SCROLLBAR */
  ::-webkit-scrollbar,
  ::-webkit-scrollbar-corner {
    background: #ddd;
    width: 14px;
    height: 14px;
  }
  ::-webkit-scrollbar-button {
    display: none;
  }
  ::-webkit-scrollbar-thumb {
    background: #aaa;
  }
  ::-webkit-scrollbar-thumb:not(:active):hover {
    background: #afafaf;
  }
  ::-webkit-scrollbar-thumb:active,
  ::-webkit-scrollbar-thumb:hover:active {
    background: #bbb;
  }
  [dark]::-webkit-scrollbar,
  [dark]::-webkit-scrollbar-corner,
  [dark] ::-webkit-scrollbar,
  [dark] ::-webkit-scrollbar-corner {
    background: #040406 !important;
  }
  [dark]::-webkit-scrollbar-button,
  [dark] ::-webkit-scrollbar-button {
    display: none;
  }
  [dark]::-webkit-scrollbar-thumb,
  [dark] ::-webkit-scrollbar-thumb {
    background: #333;
  }
  [dark]::-webkit-scrollbar-thumb:not(:active):hover,
  [dark] ::-webkit-scrollbar-thumb:not(:active):hover {
    background: #383838;
  }
  [dark]::-webkit-scrollbar-thumb:active,
  [dark]::-webkit-scrollbar-thumb:hover:active,
  [dark] ::-webkit-scrollbar-thumb:active,
  [dark] ::-webkit-scrollbar-thumb:hover:active {
    background: #5c5c5c;
  }
  
  /* VARS */
  :not([style-scope]):not(.style-scope) {
    --ytd-masthead-height: 64px; /* default: 56px */
  }
  
  /* PAGE-PROGRESS */
  yt-page-navigation-progress, #progress.yt-page-navigation-progress {
    height: 4px;
  }
  yt-page-navigation-progress {
    background-color: transparent;
  }
  
  /* MASTERHEAD */
  #container.ytd-masthead {
    height: 64px;
  }
  ytd-searchbox.ytd-masthead {
    justify-content: center !important;
  }
  #search-form.ytd-searchbox {
    height: 38px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    transition: box-shadow .2s var(--standard-curve);
  }
  [has-focus] #search-form.ytd-searchbox {
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08);
  }
  #container.ytd-searchbox,
  #search-icon-legacy.ytd-searchbox {
    background: var(--yt-searchbox-background) !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  ytd-searchbox input {
    margin-left: 8px;
  }

  /* MASTERHEAD - SEARCHRESULTS */
  [dark] .gsfs {
    color: var(--grey-100);
  }
  [dark] .sbdd_b,
  [dark] .sbsb_a,
  [dark] .sbfl_b {
    background: var(--grey-750);
  }
  [dark] .sbsb_d {
    background: var(--grey-850);
  }
  [dark] .sbdd_b {
    border: none;
  }
  [dark] .sbfl_b:hover {
  	color: var(--white);
  }
  
  /* GUIDE */
  #header.ytd-app {
    height: 64px;
  }
  
  /* SUB-BUTTON */
  paper-button.ytd-subscribe-button-renderer[subscribed] .deemphasize.yt-formatted-string,
  paper-button.ytd-subscribe-button-renderer[subscribed] {
    color: var(--yt-subscribe-button-text-color);
  }
  paper-button.ytd-subscribe-button-renderer[subscribed] {
    background-color: var(--already-sub);
  }
  ytd-subscribe-button-renderer[button-style="COMPACT_GRAY"] paper-button.ytd-subscribe-button-renderer {
    background-color: var(--already-sub);
    color: var(--yt-subscribe-button-text-color);
  }

paper-button.ytd-subscribe-button-renderer {
    background-color: var(--no-sub);
}
  
  /* TOGGLE */
  .toggle-bar.paper-toggle-button {
    opacity: 0.3 !important;
  }
  paper-toggle-button[checked]:not([disabled]) .toggle-bar.paper-toggle-button {
    opacity: 0.7 !important;
  }


/* EDITS */

ytd-post-renderer[surface_="backstage-surface-type-home"] {
	background-color: #0d0d0d;
}

#content-attachment.ytd-post-renderer ytd-video-renderer.ytd-post-renderer {
	background-color: #0d0d0d;
}
 
ytd-multi-page-menu-renderer {
	background: #1a1a1a;
}
ytd-simple-menu-header-renderer {
	background-color: #1a1a1a;
}
ytd-active-account-header-renderer {
	background-color: #1a1a1a;
}
paper-listbox {
	background: #000;
}
ytd-masthead.shell.dark, ytd-masthead.shell.theater-all-widths {
	background: #000;
}
ytd-masthead.dark .masthead-skeleton-icon {
	background-color: hsl(0, 0%, 0%);
}

#tabs-inner-container.ytd-c4-tabbed-header-renderer {
    background-color: #000;
}
ytd-post-renderer[surface_="backstage-surface-type-home"] {
	background-color: #000;
}
#content-attachment.ytd-post-renderer ytd-video-renderer.ytd-post-renderer {
	background-color: #0d0d0d;
}
ytd-multi-page-menu-renderer {
	background: #000;
}
ytd-simple-menu-header-renderer {
	background-color: #000;
}
ytd-active-account-header-renderer {
	background-color: #000;
}
body {
  background-color: #000 !important;
}
html {background-color: black !important}
html:not(.style-scope)[dark], :not(.style-scope)[dark] {
	--yt-main-app-background: #000 !important;
	--yt-main-app-background-tmp: #000 !important;
}
html[dark] #guide-skeleton {
	background-color: hsl(0, 0%, 0%);
}
html[dark] #home-page-skeleton .skeleton-bg-color {
	background-color: rgb(28, 28, 28);
}
.masthead-skeleton-icon {
	background-color: rgb(0, 0, 0);
}
:root {
	--grey-750: #000 !important;
	--grey-850: #000 !important;
}
paper-dialog {
	background: #000;
	color: #000;
}
#bar.ytd-copy-link-renderer {
	background-color: #000;
}
ytd-add-to-playlist-renderer {
	background: #000;
}
yt-next-continuation.ytd-watch-next-secondary-results-renderer {
	--paper-button_-_background-color: #1d1d1d;
	--paper-button_-_color: hsla(0, 0%, 80.3%, .8);
}
#search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox {
	color: #cdcccb;
	opacity: 0.6;
}
#container.ytd-searchbox {
	color: #fff !important;
}
#search-input.ytd-contact-search-renderer {
	color: #D0D0D0;
}
.header.ytd-playlist-panel-renderer {
	background-color: #1a1a1a;
}
.playlist-items.ytd-playlist-panel-renderer {
	background-color: #0d0d0d;
}
ytd-ticket-shelf-renderer {
	background-color: #000;
}
paper-toast {
	background-color: #1d1d1d;
}
ytd-rich-metadata-renderer {
	background-color: #000;
}
.sbpqs_a {
	color: #fff;
}
ytd-searchbox[mode="legacy"] #container.ytd-searchbox input.ytd-searchbox, ytd-searchbox[mode="legacy-centered"] #container.ytd-searchbox input.ytd-searchbox {
	color: #fff !important;
}
    ytd-add-to-playlist-renderer:not([dialog]) {
	background: #000;
}
    #contents.yt-live-chat-app > .yt-live-chat-app {
	background-color: #0d0d0d !important;
}
    yt-live-chat-header-renderer {
	background-color: #1a1a1a;
    }
    #card.yt-live-chat-viewer-engagement-message-renderer {
	background-color: #1d1d1d;
}
    #show-hide-button.ytd-live-chat-frame > ytd-toggle-button-renderer.ytd-live-chat-frame {
	background-color: #1a1a1a;
}
    yt-next-continuation.ytd-watch-next-secondary-results-renderer {
	--paper-button_-_background-color: #1a1a1a !important;
}
    #tooltip.paper-tooltip {
    background-color: #1a1a1a;
}
yt-confirm-dialog-renderer[dialog][dialog][dialog] {
	background: #1a1a1a;
}
    #content-attachment.ytd-post-renderer ytd-video-renderer.ytd-post-renderer {
	background-color: #000;
}
    #card.ytd-miniplayer {
	background-color: #000;
}
paper-button.ytd-subscribe-button-renderer .deemphasize.yt-formatted-string {
	color: var(--yt-subscribe-button-text-color) !important;
}
    paper-button.ytd-subscribe-button-renderer[subscribed] {
	color: #a9a9a9 !important;
}
paper-button.ytd-subscribe-button-renderer[subscribed] .deemphasize.yt-formatted-string, paper-button.ytd-subscribe-button-renderer[subscribed] {
	color: #a9a9a9 !important;
}
#scroller.yt-confirm-dialog-renderer {
	color: var(--yt-primary-text-color);
}
html[dark] {
	background-color: #000 !important;
}
.iri-always-visible:not(.iri-full-browser) #movie_player:not(.ytp-fullscreen), .iri-always-playing #movie_player:not(.ytp-fullscreen):not(.unstarted-mode) {
	background-color: #000 !important;
	border: 0px !important;
}
ytd-app[is-watch-page] {
	background: #000 !important;
}
}

@-moz-document url-prefix("https://www.youtube.com/") {
/*================================================================

	   Orange color Pornhub

================================================================*/

:root {
  --color: #e08517;
}

/* Channel name */
yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string {
    color: var(--colo...

Reviews

No reviews yet.