Fix style for tracker "shadow" & add to all cases (#1204)

SlimeVR · Oct 26, 2024 · 3bbf5cb · 3bbf5cb
1 parent 26ec95b
commit 3bbf5cb
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/gui/src/components/tracker/TrackerCard.tsx b/gui/src/components/tracker/TrackerCard.tsx
@@ -150,7 +150,7 @@ export function TrackerCard({
           ? {
               boxShadow: `0px 0px ${Math.floor(velocity * 8)}px ${Math.floor(
                 velocity * 8
-              )}px var(--accent-background-30)`,
+              )}px rgb(var(--accent-background-30))`,
             }
           : {}
       }

diff --git a/gui/src/components/tracker/TrackerPartCard.tsx b/gui/src/components/tracker/TrackerPartCard.tsx
@@ -86,7 +86,7 @@ export function TrackerPartCard({
         style={{
           boxShadow: `0px 0px ${globalVelocity * 3}px ${
             globalVelocity * 3
-          }px  #BB8AE5`,
+          }px rgb(var(--accent-background-30))`,
         }}
       >
         {roleError && (

diff --git a/gui/src/components/tracker/TrackerSettings.tsx b/gui/src/components/tracker/TrackerSettings.tsx
@@ -315,11 +315,11 @@ export function TrackerSettingsPage() {
                   ></BodyPartIcon>
                 )}
                 {tracker?.tracker.info?.bodyPart === BodyPart.NONE && (
-                  <WarningIcon className="text-yellow-300" />
+                  <WarningIcon className="fill-status-warning" />
                 )}
                 <Typography
                   color={classNames({
-                    'text-yellow-300':
+                    'text-status-warning':
                       tracker?.tracker.info?.bodyPart === BodyPart.NONE,
                   })}
                 >

diff --git a/gui/src/components/tracker/TrackersTable.tsx b/gui/src/components/tracker/TrackersTable.tsx
@@ -137,7 +137,7 @@ export function RowContainer({
         style={{
           boxShadow: `0px 0px ${Math.floor(velocity * 8)}px ${Math.floor(
             velocity * 8
-          )}px  #BB8AE5`,
+          )}px rgb(var(--accent-background-30))`,
         }}
         className={classNames(
           'h-[50px]  flex flex-col justify-center px-3',