RU:
Закруглённые изображения, и не только!
EN:
Rounded images, and more!
YouTube SquaRE+ by felixan01
Details
Authorfelixan01
LicenseNo License
Categoryyoutube
Created
Updated
Size65 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
3.1.0 MYT & SYT Support [24.10.2024]
RU:
[+] - Добавлена поддержка сайтов - [music.youtube.com] и [studio.youtube.com]
EN (Google Translate):
[+] - Added support sites - [music.youtube.com] & [studio.youtube.com]
—————————————————————————————–—————————————————————————————
3.0.17 Transferring accents to a separate style [07.10.2024]
RU:
[-] - Убран код акцента.
EN:
[-] - Remove accent code.
—————————————————————————————–—————————————————————————————
3.0.0 Rewrite Code, +Fixes, +Removed Useless Code [07.10.2024]
RU:
[~] - Полностью переписал весь стиль.
[~] - Убрал костыльный код, и в целом код стал чище.
[+] - Добавлены функции "Alternate Design"(Сырой вид) и "Hide Usless Info".
[+] - Добавил опцию для отключения SquaRE (Для тех кто любит акцент и т.д. без закруглений)
[+] - Вернул обратно компактные кнопки.
[!] - Solar иконки будут в след. версиях. В данный момент нет желания/сил их добавлять.
EN (Google Translate):
[~] - Completely rewrote the entire style.
[~] - Removed the crutch code, and in general the code became cleaner.
[+] - Added the "Alternate Design"(Alpha State) and "Hide Usless Info" functions.
[+] - Added an option to disable SquaRE (For those who like accents, etc. without rounding)
[+] - Bring back compact buttons.
[!] - Solar icons will be in next versions. At the moment there is no desire/strength to add them.
—————————————————————————————–—————————————————————————————
2.0.1 Hotfix [26.10.2023]
RU:
[~] - Исправлена галочка артиста
EN:
[~] - Fixed artist check mark
—————————————————————————————–—————————————————————————————
2.0.0 Update [24.10.2023]
RU:
[+] - Добавлена поддержка m.youtube.com [W.I.P]
[~] - Исправлены компактные кнопки.
[~] - Исправлен акцент.
[~] - Исправлены закругленные элементы (Новые части интерфейса YouTube).
[~] - Исправлен альтернативный фон у видео.
[~] - Исправлены иконки и альт галочки.
[-] - Убраны некоторые закругленные иконки.
EN (Google Translate):
[+] - Added support for m.youtube.com [W.I.P]
[~] - Fixed compact buttons.
[~] - Fixed Accent.
[~] - Fixed rounded elements (New parts of the YouTube interface).
[~] - Fixed better video background.
[~] - Fixed icons and alt checkmarks.
[-] - Removed some rounded icons.
—————————————————————————————–—————————————————————————————
1.2.0U Fixes and Unfinished stuff [11.06.2023]
RU:
[+] - Цвет/Акцент выделения теперь работает с акцентом.
[+] - Добавлены компактные кнопки.
[~] - Большой фикс для акцентов (Желательно использовать последнюю версию хромиума).
[~] - Больше закруглений элементов.
[~] - И прочие фиксы, о которых я не помню.
EN (Google Translate):
[+] - Selection Color/Accent now works with accent.
[+] - Added compact buttons.
[~] - Big fix for accents (It is desirable to use the latest version of Сhromium).
[~] - More rounding elements.
[~] - And other fixes that I don't remember.
P.S RU: Я немного устал. Обновление было давно "готово", но у меня не было настроение его заливать. Код не чистил, лень. Когда появится настроение - сделаю нормальное обновление.
Данное обновление не проверялось на FireFox и на старых версиях Chromium.
—————————————————————————————–—————————————————————————————
1.1.2 HotFix [07.05.2023]
RU:
Маленький хотфикс для будущих обновлений.
[+] - Исправлены закругления, и закруглены новые классы.
EN (Google Translate):
Small hotfix for future updates.
[+] - Fixed roundings, and rounded new classes.
—————————————————————————————–—————————————————————————————
1.1.1 Final HotFix/Update (For now) [15.04.2023]
RU:
[~] - Пофикшен баг с альтернативной галочкой.
[~] - Полностью НОРМАЛЬНЫЙ рабочий акцент в YouTube Studio и YouTube Music.
[~] - Немного исправлений в YouTube Shorts.
EN (Google Translate):
[~] - Fixed a bug with an alternative icon verify.
[~] - Completely NORMAL working accent in YouTube Studio and YouTube Music.
[~] - Some fixes in YouTube Shorts.
—————————————————————————————–—————————————————————————————
1.1.0 Another Update [15.04.2023]
RU:
[+] - Добавлен Альт. Цвет фона в плеере. (По стандарту - отключено).
[~] - Пофикшены баги с плеером.
[~!] - Полностью доделан акцент! Теперь он не в бете (Спасибо моему другу который искал недокрасы и баги в белой теме).
[~] - Небольшая сортировка кода.
[-] - Удалены placeholder'ы и amogus.
EN (Google Translate):
[+] - Added Better Background color in the player. (By default - disabled).
[~] - Fixed bugs with the player.
[~!] - Accent completely done! Now it's not in beta (Thanks to my friend who was looking for underpainting and bugs in the white theme).
[~] - Minor code sorting.
[-] - Removed placeholders and amogus.
—————————————————————————————–—————————————————————————————
1.0.5 Another Hotfix [15.04.2023]
RU:
[+] - Скрытие региона (По стандарту - отключено).
[~] - Глобальная покраска акцента (Возможно немного сломано в светлой теме).
[~] - Закруглено больше тултипов, и прочих подобных классов.
[~] - Небольшая сортировка кода + Небольшая чистка кода.
[~] - Небольшой покрас акцента в YouTube Studio.
EN (Google Translate):
[+] - Hiding the region mark (By default - disabled).
[~] - Global accent painting (Probably a bit broken in the light theme).
[~] - Rounded more tooltips and similar classes.
[~] - Minor code sorting + Minor code cleaning.
[~] - Small accent color in YouTube Studio.
—————————————————————————————–—————————————————————————————
1.0.4 Another Hotfix [14.04.2023]
RU:
[~] - Покрасил больше иконок и кнопок для акцента.
[~] - Закруглено больше аватарок.
[ඞ] - Amogus.
EN (Google Translate):
[~] - Colored more icons and buttons for emphasis.
[~] - Rounded more avatars.
[ඞ] - Amogus.
—————————————————————————————–—————————————————————————————
1.0.3 Hotfix [11.04.2023]
RU:
[~] - Покрасил больше иконок и кнопок для акцента.
[~] - Закруглено больше аватарок. (Спасибо @healkazuin за недостающий class)
EN (Google Translate):
[~] - Colored more icons and buttons for emphasis.
[~] - Rounded more avatars. (Thanks to @healkazuin for the missing class)
—————————————————————————————–—————————————————————————————
1.0.2 Accents! 🎨 [10.04.2023]
RU:
[+] - Добавлен акцент (beta).
[+] - Добавлена настройка к акценту.
[+] - Добавлен свитч к акценту.
[!] - По стандарту он выключен.
EN (Google Translate):
[+] - Added accent (beta).
[+] - Added setting to accent.
[+] - Added a switch to the accent.
[!] - By default, it is disabled.
—————————————————————————————–—————————————————————————————
1.0.1 HotFix! 🌹 [10.04.2023]
RU:
[+] - Добавлена поддержка сайтов music.youtube.com, и youtubekids.com
[+] - Добавлена новая настройка "Alternate Icons [Альт. Иконки]"
[+] - Добавлены Альтернативные иконки (Позже их будет больше).
[+] - Теперь в меню поделиться закругленные иконки сайтов (Так-же добавлен современный вид иконок).
[~] - Закруглил почти все аватарки.
EN (Google Translate):
[+] - Added support for sites music.youtube.com, and youtubekids.com
[+] - Added new setting "Alternate Icons [Alternate Icons]"
[+] - Added Alternative icons (Later there will be more).
[+] - Now in the share menu rounded site icons (Also added a modern look of the icons).
[~] - Rounded almost all avatars.
—————————————————————————————–—————————————————————————————
1.0 ReWrite! 🙌 [10.04.2023]
RU:
[~] - Полностью переписанный стиль.
[~] - Теперь все скелеты отлично закруглены. (Спасибо FireFox)
[+] - Закруглена реклама. (ура?..)
[~] - Новое название.
EN (Google Translate):
[~] - Completely rewritten style.
[~] - Now all skeletons are perfectly rounded. (Thanks FireFox)
[+] - Rounded ads. (hooray?..)
[~] - New name.
—————————————————————————————–—————————————————————————————
0.4 Update! 🤔 [22.01.2023]
[+] - Более менее работает на новом интерфейсе ютуба.
—————————————————————————————–—————————————————————————————
0.3 Hotfix! 🙄 [15.08.2022]
[Fix] - Чета фиксанул, но не помню че
Добавлено - 13 строки. Убрано - 2 строки.
—————————————————————————————–—————————————————————————————
0.2 Update! 🎂 [22.07.2022]
[Add] - Добавлена настройка "Изображения".
[Add] - Теперь закруглены hover(хуверы).
[Add] - Добавлен шрифт Youtube Sans для названия видео.
[Fix] - Закруглена большая часть аватарок.
[Fix] - Закруглена большая часть кнопок.
[Fix] - Закруглена большая часть тултипов.
[Fix] - Закруглен YouTube Studio (не полностью).
[Change] - New Preview.
Добавлено - 72 строки. Убрано - 0 строк.
—————————————————————————————–—————————————————————————————
0.1 Beta-Release! 🌭 [19.07.2022]
[Add] - Закруглены почти все аватарки.
[Add] - Закруглены почти все кнопки.
[Add] - Закруглены почти все иконки(не свг).
[Add] - Присутствует настройка закругления.
[Notes] - Сделал YouTube SquaRE от безделья, не обещаю что регулярно буду обновлять этот стиль.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name YouTube SquaRE+
@namespace dotProjects
@author dotFelixan
@preprocessor stylus
@description Закруглённые изображения, и не только!
@version 3.1.5
@var checkbox SquaRE 'Square Elements [Закругление Элементов]' 1
@var range Avatars "Avatars [Аватарки]" [16, 0, 50, 1, "%"]
@var range Images "Images [Изображения]" [3, 0, 20, 1, "px"]
@var range Buttons "Buttons [Кнопки]" [3, 0, 25, 1, "px"]
@var range Tooltips "Tooltips [Тултипы]" [3, 0, 25, 1, "px"]
@var checkbox AltDesign 'Alternate Design [Альт. Дизайн] λ' 0
@var checkbox BCBV 'Better Background [Альт. Фон]' 0
@var checkbox CompactButtons 'Compact Buttons [Компактные кнопки]' 0
@var checkbox RegionMark 'Hide Region [Скрыть Регион]' 0
@var checkbox UselessInfo 'Hide Useless Info [Скрыть Бесполезную Информацию]' 0
==/UserStyle== */
/*@var checkbox Solar 'Solar Icons [Solar Иконки] λ - W.I.P [NO CODE YET]' 0*/
@-moz-document domain("youtube.com"), domain("m.youtube.com"), domain("studio.youtube.com"), domain("music.youtube.com"), domain("www.youtubekids.com"), domain("accounts.youtube.com"), domain("payments.youtube.com"), domain("docs.google.com") {
/* Square Elemets */
if (SquaRE) {
/* Avatars */
.yt-spec-avatar-shape__button--tappable.yt-spec-avatar-shape__button--button-giant.yt-spec-avatar-shape__button.yt-spec-avatar-shape > .yt-spec-avatar-shape--cairo-refresh.yt-spec-avatar-shape--live-ring:after,
.yt-core-image--loaded.yt-core-image--content-mode-scale-to-fill.yt-core-image--fill-parent-width.yt-core-image--fill-parent-height.YtwPivotButtonViewModelHostImage.yt-core-image,
.yt-core-image--loaded.yt-core-image--content-mode-scale-to-fill.yt-core-image--fill-parent-width.yt-core-image--fill-parent-height.yt-spec-avatar-shape__image.yt-core-image,
.yt-content-preview-image-view-model-wiz--circle-image.yt-content-preview-image-view-model-wiz.page-header-view-model-wiz__page-header-headline-image,
.yt-spec-avatar-shape__button--tappable.yt-spec-avatar-shape__button--button-medium.yt-spec-avatar-shape__button.yt-spec-avatar-shape > div,
.yt-core-image--loaded.yt-core-image--content-mode-scale-to-fill.yt-channel-external-link-view-model-wiz__favicon.yt-core-image,
.ytd-structured-description-channel-lockup-renderer.style-scope > .ytd-thumbnail.style-scope.inline-block.yt-simple-endpoint,
yt-img-shadow.no-transition.ytd-sponsorships-perk-renderer.style-scope.images > .yt-img-shadow.style-scope,
.yt-spec-avatar-shape__image.yt-spec-avatar-shape__image-overlays > .YtThumbnailHoverOverlayViewModelHost,
ytmusic-thumbnail-renderer[thumbnail-crop=MUSIC_THUMBNAIL_CROP_CIRCLE] .image.ytmusic-thumbnail-renderer,
ytcp-channel-editing-thumbnail[display-round-thumbnail] .thumbnail-img.ytcp-channel-editing-thumbnail,
.no-transition.ytd-topbar-menu-button-renderer.style-scope > .yt-img-shadow.style-scope,
#thumbnail-container > .ytd-structured-description-channel-lockup-renderer.style-scope,
.no-transition.ytd-backstage-post-renderer.style-scope > .yt-img-shadow.style-scope,
.no-transition.ytd-account-item-renderer.style-scope > .yt-img-shadow.style-scope,
.no-transition.ytd-guide-entry-renderer.style-scope > .yt-img-shadow.style-scope,
#dialog-header > .no-transition.ytd-backstage-post-dialog-renderer.style-scope,
.ytp-ce-element.ytp-ce-website.ytp-ce-element-show > .ytp-ce-expanding-image,
.ytd-backstage-image-poll-editor-renderer.style-scope.add-image-icon-button,
.no-transition.ytd-video-description-infocards-section-renderer.style-scope,
ytmusic-thumbnail-renderer[thumbnail-crop=MUSIC_THUMBNAIL_CROP_CIRCLE],
.ytd-ghost-grid-renderer.style-scope.skeleton-bg-color.channel-avatar,
#author-thumbnail.ytd-post-renderer yt-img-shadow.ytd-post-renderer,
.yt-spec-avatar-shape__image.yt-spec-avatar-shape__image-overlays,
.no-transition.ytd-sponsorships-offer-renderer.style-scope.avatar,
.no-transition.ytd-notification-renderer.style-scope.thumbnail,
.no-transition.ytd-active-account-header-renderer.style-scope,
yt-img-shadow.yt-live-chat-ticker-paid-message-item-renderer,
.no-transition.ytd-topbar-menu-button-renderer.style-scope,
.no-transition.ytd-comment-simplebox-renderer.style-scope,
.account-image.ytcp-promotion-preview-core[cta=SUBSCRIBE],
.ytp-ce-channel, .ytp-ce-channel .ytp-ce-expanding-image,
.no-transition.ytd-comment-replies-renderer.style-scope,
.b3-line-item.b3-line-item-hero .b3-line-item-image img,
.no-transition.ytd-channel-options-renderer.style-scope,
yt-img-shadow.yt-live-chat-ticker-sponsor-item-renderer,
.no-transition.ytd-backstage-post-renderer.style-scope,
#header-author-thumbnail > .yt-img-shadow.style-scope,
.no-transition.ytd-connected-app-renderer.style-scope,
.no-transition.yt-clip-creation-renderer.style-scope,
.no-transition.ytd-grid-channel-renderer.style-scope,
.no-transition.ytd-account-item-renderer.style-scope,
.b3-line-item.b3-line-item-hero .b3-line-item-image,
.no-transition.ytd-guide-entry-renderer.style-scope,
.channel-avatar.ytcp-channel-picker-form-container,
.ytp-ce-element.ytp-ce-website.ytp-ce-element-show,
#author-thumbnail.ytd-pdg-comment-preview-renderer,
.no-transition.ytd-comment-view-model.style-scope,
#author-photo.yt-live-chat-text-message-renderer,
#author-photo.yt-live-chat-paid-message-renderer,
.channel-image.ytd-sponsorships-avatar-renderer,
yt-img-shadow.yt-live-chat-participant-renderer,
.no-transition.ytd-channel-renderer.style-scope,
.yt-avatar-stack-view-model-wiz__text-container,
tp-yt-paper-icon-button.ytmusic-settings-button,
#hearted-thumbnail.ytd-creator-heart-renderer,
.no-transition.ytd-video-renderer.style-scope,
#watermark-image.ytcp-video-watermark-upload,
tp-yt-iron-icon.ytls-user-experience-dialog,
.action-overlay.ytcp-video-player-controls,
.profile-preview.ytcp-profile-image-upload,
#circle.ytcp-uploads-file-picker-animation,
.channel-thumbnail-icon.YtProfileIconHost,
#burst.ytcp-uploads-file-picker-animation,
#user-avatar > .yt-img-shadow.style-scope,
.yt-spec-avatar-shape--avatar-size-medium,
.no-transition.ytd-commentbox.style-scope,
.yt-spec-avatar-shape__on-select-border,
.pc1.pc31.n9:not(.f1):not(.f2):not(.f3),
.image-thumbnail.ytcp-navigation-drawer,
.ytm-comments-entry-point-teaser-avatar,
.ytp-ce-channel .ytp-ce-element-shadow,
.ytp-share-panel-service-button svg,
#home-page-skeleton .channel-avatar,
#video-owner > .skeleton-bg-color,
.html5-ypc-thumbnail img.avatar,
.skeleton-bg-color.menu-button,
.ytp-doubletap-static-circle,
.avatar-thumbnail.ytcp-chip,
.ytp-speedmaster-user-edu,
.ytp-ad-avatar--circular,
.creator-heart-thumbnail,
.ytp-title-channel-logo,
.masthead-skeleton-icon,
.ytp-menuitem-icon svg,
#drop-icon-container,
.YtProfileIconImage,
#account-button img,
.comment-heart-icon,
.ytp-tooltip-image,
.ytp-author-image,
#icon-container,
#avatar-section,
.iv-branding,
#user-avatar,
.ytp-bezel,
#avatar,
placeholder {
-webkit-border-radius: Avatars !important;
}
/* Avatars - Fixes */
/* Icon Square */
ytd-rich-metadata-renderer[component-style=RICH_METADATA_RENDERER_STYLE_TOPIC] #thumbnail.ytd-rich-metadata-renderer {
--yt-img-border-radius: Avatars !important;
}
/* Heart Comment */
.yt-spec-avatar-shape--cairo-refresh.yt-spec-avatar-shape--live-ring::after,
#hearted-thumbnail.ytd-creator-heart-renderer {
border-radius: Avatars + 6% !important;
}
/* Donate Author */
.channel-image.ytd-sponsorships-avatar-renderer {
--yt-img-border-radius: Avatars !important;
}
#author-photo.ytd-sponsorships-live-chat-header-renderer {
--yt-img-border-radius: Avatars !important;
}
/* Fix Selected Avatar */
ytd-account-item-renderer[enable-ring-for-active-account] yt-img-shadow.ytd-account-item-renderer {
background: var(--yt-spec-call-to-action) !important;
}
/* Border Avatars for Playlist */
.yt-spec-avatar-shape--no-margin.yt-spec-avatar-shape--avatar-size-extra-small > .yt-core-image--loaded.yt-core-image--content-mode-scale-to-fill.yt-core-image--fill-parent-width.yt-core-image--fill-parent-height.yt-spec-avatar-shape__image.yt-core-image {
outline: 2px solid var(--yt-spec-base-background) !important;
}
/* Images */
.yt-video-attribute-view-model__link-container > .yt-video-attribute-view-model__hero-section > .yt-core-image--loaded.yt-core-image--content-mode-scale-to-fill.yt-core-image--fill-parent-width.yt-core-image--fill-parent-height.yt-video-attribute-view-model__hero-image.yt-core-image,
.ytd-playlist-video-thumbnail-renderer.style-scope > .yt-core-image--loaded.yt-core-image--content-mode-scale-aspect-fill.yt-core-image--fill-parent-width.yt-core-image--fill-parent-height.yt-core-image,
yt-image.ytd-thumbnail.style-scope > .yt-core-image--loaded.yt-core-image--content-mode-scale-aspect-fill.yt-core-image--fill-parent-width.yt-core-image--fill-parent-height.yt-core-image,
.ytp-autohide.playing-mode.ytp-hide-info-bar.ytp-bigboards.ytp-fit-cover-video.ytp-exp-ppp-update.ytp-modern-caption.ytp-exp-bottom-control-flexbox.ytp-hide-controls.html5-video-player,
.yt-core-image--loaded.yt-core-image--content-mode-scale-aspect-fill.yt-core-image--fill-parent-width.yt-core-image--fill-parent-height.ShortsLockupViewModelHostThumbnail.yt-core-image,
ytd-carousel-item-renderer[rounded] #pagination-thumbnails.ytd-carousel-item-renderer button.ytd-carousel-item-renderer yt-img-shadow.ytd-carousel-item-renderer,
.yt-image-banner-view-model-wiz--position-absolute.yt-image-banner-view-model-wiz--inset.yt-image-banner-view-model-wiz > .YtThumbnailHoverOverlayViewModelHost,
.ShortsLockupViewModelHostThumbnailContainerCustomDimensions.ShortsLockupViewModelHostThumbnailContainerRounded.ShortsLockupViewModelHostThumbnailContainer,
.ytp-ce-element-show.ytp-ce-size-1920.ytp-ce-top-left-quad.ytp-ce-medium-round.ytp-ce-channel-this.ytp-ce-channel.ytp-ce-element > .ytp-ce-element-shadow,
.image-overlay-text....