mirror of
https://github.com/meowarex/TidaLuna-Plugins.git
synced 2026-06-18 03:43:10 +10:00
172 lines
4.9 KiB
CSS
172 lines
4.9 KiB
CSS
/* Global Spinning Background Styles - PERFORMANCE OPTIMIZED */
|
|
|
|
.global-background-container {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
z-index: -3;
|
|
pointer-events: none;
|
|
overflow: hidden;
|
|
/* Hardware acceleration */
|
|
transform: translateZ(0);
|
|
backface-visibility: hidden;
|
|
}
|
|
|
|
.global-spinning-black-bg {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #000;
|
|
z-index: -2;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.global-spinning-image {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 150vw;
|
|
height: 150vh;
|
|
object-fit: cover;
|
|
z-index: -1;
|
|
filter: blur(80px) brightness(0.4) contrast(1.2) saturate(1);
|
|
opacity: 1;
|
|
animation: spinGlobal 45s linear infinite;
|
|
will-change: transform;
|
|
/* Hardware acceleration */
|
|
transform-origin: center center;
|
|
backface-visibility: hidden;
|
|
}
|
|
|
|
/* Now Playing Background Container Optimization */
|
|
.now-playing-background-container {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: -3;
|
|
pointer-events: none;
|
|
overflow: hidden;
|
|
/* Hardware acceleration */
|
|
transform: translateZ(0);
|
|
backface-visibility: hidden;
|
|
}
|
|
|
|
/* Optimized keyframe animations with GPU acceleration */
|
|
@keyframes spinGlobal {
|
|
from {
|
|
transform: translate(-50%, -50%) rotate(0deg);
|
|
}
|
|
to {
|
|
transform: translate(-50%, -50%) rotate(360deg);
|
|
}
|
|
}
|
|
|
|
/* Reduced motion for users who prefer it */
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.global-spinning-image,
|
|
.now-playing-background-image {
|
|
/* biome-ignore lint: Accessibility override needs priority */
|
|
animation: none !important;
|
|
/* biome-ignore lint: Accessibility override needs priority */
|
|
transform: translate(-50%, -50%) !important;
|
|
/* biome-ignore lint: Accessibility override needs priority */
|
|
will-change: auto !important;
|
|
}
|
|
}
|
|
|
|
/* Performance mode: optimize effects but keep spinning */
|
|
.performance-mode .global-spinning-image,
|
|
.performance-mode .now-playing-background-image {
|
|
/* Keep animations but optimize filter effects */
|
|
/* biome-ignore lint: Intentional override of runtime styles */
|
|
filter: blur(10px) brightness(0.4) contrast(1.1) !important;
|
|
}
|
|
|
|
/* Make Notification Feed sidebar transparent */
|
|
body,
|
|
#wimp,
|
|
main,
|
|
[class^="_sidebarWrapper"],
|
|
[class^="_mainContainer"],
|
|
[class*="smallHeader"],
|
|
[data-test="main-layout-sidebar-wrapper"],
|
|
[data-test="main-layout-header"],
|
|
[data-test="feed-sidebar"],
|
|
[data-test="stream-metadata"],
|
|
[data-test="footer-player"],
|
|
/* Notification Feed sidebar specific container */
|
|
[class^="_feedSidebarVStack"],
|
|
[class^="_feedSidebarSpacer"],
|
|
[class^="_feedSidebarItem"],
|
|
[class^="_feedSidebarItemDiv"],
|
|
[class^="_cellContainer"],
|
|
[class^="_cellTextContainer"] {
|
|
/* biome-ignore lint: Ensure background is fully cleared under theme CSS */
|
|
background: unset !important;
|
|
}
|
|
|
|
/* Make sidebar and player bar semi-transparent with optimized backdrop-filter */
|
|
[data-test="footer-player"],
|
|
[data-test="main-layout-sidebar-wrapper"],
|
|
[class^="_bar"],
|
|
[class^="_sidebarItem"]:hover {
|
|
/* biome-ignore lint: Must beat app inline styles for translucency */
|
|
background-color: rgba(0, 0, 0, 0.3) !important;
|
|
/* biome-ignore lint: Must beat app inline styles for translucency */
|
|
backdrop-filter: blur(10px) !important;
|
|
/* biome-ignore lint: Must beat app inline styles for translucency */
|
|
-webkit-backdrop-filter: blur(10px) !important;
|
|
}
|
|
|
|
/* Performance mode: reduce backdrop blur */
|
|
.performance-mode [data-test="footer-player"],
|
|
.performance-mode [data-test="main-layout-sidebar-wrapper"],
|
|
.performance-mode [class^="_bar"],
|
|
.performance-mode [class^="_sidebarItem"]:hover {
|
|
/* biome-ignore lint: Performance mode style requires priority */
|
|
backdrop-filter: blur(5px) !important;
|
|
/* biome-ignore lint: Performance mode style requires priority */
|
|
-webkit-backdrop-filter: blur(5px) !important;
|
|
}
|
|
|
|
/* Feed sidebar panel - black tint background for readability */
|
|
[data-test="feed-sidebar"] {
|
|
/* biome-ignore lint: Ensure readability over media */
|
|
background-color: rgba(0, 0, 0, 0.5) !important;
|
|
/* biome-ignore lint: Ensure readability over media */
|
|
backdrop-filter: blur(10px) !important;
|
|
/* biome-ignore lint: Ensure readability over media */
|
|
-webkit-backdrop-filter: blur(10px) !important;
|
|
}
|
|
|
|
/* Performance mode: reduce sidebar backdrop blur */
|
|
.performance-mode [data-test="feed-sidebar"] {
|
|
/* biome-ignore lint: Performance mode style requires priority */
|
|
backdrop-filter: blur(5px) !important;
|
|
/* biome-ignore lint: Performance mode style requires priority */
|
|
-webkit-backdrop-filter: blur(5px) !important;
|
|
}
|
|
|
|
/* Feed sidebar items - transparent */
|
|
[class*="_feedSidebarItem"],
|
|
[class*="_feedSidebarItemDiv"],
|
|
[class*="_cellContainer"],
|
|
[data-test="feed-interval"],
|
|
[data-test="feed-item"] {
|
|
/* biome-ignore lint: Match theme transparency */
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
/* Remove bottom gradient */
|
|
[class^="_bottomGradient"] {
|
|
/* biome-ignore lint: Explicitly remove conflicting gradient */
|
|
display: none !important;
|
|
}
|