Skip to content

colour by kinggmarky

Write a review Install Get Stylus

Details

Authorkinggmarky

LicenseNo License

Categoryidsu

Created

Updated

Size82 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

jfeofjei

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           Dani-Ba YouTube skin
@namespace      USO Archive
@author         Dani-Ba
@description    `No`
@version        20220827.1.36
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("www.youtube.com") {
  
  :root {
    --primary-colors: #000;
    --secondary-colors: #111;
    --ter-colors: #fff;
    --cuar-colors: #333;
    --cin-colors: #666;
    --seis-colors: #aaa;
    --siet-colors: #3ea6ff;
    --eight-colors: #ff4e45;
    --nine-colors: #2ba640;
    --primary-rgbs: rgb(255, 255, 255, 0.1);
    --primary-borders: 1px solid rgb(33, 33, 33, 0.98);
    --primary-radius: 8px;
  }

  body::-webkit-scrollbar-track {
    background: rgb(0, 0, 0)!important;
  }

  #card.ytd-miniplayer {
    background: var(--secondary-colors);
  }
  
  html:not(.style-scope), :not(.style-scope)[light] {
    --yt-spec-call-to-action: var(--siet-colors);
    --yt-spec-text-primary: var(--ter-colors);
    --yt-spec-text-secondary: var(--seis-colors);
    --yt-spec-brand-link-text: var(--eight-colors);
  }
  
  #channel-name.ytd-video-meta-block {
    --yt-endpoint-visited-color: var(--ter-colors);
  }
  
  yt-img-shadow.ytd-backstage-image-renderer {
    --yt-img-border-radius: 10px;
  }
  
  yt-emoji-picker-renderer {
    --paper-input-container-color: var(--seis-colors);
    --paper-input-container-input_-_color: var(--ter-colors);
  }
  
  ytd-app {
    background: var(--primary-colors);
  }

  ytd-page-manager > *.ytd-page-manager {
    background: var(--primary-colors);
    /*background: url(https://pm1.narvii.com/7532/1ed6f5e3aa585b6952d1733f81944f3495e3da4ar4-655-328_00.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
  }

  #container.ytd-masthead {
    background: var(--primary-colors);
    border-bottom: var(--primary-borders);
  }

  #guide-content.ytd-app {
    background: var(--secondary-colors);
  }

  #columns.ytd-watch-flexy {
    background: var(--primary-colors);
  }
  
  #emojis.ytd-commentbox {
    background: rgb(0, 0, 0, 0.9);
    border-radius: var(--primary-radius);
    border: var(--primary-borders);
  }
  
  #title.yt-emoji-picker-category-renderer {
    background-color: rgb(0, 0, 0, 0.9);
    color: rgb(255, 255, 255, 0.7);
  }
  
  #search-panel.yt-emoji-picker-renderer {
    background-color: var(--secondary-colors);
  }

  #scroll-container.ytd-feed-filter-chip-bar-renderer {
    background: var(--primary-colors);
  }

  #channel-header.ytd-c4-tabbed-header-renderer {
    background-color: var(--primary-colors);
  }

  #tabs-inner-container.ytd-c4-tabbed-header-renderer {
    background-color: var(--primary-colors);
  }

  ytd-feed-filter-chip-bar-renderer[is-dark-theme] #left-arrow.ytd-feed-filter-chip-bar-renderer:after {
    background: linear-gradient(to right,#000 20%,rgba(0,0,0,0) 80%);
  }

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

ytd-feed-filter-chip-bar-renderer[is-dark-theme] #right-arrow.ytd-feed-filter-chip-bar-renderer:before {
    background: linear-gradient(to left,#000 20%,rgba(0,0,0,0) 80%);
}

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

yt-chip-cloud-renderer[is-dark-theme] #left-arrow.yt-chip-cloud-renderer:after {
    background: linear-gradient(to right,#000 20%,rgba(0,0,0,0) 80%);
}

#left-arrow.yt-chip-cloud-renderer:after {
    background: linear-gradient(to right,#000 20%,rgba(0,0,0,0) 80%);
}

yt-chip-cloud-renderer[is-dark-theme] #right-arrow.yt-chip-cloud-renderer:before {
    background: linear-gradient(to left,#000 20%,rgba(0,0,0,0) 80%);
}

#right-arrow.yt-chip-cloud-renderer:before {
    background: linear-gradient(to left,#000 20%,rgba(0,0,0,0) 80%);
}

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

#left-arrow-button.yt-chip-cloud-renderer, #right-arrow-button.yt-chip-cloud-renderer {
    background-color: var(--primary-colors);
}

#scroll-container.yt-chip-cloud-renderer {
    background: var(--primary-colors);
}

  ytd-multi-page-menu-renderer {
    background: var(--primary-colors);
    border-radius: var(--primary-radius);
    opacity: 0.9;
    border: var(--primary-borders);
  }
  
  tp-yt-paper-item.ytd-menu-service-item-renderer:hover {
    background-color: var(--primary-rgbs);
  }
  
  ytd-guide-entry-renderer[active] {
    background-color: #292929;
  }
  
  #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:hover, #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:focus {
    background-color: var(--primary-rgbs);
  }
  
  #star-survey.ytd-inline-survey-renderer {
    border-radius: 10px;
  }
  
  #inline-survey-compact-video-renderer.ytd-inline-survey-renderer {
    border-radius: var(--primary-radius);
  }

  ytd-simple-menu-header-renderer {
    background: var(--primary-colors);
  }

  tp-yt-paper-dialog-scrollable.can-scroll:not(.scrolled-to-bottom):not(:last-child)::after {
    background: var(--seis-colors);
  }

  #details.ytd-search-suggestion-report-dialog .input-content.tp-yt-paper-input-container>input, #details.ytd-search-suggestion-report-dialog .input-content.tp-yt-paper-input-container>iron-input, #details.ytd-search-suggestion-report-dialog .input-content.tp-yt-paper-input-container>textarea, #details.ytd-search-suggestion-report-dialog .input-content.tp-yt-paper-input-container>iron-autogrow-textarea, #details.ytd-search-suggestion-report-dialog .input-content.tp-yt-paper-input-container>.paper-input-input {
    color: var(--ter-colors);
  }
  
  #icon.ytd-shelf-renderer {
    color: var(--ter-colors);
  }

  #suggestions.ytd-search-suggestion-report-dialog tp-yt-paper-checkbox .tp-yt-paper-checkbox[style-target=label] {
    color: var(--ter-colors);
    padding-top: 4px;
  }

  #details.ytd-search-suggestion-report-dialog {
    border: 1px solid #606060;
  }

  ytd-active-account-header-renderer {
    background: var(--primary-colors);
    border-bottom: var(--primary-borders);
  }
  
  #sections.ytd-multi-page-menu-renderer>*.ytd-multi-page-menu-renderer:not(:last-child) {
    border-bottom: var(--primary-borders);
  }

  tp-yt-paper-dialog {
    background: var(--primary-colors);
    border-radius: var(--primary-radius);
    border: var(--primary-borders);
    opacity: 0.9;
  }

  tp-yt-iron-overlay-backdrop.opened {
    background: var(--primary-colors);
    opacity: 0.4;
  }

  tp-yt-paper-listbox {
    background: var(--primary-colors);
    border-radius: 10px;
    border: var(--primary-borders);
    opacity: 0.9;
  }
  
  ytd-menu-popup-renderer {
    background-color: rgba(0, 0, 0, 0);
  }

  ytd-offline-promo-renderer[dialog][dialog][dialog] {
    background: rgba(0, 0, 0, 0);
  }

  tp-yt-paper-button.ytd-subscribe-button-renderer {
    background-color: #ff0000;
  }

  tp-yt-paper-textarea.ytd-clip-creation-text-input-renderer #labelAndInputContainer.tp-yt-paper-input-container>label, tp-yt-paper-textarea.ytd-clip-creation-text-input-renderer #labelAndInputContainer.tp-yt-paper-input-container>.paper-input-label {
    color: #909090;
  }

  tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed] {
    background-color: var(--primary-rgbs);
  }
  
  ytd-subscribe-button-renderer[button-style=COMPACT_GRAY] tp-yt-paper-button.ytd-subscribe-button-renderer {
    background-color: var(--primary-rgbs);
  }
  
  .arrow.yt-horizontal-list-renderer {
    background-color: var(--primary-colors);
    border: var(--primary-borders);
  }

  .html5-video-player .video-click-tracking, .html5-video-player .video-stream {
    border-radius: var(--primary-radius);
  }

  ytd-thumbnail #thumbnail.ytd-thumbnail {
    border-radius: var(--primary-radius);
  }
  
  .thumbnail-container.ytd-notification-renderer {
    border-radius: 4px;
  }

  #container.ytd-playlist-panel-renderer {
    border-radius: var(--primary-radius);
    border: var(--primary-borders);
  }
  
  ytd-playlist-panel-video-renderer[selected][watch-color-update] {
    background-color: var(--primary-rgbs);
  }
  
  ytd-playlist-panel-video-renderer[watch-color-update][can-reorder]:hover.dragging, ytd-playlist-panel-video-renderer[watch-color-update][can-reorder].dragging, ytd-playlist-panel-video-renderer[watch-color-update]:hover:not(.dragging) {
    background-color: var(--primary-rgbs);
  }

  #contents.ytd-account-item-section-renderer>*.ytd-account-item-section-renderer:hover {
    background-color: var(--primary-rgbs);
  }

  tp-yt-paper-icon-item:focus, .tp-yt-paper-item.tp-yt-paper-icon-item:focus {
    background-color: var(--primary-rgbs);
  }
  
  ytd-button-renderer.style-primary[disabled][is-paper-button] {
    background-color: var(--primary-rgbs);
    color: #717171;
  }
  
  ytd-button-renderer.style-primary[is-paper-button] {
    background-color: var(--siet-colors);
    color: #030303;
  }

.header.ytd-playlist-panel-renderer {
    background: var(--primary-colors);
    border-radius: var(--primary-radius);
}

.playlist-items.ytd-playlist-panel-renderer {
    background: var(--primary-colors);
    border-bottom-left-radius: var(--primary-radius);
    border-bottom-right-radius: var(--primary-radius);
}

  .ytp-popup {
    background: rgba(0, 0, 0, 0.8);
    border: var(--primary-borders);
    border-radius: 6px;
  }

.iv-branding .branding-img-container img {
    border-radius: 400px;
}

#video-preview-container.ytd-video-preview {
    border-radius: 6px;
}

ytd-thumbnail.ytd-rich-grid-media:before {
    background-color: transparent;
}

#video-preview-container.ytd-video-preview {
    background-color: var(--secondary-colors);
}
  
  ytd-tvfilm-offer-module-renderer {
    border: var(--primary-borders);
    border-radius: var(--primary-radius);
    background-color: var(--primary-colors);...

Reviews

No reviews yet.