Since I joined YouTube Premium, I struggled for about 2 hours to port the original logo.
The position of the logo is slightly different compared to the actual logo, but please forgive me.
I'm told that "d" is a property I don't know, but I can't help it, so I didn't do anything.
Notes
Userstyle doesn't have notes.
Source code
/* ==UserStyle==
@name YouTubeのロゴをPremiumのものに差し替えるやつ
@namespace www.youtube.com
@version 1.0.0
@description せっかくYouTubePremiumに加入したので本家のロゴを移植させようと2時間ほど奮闘した結果です。実際のロゴと比べると位置が若干違うのはご愛敬ってことで許してください。dがひたすら知らねぇプロパティだって言われてますが、どうしようもないので何もしてません。
@author Aoi_Tomoe
==/UserStyle== */
@-moz-document domain("www.youtube.com") {
#logo-icon,
#logo-icon-container {
width: 103px
}
/*YT-logo svg*/
#logo-icon>svg>g>g:nth-child(1)>path,
#logo-icon-container>svg>g>g:nth-child(1)>path{
d: path("M 27.9704 3.12324 C 27.6411 1.89323 26.6745 0.926623 25.4445 0.597366 C 23.2173 2.24288e-7 14.2827 0 14.2827 0 C 14.2827 0 5.34807 2.24288e-7 3.12088 0.597366 C 1.89323 0.926623 0.924271 1.89323 0.595014 3.12324 C -2.80360e-7 5.35042 0 10 0 10 C 0 10 -0.00000157002 14.6496 0.597364 16.8768 C 0.926621 18.1068 1.89323 19.0734 3.12324 19.4026 C 5.35042 20 14.285 20 14.285 20 C 14.285 20 23.2197 20 25.4468 19.4026 C 26.6769 19.0734 27.6435 18.1068 27.9727 16.8768 C 28.5701 14.6496 28.5701 10 28.5701 10 C 28.5701 10 28.5677 5.35042 27.9704 3.12324 Z");
fill: rgb(255, 0, 0);
}
#logo-icon>svg>g>g:nth-child(1)>path:nth-child(2),
#logo-icon-container>svg>g>g:nth-child(1)>path:nth-child(2) {
d: path("M 11.4275 14.2854 L 18.8475 10.0004 L 11.4275 5.71533 V 14.2854 Z");
fill: white;
}
html[dark] #logo-icon>svg>g>g:nth-child(1)>path,
html[dark] #logo-icon-container>svg>g>g:nth-child(1)>path{
d: path("M 27.9704 3.12324 C 27.6411 1.89323 26.6745 0.926623 25.4445 0.597366 C 23.2173 2.24288e-7 14.2827 0 14.2827 0 C 14.2827 0 5.34807 2.24288e-7 3.12088 0.597366 C 1.89323 0.926623 0.924271 1.89323 0.595014 3.12324 C -2.80360e-7 5.35042 0 10 0 10 C 0 10 -0.00000157002 14.6496 0.597364 16.8768 C 0.926621 18.1068 1.89323 19.0734 3.12324 19.4026 C 5.35042 20 14.285 20 14.285 20 C 14.285 20 23.2197 20 25.4468 19.4026 C 26.6769 19.0734 27.6435 18.1068 27.9727 16.8768 C 28.5701 14.6496 28.5701 10 28.5701 10 C 28.5701 10 28.5677 5.35042 27.9704 3.12324 Z");
fill: rgb(255, 0, 0);
}
html[dark] #logo-icon>svg>g>g:nth-child(1)>path:nth-child(2),
html[dark] #logo-icon-container>svg>g>g:nth-child(1)>path:nth-child(2) {
d: path("M 11.4275 14.2854 L 18.8475 10.0004 L 11.4275 5.71533 V 14.2854 Z");
fill: white;
}
/*"Premium"svg*/
#youtube-paths>path:nth-child(1){
d: path("M 40.0566 6.34524 V 7.03668 C 40.0566 10.4915 38.5255 12.5118 35.1742 12.5118 H 34.6638 V 18.5583 H 31.9263 V 1.42285 H 35.414 C 38.6078 1.42285 40.0566 2.7728 40.0566 6.34524 Z M 37.1779 6.59218 C 37.1779 4.09924 36.7287 3.50658 35.1765 3.50658 H 34.6662 V 10.4727 H 35.1365 C 36.6064 10.4727 37.1803 9.40968 37.1803 7.10253 L 37.1779 6.59218 Z")
}
#youtube-paths>path:nth-child(2){
d: path("M 46.5336 5.8345 L 46.3901 9.08238 C 45.2259 8.83779 44.264 9.02123 43.836 9.77382 V 18.5579 H 41.1196 V 6.0391 H 43.2857 L 43.5303 8.75312 H 43.6337 C 43.9183 6.77288 44.8379 5.771 46.0232 5.771 C 46.1949 5.7757 46.3666 5.79687 46.5336 5.8345 Z")
}
#youtube-paths>path:nth-child(3){
d: path("M 49.6567 13.2456 V 13.8782 C 49.6567 16.0842 49.779 16.8415 50.7198 16.8415 C 51.6182 16.8415 51.8228 16.1501 51.8439 14.7178 L 54.2734 14.8613 C 54.4568 17.5565 53.0481 18.763 50.6586 18.763 C 47.7588 18.763 46.9004 16.8627 46.9004 13.4126 V 11.223 C 46.9004 7.58707 47.8599 5.80908 50.7409 5.80908 C 53.6407 5.80908 54.3769 7.32131 54.3769 11.0984 V 13.2456 H 49.6567 Z M 49.6567 10.6703 V 11.5687 H 51.7193 V 10.675 C 51.7193 8.37258 51.5547 7.71172 50.6821 7.71172 C 49.8096 7.71172 49.6567 8.38669 49.6567 10.675 V 10.6703 Z")
}
#youtube-paths>path:nth-child(4){
d: path("M 68.4103 9.09902 V 18.5557 H 65.5928 V 9.30834 C 65.5928 8.28764 65.327 7.77729 64.7132 7.77729 C 64.2216 7.77729 63.7724 8.06186 63.4667 8.59338 C 63.4832 8.76271 63.4902 8.93439 63.4879 9.10373 V 18.5605 H 60.668 V 9.30834 C 60.668 8.28764 60.4022 7.77729 59.7884 7.77729 C 59.2969 7.77729 58.8665 8.06186 58.5631 8.57456 V 18.5628 H 55.7456 V 6.03929 H 57.9728 L 58.2221 7.63383 H 58.2621 C 58.8947 6.42969 59.9178 5.77588 61.1219 5.77588 C 62.3072 5.77588 62.9799 6.36854 63.288 7.43157 C 63.9418 6.34973 64.9225 5.77588 66.0443 5.77588 C 67.7564 5.77588 68.4103 7.00119 68.4103 9.09902 Z")
}
#youtube-paths>path:nth-child(5){
d: path("M 69.8191 2.8338 C 69.8191 1.4862 70.3106 1.09814 71.3501 1.09814 C 72.4132 1.09814 72.8812 1.54734 72.8812 2.8338 C 72.8812 4.22373 72.4108 4.57181 71.3501 4.57181 C 70.3106 4.56945 69.8191 4.22138 69.8191 2.8338 Z M 69.9837 6.03935 H 72.6789 V 18.5629 H 69.9837 V 6.03935 Z")
}
#youtube-paths>path:nth-child(6){
d: path("M 81.891 6.03955 V 18.5631 H 79.6849 L 79.4403 17.032 H 79.3792 C 78.7466 18.2573 77.827 18.7677 76.684 18.7677 C 75.0095 18.7677 74.2522 17.7046 74.2522 15.3975 V 6.0419 H 77.0697 V 15.2352 C 77.0697 16.3382 77.3002 16.7874 77.867 16.7874 C 78.3844 16.7663 78.8477 16.4582 79.0688 15.9902 V 6.0419 H 81.891 V 6.03955 Z")
}
#youtube-paths>path:nth-child(7){
d: path("M 96.1901 9.09893 V 18.5557 H 93.3726 V 9.30825 C 93.3726 8.28755 93.1068 7.7772 92.493 7.7772 C 92.0015 7.7772 91.5523 8.06177 91.2465 8.59329 C 91.263 8.76027 91.2701 8.9296 91.2677 9.09893 V 18.5557 H 88.4502 V 9.30825 C 88.4502 8.28755 88.1845 7.7772 87.5706 7.7772 C 87.0791 7.7772 86.6487 8.06177 86.3453 8.57447 V 18.5627 H 83.5278 V 6.0392 H 85.7527 L 85.9973 7.63139 H 86.0372 C 86.6699 6.42725 87.6929 5.77344 88.8971 5.77344 C 90.0824 5.77344 90.755 6.3661 91.0631 7.42913 C 91.7169 6.34729 92.6976 5.77344 93.8194 5.77344 C 95.541 5.77579 96.1901 7.0011 96.1901 9.09893 Z")
}
}