Skip to content

Neon Dragon Theme by thijs-dery

Write a review Install Get Stylus

Details

Authorthijs-dery

LicenseNo License

CategoryYoutube

Created

Updated

Size19 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Neon purple and blue and a dragon logo

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           Neon Dragon
@namespace      USO Archive
@author         Djargen
@description    `Neon Dragon theme for Youtube       By Djargen       Uptate 22/09/2022`
@version        20210618.20.46
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
/*================================================================

	   Neon Dragon theme for Youtube
       By Djargen
       Uptate 22/09/2022

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

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

	   
    color
================================================================*/

: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/") {
/*================================================================

	   color

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

:root {
  --color: #e017d9;
}

/* Channel name */
yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string {
    color: var(--color);
}
#channel-name.ytd-video-meta-block...

Reviews

No reviews yet.