patch oko teksta PDFa i UI tablica

frontend/src/components/ui/AnimatedDataTable.jsx

@@ -13,6 +13,7 @@ export default function AnimatedDataTable({
     headClassName = 'bg-canvas-deep text-left text-xs uppercase tracking-wide text-text-muted',
     bodyClassName = 'divide-y divide-border-hairline',
     rowClassName = 'hover:bg-canvas-deep',
+    isRowSelected = () => false,
     wrapperClassName = 'overflow-x-auto',
     trail = 35,
 }) {
@@ -23,9 +24,20 @@ export default function AnimatedDataTable({
 
     const transitions = useTransition(rows, {
         keys: (row) => rowKey(row),
-        from: { opacity: 0, transform: 'translate3d(0,8px,0)' },
-        enter: { opacity: 1, transform: 'translate3d(0,0,0)' },
-        leave: { opacity: 0, transform: 'translate3d(0,-8px,0)' },
+        from: { opacity: 0, transform: 'translate3d(0,8px,0)', boxShadow: 'inset 0 0 0 0px rgba(16,185,129,0)' },
+        enter: (row) => ({
+            opacity: 1,
+            transform: 'translate3d(0,0,0)',
+            boxShadow: isRowSelected(row)
+                ? 'inset 0 0 0 2px rgba(16,185,129,0.75)'
+                : 'inset 0 0 0 0px rgba(16,185,129,0)',
+        }),
+        update: (row) => ({
+            boxShadow: isRowSelected(row)
+                ? 'inset 0 0 0 2px rgba(16,185,129,0.75)'
+                : 'inset 0 0 0 0px rgba(16,185,129,0)',
+        }),
+        leave: { opacity: 0, transform: 'translate3d(0,-8px,0)', boxShadow: 'inset 0 0 0 0px rgba(16,185,129,0)' },
         trail,
         config: { tension: 230, friction: 26 },
     });

frontend/src/components/ui/ThemeToggle.jsx

@@ -24,7 +24,7 @@ export default function ThemeToggle() {
         <button
             onClick={toggleTheme}
             type="button"
-            className="p-2.5 rounded-s-xl bg-canvas-elevated border-y border-s border-border-hairline text-text-muted hover:text-text-main transition-all duration-200 focus:outline-none cursor-pointer flex items-center justify-center"
+            className="relative inline-flex h-10 w-10 items-center justify-center rounded-lg border border-border-hairline bg-canvas-elevated text-text-muted hover:bg-canvas-base"
             aria-label="Prebaci temu"
         >
             {isDark ? (