Skip to content

Hello Kitty YouTube full theme by JustSomeDixkhead

Details

AuthorJustSomeDixkhead

LicenseCC JSD

Categoryhttps://www.YouTube.com

Created

Updated

Size33 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

a collection of Hello Kitty YouTube stuff from Stylish.org. it adds "Hello Kitty Theme", "Pink youtube subscribe button", and "Pink heart progress bar"

Notes

this is my first time posting a theme, sorry if there are mistakes. might be updates in the future, or more themes in the future

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         www.youtube.com - May 2024
@version      20240507.02.42
@namespace    ?
==/UserStyle== */

@-moz-document url-prefix("https://www.youtube.com/") {
#logo-icon
  {
    content: url("https://media1.giphy.com/media/j0AIRCrezHXxkvaEFt/giphy.gif?cid=6c09b952a089c0980c8df9f52a22de953e5f54f9b5449137&ep=v1_internal_gifs_gifId&rid=giphy.gif&ct=s") !important;
    width: 70px;
    height: 70px;
    object-fit: cover;
  }

  ytd-topbar-logo-renderer
  {
    width: 0%;
  }body,
   ytd-app,
   ytd-app[darker-dark-theme]
  {
    --app-drawer-content-container-background-color: transparent;
    background: #fce1da url("https://64.media.tumblr.com/22422ea9c5108ccfb660ab4ec8d26560/tumblr_p5crgd9Z2X1w9xu55o1_1280.jpg") center center/250px repeat Fixed;
    scrollbar-color: var(--yt-spec-text-secondary) transparent;
  }

  body
  {
    overflow: overlay;
  }

  ::-webkit-scrollbar-thumb
  {
    background: linear-gradient(rgba(255,255,255,0) 0%, #e74b8a 100%) !important;
    border-radius: 10px;
    box-shadow: 0px 0px 0px 0px rgba(33,33,33,0);
    border: 0px solid rgba(33,33,33,0) !important;
  }

  ::-webkit-scrollbar
  {
    width: 10px !important;
  }

  ytd-masthead[darker-dark-theme]
  {
    background: #e62a79;
  }

  ytd-masthead#masthead:not(:hover),
   ytd-masthead#masthead:not(:hover):not(:hover)
  {
    z-index: -1;
    opacity: 1;
		position: absolute;
		height: 56px;
		width: 100%;
    background: rgb(155 202 203)
}

  ytd-masthead#masthead
  {
      z-index: -1;
	    opacity: 1;
		  position: absolute;
		  height: 56px;
		  width: 100%;
		  background: rgb(155 202 203);
  }

  ytd-feed-filter-chip-bar-renderer[darker-dark-theme] #chips-wrapper.ytd-feed-filter-chip-bar-renderer,
   #chips-wrapper.ytd-feed-filter-chip-bar-renderer
  {
    background: #9bcacb8c;
  }

  #left-arrow-button.ytd-feed-filter-chip-bar-renderer,
   #right-arrow-button.ytd-feed-filter-chip-bar-renderer
  {
    background-color: var(--yt-spec-base-background);
  }

  #left-arrow.ytd-feed-filter-chip-bar-renderer:after
  {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 20%, rgba(255,255,255,0) 80%)!important;
  }

  #right-arrow.ytd-feed-filter-chip-bar-renderer:before
  {
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 20%, rgba(255,255,255,0) 80%)!important;
  }

  #guide-content.ytd-app
  {
    box-shadow: 0 0 5px 2px #fff, 0 2px 15px 3px #b9cfdb;
    box-shadow: 0 0 0;
  }

  ytd-mini-guide-entry-renderer,
   ytd-mini-guide-renderer
  {
    background: #9bcacb;
  }
   /*left col*/
  #header.ytd-app
  {
    background: #e62a79;
  }

  #guide-content.ytd-app
  {
    background: url("https://64.media.tumblr.com/22422ea9c5108ccfb660ab4ec8d26560/tumblr_p5crgd9Z2X1w9xu55o1_1280.jpg") center center/250px repeat Fixed #9bcacb!important;
  }

  yt-chip-cloud-chip-renderer[chip-style=STYLE_DEFAULT][selected],
   yt-chip-cloud-chip-renderer[chip-style=STYLE_HOME_FILTER][selected]
  {
    background: rgba(255, 0, 0, .2) !important;
  }

  ytd-searchbox[desktop-searchbar-style=rounded_corner_dark_btn] #container.ytd-searchbox,
   ytd-searchbox[desktop-searchbar-style=rounded_corner_light_btn] #container.ytd-searchbox,
   #container.ytd-searchbox
  {
    transition: 0.5s;
    background-color: #fce1da;
    border: 0px solid #5b9cb0;
    border-right: 0px;
    border-radius: 25px 0 0 25px;
    box-shadow: 0 0 0 3px #5b9cb0;
  }

  .gsfs,
   .sbpqs_a,
   ytd-searchbox[desktop-searchbar-style=rounded_corner_light_btn] #container.ytd-searchbox input.ytd-searchbox
  {
    color: #00aaa7;
  }

  #searchbox-button.ytd-searchbox
  {
    color: #9bcacb;
  }

   .sbsb_a
  {
    background: #85d8ce;
    border: 2px dashed #bc519791;
    border-radius: 20px;
    box-shadow: 0 0 0 3px #85d8ce;
  }
   .sbfl_b
  {
    background: #85d8ce
  }

  .sbdd_b
  {
    background: #5b9cb0;
    border: 0px solid #5b9cb0;
    border-top-color: #5b9cb0;
    box-shadow: 0 0 0 !important;
    cursor: default;
    border-radius: 20px;
  }
     /**************************************/
       /*Youtube Hello Kitty Theme by YAD*/
     /*****************2022*****************/
  .sbpqs_a:before,
  .sbqs_c:before
  {
    filter: invert(0.4);
  }

  .sbsb_d
  {
    background: rgba(255,255,255,0.18);
  }

  ytd-searchbox[has-focus] #container.ytd-searchbox
  {
    border: 0px solid #5b9cb0;
    box-shadow: 0 0 0 4px #5b9cb0;
  }
   [aria-label="Clear search query"] svg {
      color: #00aaa7
   }

  #search-icon-legacy.ytd-searchbox {
	border-radius: 0 20px 20px 0;
	background: #5b9cb0;
	box-shadow: 0 0 0 3px #5b9cb0;
	border-left: 0px
   }
   #search-icon-legacy.ytd-searchbox:hover {
	border-radius: 0 20px 20px 0;
	background: #5b9cb0;
	box-shadow: 0 0 0 3px #5b9cb0;
	border-left: 0px
   }

  #voice-search-button.ytd-masthead
  {
    background-color: #f0a2df;
    border: 2px dashed #fce1da;
    box-shadow: 0 0 0 2px #8eadb1;
  }
   [d*="M12 14c1.66 0 2.99-1.34 2."] {
      color: #4b6381
   }

  .yt-spec-icon-badge-shape {
      color: #fefefe
  }

   /* voice */
  yt-confirm-dialog-renderer[dialog][dialog][dialog]
  {
    background: #f0edce;
    border-radius: 10px;
  }
   /* shortcut */
   ytd-hotkey-dialog-renderer[dialog][dialog][dialog] 
  {
    background: #85d8ce;
    border-radius: 10px;
  }
  ytd-hotkey-dialog-section-option-renderer {
    border-top: 1px solid #5b9cb0;
  }

  .ytp-chrome-controls .ytp-button[aria-pressed]:after,
   .ytp-sb-subscribe,
   a.ytp-sb-subscribe,
   .ytp-autonav-toggle-button[aria-checked=true],
   .ytp-menuitem[aria-checked=true] .ytp-menuitem-toggle-checkbox,
   .ytp-swatch-background-color,
   .ytp-settings-button.ytp-hd-quality-badge:after,
   .ytp-settings-button.ytp-hdr-quality-badge:after,
   .ytp-settings-button.ytp-4k-quality-badge:after,
   .ytp-settings-button.ytp-5k-quality-badge:after,
   .ytp-settings-button.ytp-8k-quality-badge:after,
   .ytp-settings-button.ytp-3d-badge-grey:after,
   .ytp-settings-button.ytp-3d-badge:after
  {
    background-color: #e91e63;
  }

  .ytp-swatch-color
  {
    color: #e91e63;
  }

  ytd-voice-search-dialog-renderer[dialog]
  {
    background: #85d8ce;
  }



   /*button*/
  .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled,
  tp-yt-paper-button.ytd-subscribe-button-renderer
  {
    background-color: #85d8ce;
    border: 2px dashed #a8949b;
    border-radius: 15px;
  }

  ytd-button-renderer.style-primary[is-paper-button],
   yt-button-renderer.style-primary[is-paper-button]
  {
    background-color: #b9cfdb;
    border: 5px double #a8949b;
    border-radius: 15px;
  }
   yt-notification-action-renderer[ui-refresh] tp-yt-paper-toast.yt-notification-action-renderer 
  {
    background-color: #b9cfdb;
    border: 5px double #a8949b;
    border-radius: 15px;
  }
   
  #buttons.ytd-c4-tabbed-header-renderer:after,
   ytd-subscribe-button-renderer:after
  {
    content: "";
    display: inline-block;
    position: absolute;
    background: rgba(33, 33, 33, 0) url("https://www.iconninja.com/files/704/974/414/hellokitty-icon.png") no-repeat;
    background-size: contain;
    height: 30px;
    width: 30px;
    background-position: -2px 1px;
padding-top: 30px
  }
/*like*/
  [transform="matrix(1,0,0,1,60,60)"] [fill="rgb(0,0,0)"] {
          fill: #e91e63
     }
  [stroke="rgb(0,0,0)"] {
          stroke: var(--yt-spec-text-primary)
  }

  [fill="#F00"],
  [fill="red"],
  [fill="#FF0000"]
  {
    fill: #e91e63;
  }

  .ytp-autonav-toggle-button[aria-checked=true]
  {
    background-image: url("https://d.com/png");
    box-shadow: inset 0 0 0px 1px #fff, 0 0 3px 1px #1f77de;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.46);
  }

  .ytp-small-mode .ytp-autonav-toggle-button,
   .ytp-autonav-toggle-button
  {
    background: rgba(255,255,255,0.478);
  }

  ytd-menu-popup-renderer
  {
    border-radius: 9px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.46);
  }

  tp-yt-paper-listbox
  {
    background: transparent;
  }

  tp-yt-paper-listbox.yt-dropdown-menu,
   #contentWrapper.tp-yt-iron-dropdown > *
  {
    overflow: hidden;
    background: #85d8ce;
    border-radius: 9px;
    box-shadow: 0 0 0 5px #85d8ce, 0 3px 5px 6px #2d202461;
    border: 2px dashed #a8949b;
  }
   
   /*ava*/
   #author-thumbnail.ytd-comment-simplebox-renderer,
   #avatar.ytd-active-account-header-renderer,
   yt-img-shadow.ytd-topbar-menu-button-renderer {
    border-radius: 5px;
    box-shadow: 0 0 0 2px #4b6381, 0 0 0 5px #fce1da
   }
   #avatar.ytd-active-account-header-renderer:hover,
   yt-img-shadow.ytd-topbar-menu-button-renderer:hover {
      transform: scale(1.1)
   }
   #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer {
    box-shadow: 0 0 0 2px #4b6381, 0 0 0 5px #fce1da;
   }
   ytd-section-list-renderer[engagement-panel]:not([engagement-panel-dropdown]) #contents.ytd-section-list-renderer {
      padding-left: 5px
   }
   ytd-section-list-renderer.ytd-engagement-panel-section-list-renderer {
    padding-left: 15px;
   }

  ytd-engagement-panel-section-list-renderer,
   ytd-sponsorships-offer-renderer[dialog][dialog][dialog],
   tp-yt-paper-dialog,
   ytd-pdg-buy-flow-renderer[dialog][dialog][dialog]
  {
    background: #85d8ce;
    border-radius: 9px;
    box-shadow: 0 0 0 5px #85d8ce;
    border: 2px dashed #a8949b;
  }
  yt-dropdown-menu yt-dropdown-menu .yt-dropdown-menu[style-target=label-text],
  .yt-dropdown-menu[style-target=label-text],
  ytd-pdg-super-vod-selectable-item-button-renderer[selected] #price.ytd-pdg-super-vod-selectable-item-button-renderer {
    color: #fcf3cf
  }

  tp-yt-paper-dialog
  {
    box-shadow: 0 0 0 5px #85d8ce!important;
  }
   
   ytd-rich-metadata-renderer {
      border-radius: 19px!important;
      background: #9fbede;
      box-shadow: 0 0 0 2px #b57f96;
   }
   ytd-post-renderer[uses-compact-lockup] {
    background: url(https://www.tilingtextures.com/wp-content/uploads/2018/11/0066-256x256.jpg);
    background-blend-mode: overlay;
    border-radius: 2px;
    border: 6px double #df7ba4;
    ...

Reviews

No reviews yet.