Skip to content

Additional Tweaks for Aozora (dark mode) *broken* by photon746277

Screenshot of Additional Tweaks for Aozora (dark mode) *broken*
Write a review Install Get Stylus

Details

Authorphoton746277

LicenseNo License

Categoryyoutube.com

Created

Updated

Code size20 kB

Code checksum4cbfd9d5

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This is like my userstyle but designed to be compatible with dark mode while improving it.

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         Additional Tweaks for Aozora (dark mode)
@version      20250413.11.14
@namespace    ?
@description  This is like my userstyle but designed to be compatible with dark mode while improving it.
@license      No License
==/UserStyle== */

@-moz-document domain("youtube.com") {
[aozora-styles] .oz_frame .yt-uix-button-subscribe-branded, [aozora-styles] .oz_frame .yt-uix-button-subscribed-branded, [aozora-styles] .distiller-standard-button, [aozora-styles] .yt-uix-pager .yt-uix-button, [aozora-styles] .continuation_item_wrapper button, [aozora-styles] [wl^="w5"]:not([wl^="w5d"]) #st-above-videos-row .yt-uix-button, .st-aozora-sub .yt-uix-button-subscribe-branded, .st-aozora-sub .yt-uix-button-subscribed-branded, .aozora-button, html:not([cosmic-buttons]) [wl^="w5"] .st-ltod .yt-uix-button, [aozora-styles] #page:not(.watch) .yt-uix-button-subscribe-branded, [aozora-styles] #page:not(.watch) .yt-uix-button-subscribed-branded {
  border: 1px solid #333 !important;
  background-image: linear-gradient(rgb(34, 34, 34) 0%, rgb(17, 17, 17) 100%) !important;
}
[aozora-styles] .oz_frame .yt-uix-button-subscribe-branded .yt-uix-button-content span, [aozora-styles] .oz_frame .yt-uix-button-subscribed-branded .yt-uix-button-content span, [aozora-styles] .distiller-standard-button span, .st-aozora-sub .yt-uix-button-subscribe-branded .yt-uix-button-content span, .st-aozora-sub .yt-uix-button-subscribed-branded .yt-uix-button-content span, .aozora-button, [aozora-styles] #page:not(.watch) .yt-uix-button-subscribe-branded .yt-uix-button-content span, [aozora-styles] #page:not(.watch) .yt-uix-button-subscribed-branded .yt-uix-button-content span, html:not([cosmic-buttons]) [wl^="w5"] .st-ltod .yt-uix-button span {
  color: #fff !important;
}
[aozora-styles] .oz_frame .yt-uix-button-subscribe-branded:hover, [aozora-styles] .oz_frame .yt-uix-button-subscribed-branded:hover, [aozora-styles] .distiller-standard-button:hover, [aozora-styles] .yt-uix-pager .yt-uix-button:hover, [aozora-styles] .continuation_item_wrapper button:hover, [aozora-styles] [wl^="w5"]:not([wl^="w5d"]) #st-above-videos-row .yt-uix-button:hover, .st-aozora-sub .yt-uix-button-subscribe-branded:hover, .st-aozora-sub .yt-uix-button-subscribed-branded:hover, .aozora-button:hover, [aozora-styles] #page:not(.watch) .yt-uix-button-subscribe-branded:hover, [aozora-styles] #page:not(.watch) .yt-uix-button-subscribed-branded:hover, html:not([cosmic-buttons]) [wl^="w5"] .st-ltod .yt-uix-button:hover {
  color: #fff !important;
  background-image: linear-gradient(var(--color-ddd), var(--color-fff)) !important;
  border-color: var(--color-ccc) !important;
  box-shadow: #999 0px 0px 3px 0px;
}
[aozora-styles] .oz_frame .yt-uix-button-subscribe-branded:active, [aozora-styles] .oz_frame .yt-uix-button-subscribed-branded:active, [aozora-styles] .distiller-standard-button:active, [aozora-styles] .yt-uix-pager .yt-uix-button:active, [aozora-styles] .continuation_item_wrapper button:active, [aozora-styles] [wl^="w5"]:not([wl^="w5d"]) #st-above-videos-row .yt-uix-button-toggled, [aozora-styles] [wl^="w5"]:not([wl^="w5d"]) #st-above-videos-row .yt-uix-button:active, .st-aozora-sub .yt-uix-button-subscribe-branded:active, .st-aozora-sub .yt-uix-button-subscribed-branded:active, .aozora-button:active, .aozora-button.active, [aozora-styles] #page:not(.watch) .yt-uix-button-subscribe-branded:active, [aozora-styles] #page:not(.watch) .yt-uix-button-subscribed-branded:active, html:not([cosmic-buttons]) [wl^="w5"] .st-ltod .yt-uix-button:active {
  background-image: linear-gradient(var(--color-f1), var(--color-fff)) !important;
  color: #fff !important
}
[exp-fixed-x-icon] .share-service-icon-twitter {
  background: no-repeat url(https://i.ibb.co/s9Xm7h9K/twitter.png);
  background-size: 32px 32px;
  background-position: -0px -0px;
}
.share-service-icon-facebook {
  background: no-repeat url(https://i.ibb.co/1c71ZkZ/facebook.png);
}
.share-service-icon-googleplus {
  background: no-repeat url(https://i.ibb.co/Z12yrx5P/gplus.png);
}
.share-service-icon-reddit {
  background: no-repeat url(https://i.ibb.co/994kYCwh/reddit.png);
}
.share-service-icon-blogger {
  background: no-repeat url(https://i.ibb.co/YTk6wHBR/blogger.png);
}
.share-service-icon-twitter {
  background: no-repeat url(https://i.ibb.co/s9Xm7h9K/twitter.png);
  background-size: 32px 32px;
  background-position: -0px -0px;
}
.share-service-icon-tumblr {
  background: no-repeat url(https://i.ibb.co/wZbb06xQ/tumblr.png);
}
.share-service-icon-linkedin {
  background: no-repeat url(https://i.ibb.co/k2HN39th/linkedin.png);
}
.share-service-icon-goo {
  background: no-repeat url(https://i.ibb.co/XfNTq4zP/goo.png);
}
[aozora-styles] .lohp-video-link, [aozora-styles] .video-list .video-list-item .title, [aozora-styles] .yt-lockup-title a, [aozora-styles] .yt-lockup .yt-lockup-meta a, [aozora-styles] .yt-lockup:hover a, [aozora-styles] .yt-lockup:hover .yt-lockup-meta a, [aozora-styles] .yt-lockup:hover .yt-lockup-description a {
  color: #ccc !important;
  font-weight: normal;
}
[wl^="w5"]:not([wl="w5d"]) #watch-description-toggle .yt-uix-button-text {
  color: #ccc;
  font-size: 12px;
  font-weight: normal;
}
[exp-aozora-styles] #aozora-topbar-links .aozora-topbar-link {
  color: #ccc;
}
.feed-item-main a.yt-user-name {
   color: #ccc !important;
}
[aozora-styles] [wl^="w5"] .st-desc-views-info a {
  color: #ccc;
}
[wl^="w5"]:not([wl^="w5d"]) .st-owner-name a {
  color: #ccc;
  font-weight: var(--bold);
  font-size: 14px;
}
.addto-watch-later-button-success img {
  background: no-repeat url(https://i.ibb.co/TG9ddt5/yes.png) -4px -3px;
  width: 20px;
  height: 20px;
}
.yt-default .yt-notes, p.yt-notes {
  color: var(--333);
}
.yt-close-img, .box-close-link img, .yt-uix-clickcard-close, .close-small {
  opacity: .8;
  cursor: pointer;
  width: 12px;
  height: 12px;
  background: no-repeat url(https://i.ibb.co/k21hsFTX/close-vflxn-TNTT.png)
}
.st-panel-close .st-icon {
  background: no-repeat url(https://raw.githubusercontent.com/thxdeeply/tweaks/refs/heads/main/StarTubeYT2011/master-vfl181382_2010.png) -32px -142px;
  width: 16px;
  height: 16px;
  opacity: .9;
}
.yt-alert .close:hover {
  background: no-repeat url("https://raw.githubusercontent.com/thxdeeply/tweaks/refs/heads/main/StarTubeYT2011/msg_icn-vfl138364.png") -225px -11px;
}
[layout^="stargazer"] .st-video-dd-trigger, [aozora-styles] .st-video-dd-trigger {
  background: #000 !important;
  border: 1px solid #333 !important;
}
[layout^="stargazer"] .st-video-dd-trigger span, [aozora-styles] .st-video-dd-trigger span {
  color: #fff;
}
[exp-epic-styling] .checkbox-on-off > label, [exp-epic-styling] .distiller_yt_headline b, [cosmic-styles] .checkbox-on-off > label, [cosmic-styles] .distiller_yt_headline b, [aozora-styles] .checkbox-on-off > label, [aozora-styles] .distiller_yt_headline b {
  color: #f2f2f2;
}
#logo-container:focus {
  background-color: #151c24;
  outline: 3px solid #151c24;
}
[layout^="stargazer"] .st-video-dd-trigger:hover, [aozora-styles] .st-video-dd-trigger:hover {
  background-color: #4c4e51 !important;
  border-color: #646464 !important
}
.player-unavailable {
  background: #000;
  font-weight: normal;
  text-shadow: 1px 1px 0 #000;
  background-image: -moz-linear-gradient(top, #111, #383838);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#111), to(#383838));
  filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr="#111111", endColorStr="#383838");
}
.player-unavailable .content .message {
  margin: 0 -1px 3px;
  padding: 0 0 0;
  border-bottom: none;
  font-size: 26px;
  text-shadow: 1px 1px 0 #000;
}
.player-unavailable .content .submessage {
  text-shadow: 0 1px 1px #000;
  color: #999;
  font-size: 16px;
}
.player-unavailable .icon {
  position: absolute;
  width: 107px;
  height: 75px;
  left: 25%;
  top: 60%;
  margin-left: -32px;
  margin-top: -14px; 
  content: url("https://s.ytimg.com/yt/img/meh-vflQF1ybI.png");
}
.player-unavailable .content {
  position: absolute;
  top: auto;
  left: 263px;
  bottom: 98px;
  right: 25px;
}
[aozora-styles] #videos-dd-link {
  color: #ccc;
}
[aozora-styles] [wl^="w5"]:not([wl^="w5d"]) #st-above-videos-row .yt-uix-button {
  color: #fff;
}
[aozora-styles] .sc-video-title {
  color: #ccc;
}
[aozora-styles] .sc-video:hover .sc-video-title {
  color: #ccc;
}
.ux-thumb-wrap .yt-uix-button.addto-button {
  -webkit-transition: opacity 0.2s ease-out;
}
.livestream_chat.yt-uix-expander-collapsed .header .oz-sprite-conversation-expander {
  transform: unset;
  background: no-repeat url("https://s.ytimg.com/yt/img/master.png") -0px -142px;
}
#yt-picker-language-button, #yt-picker-country-button, #yt-picker-safetymode-button, #yt-picker-darktheme-button {
  color: #ccc !important;
}
#masthead-expanded .masthead-expanded-menu-item a, #footer-links-primary a, #footer-links-secondary a, .multirow-shelf .yt-uix-expander-head {
   color: #ccc !important;
}
[aozora-styles] #watch7-sidebar-contents .autoplay-bar .watch-sidebar-head {
   color: #b3b3b3;
}
#yt-masthead-user #sb-button-notify {
    border-left: none;
}
.feed-author-bubble {
background: transparent url(https://i.ibb.co/39CnKzms/upload.png) no-repeat scroll 0 0;
  background-position: 26px 10px;
}
.feed-author-bubble .feed-item-author {
  display: none;
}
.yt-uix-button-subscribe-branded + .yt-subscription-button-subscriber-count-branded-horizontal, .yt-uix-button-subscribe-unbranded + .yt-subscription-button-subscriber-count-unbranded-horizontal, .yt-uix-button-subscribe-branded + .yt-uix-subscription-preferences-button + .yt-subscription-button-subscriber-count-branded-horizontal, .yt-uix-button-subscribed-branded + .yt-subscription-button-subscriber-count-branded-horizontal.subscribed, .yt-ui...

Reviews

No reviews yet.