Smartcraft-Media-Tech/nutty-tools
1
0
Fork 0
mirror of https://github.com/nuttylmao/nutty.gg.git synced 2026-09-19 04:00:59 -04:00
Code Issues Packages Projects Releases Wiki Activity

Minor fixes

Browse Source
This commit is contained in:
nutty
2026-07-27 11:38:09 +10:00
parent b0ebc7d579
commit 2c21b6fc14
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
now-playing/themes/album-art/script.js
+2 -1
View File
@@ -63,6 +63,7 @@ async function ChangeTrack(mediaProps, accentColorPalette) {
const baseColor = accentColorPalette.DarkMuted; const baseColor = accentColorPalette.DarkMuted;
// Solid from 0% to 30%, then fading to 0% opacity at 100% // Solid from 0% to 30%, then fading to 0% opacity at 100%
textInfoContainer.style.background = `linear-gradient(to top, ${baseColor}FF 0%, ${baseColor}FF 10%, ${baseColor}00 100%)`; textInfoContainer.style.background = `linear-gradient(to top, ${baseColor}FF 0%, ${baseColor}FF 10%, ${baseColor}00 100%)`;
if (!showAlbumArt)
songInfoContainer.style.background = accentColorPalette.LightVibrant; songInfoContainer.style.background = accentColorPalette.LightVibrant;
// Apply text color // Apply text color
@@ -89,5 +90,5 @@ function SetProgressInfo(timelineProps, currentPositionMs, accentColorPalette) {
let progressPercent = durationMs > 0 ? (currentPositionMs / durationMs) * 100 : 0; let progressPercent = durationMs > 0 ? (currentPositionMs / durationMs) * 100 : 0;
progressPercent = Math.min(100, Math.max(0, progressPercent)); progressPercent = Math.min(100, Math.max(0, progressPercent));
progressBar.style.width = `${progressPercent}%`; progressBar.style.width = `${progressPercent}%`;
progressBar.style.setProperty('--accent-color', accentColorPalette.LightVibrant); progressBar.style.setProperty('--accent-color', `${accentColorPalette.LightVibrant}`);
} }
now-playing/themes/album-art/style.css
+2 -1
View File
@@ -31,6 +31,7 @@
background-size: cover; background-size: cover;
background-position: center; background-position: center;
transition: opacity 0.5s ease; transition: opacity 0.5s ease;
border-radius: var(--border-radius);
} }
#album-art-layer { #album-art-layer {
@@ -83,7 +84,7 @@
background: linear-gradient(to top, #ffffff00, var(--accent-color, #ffffff)); background: linear-gradient(to top, #ffffff00, var(--accent-color, #ffffff));
/* background-color: var(--accent-color, #ffffff); */ /* background-color: var(--accent-color, #ffffff); */
transition: width 1s ease-in-out, background 1s ease-in-out; transition: width 1s ease-in-out, background 1s ease-in-out;
border-radius: 10000px; /* border-radius: 10000px; */
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;