From 3060dab471fd625d42ebfe587179180541bdeffe Mon Sep 17 00:00:00 2001
From: consultoria-as <ialcarazsalazar@consultoria-as.com>
Date: Tue, 26 May 2026 08:12:38 +0000
Subject: [PATCH] fix: remove body background-color/color transitions to
 prevent theme flash

- Remove transition: background-color/color from body in all CSS files
- These transitions caused visible flash when navigating between pages
- The browser would animate from old theme colors to new theme colors
---
 pos/static/css/accounting.css     | 2 --
 pos/static/css/accounting.min.css | 2 --
 pos/static/css/catalog.css        | 2 --
 pos/static/css/catalog.min.css    | 2 --
 pos/static/css/config.css         | 2 --
 pos/static/css/config.min.css     | 2 --
 pos/static/css/customers.css      | 2 --
 pos/static/css/customers.min.css  | 2 --
 pos/static/css/dashboard.css      | 2 --
 pos/static/css/dashboard.min.css  | 2 --
 pos/static/css/diagrams.css       | 2 --
 pos/static/css/diagrams.min.css   | 2 --
 pos/static/css/fleet.css          | 2 --
 pos/static/css/fleet.min.css      | 2 --
 pos/static/css/inventory.css      | 2 --
 pos/static/css/inventory.min.css  | 2 --
 pos/static/css/invoicing.css      | 2 --
 pos/static/css/invoicing.min.css  | 2 --
 pos/static/css/login.css          | 6 ------
 pos/static/css/login.min.css      | 6 ------
 pos/static/css/pos.css            | 2 --
 pos/static/css/pos.min.css        | 2 --
 pos/static/css/reports.css        | 2 --
 pos/static/css/reports.min.css    | 2 --
 pos/static/css/whatsapp.css       | 2 --
 pos/static/css/whatsapp.min.css   | 2 --
 26 files changed, 60 deletions(-)

diff --git a/pos/static/css/accounting.css b/pos/static/css/accounting.css
index b7b9f13..bdc496f 100644
--- a/pos/static/css/accounting.css
+++ b/pos/static/css/accounting.css
@@ -19,8 +19,6 @@
       font-size: var(--text-body-sm);
       color: var(--color-text-primary);
       background-color: var(--color-bg-base);
-      transition: background-color var(--duration-normal) var(--ease-in-out),
-                  color var(--duration-normal) var(--ease-in-out);
       overflow: hidden;
     }
 
diff --git a/pos/static/css/accounting.min.css b/pos/static/css/accounting.min.css
index 3dd521a..c987028 100644
--- a/pos/static/css/accounting.min.css
+++ b/pos/static/css/accounting.min.css
@@ -19,8 +19,6 @@
       font-size: var(--text-body-sm);
       color: var(--color-text-primary);
       background-color: var(--color-bg-base);
-      transition: background-color var(--duration-normal) var(--ease-in-out),
-                  color var(--duration-normal) var(--ease-in-out);
       overflow: hidden;
     }
 
diff --git a/pos/static/css/catalog.css b/pos/static/css/catalog.css
index 457665e..b27c8a1 100644
--- a/pos/static/css/catalog.css
+++ b/pos/static/css/catalog.css
@@ -12,8 +12,6 @@
       font-size: var(--text-body);
       color: var(--color-text-primary);
       background-color: var(--color-bg-base);
-      transition: background-color var(--duration-normal) var(--ease-in-out),
-                  color var(--duration-normal) var(--ease-in-out);
       overflow: hidden;
     }
 
diff --git a/pos/static/css/catalog.min.css b/pos/static/css/catalog.min.css
index 0abd791..1854ab8 100644
--- a/pos/static/css/catalog.min.css
+++ b/pos/static/css/catalog.min.css
@@ -12,8 +12,6 @@
       font-size: var(--text-body);
       color: var(--color-text-primary);
       background-color: var(--color-bg-base);
-      transition: background-color var(--duration-normal) var(--ease-in-out),
-                  color var(--duration-normal) var(--ease-in-out);
       overflow: hidden;
     }
 
diff --git a/pos/static/css/config.css b/pos/static/css/config.css
index 37e298a..60227f3 100644
--- a/pos/static/css/config.css
+++ b/pos/static/css/config.css
@@ -19,8 +19,6 @@
       font-size: var(--text-body-sm);
       color: var(--color-text-primary);
       background-color: var(--color-bg-base);
-      transition: background-color var(--duration-normal) var(--ease-in-out),
-                  color var(--duration-normal) var(--ease-in-out);
       overflow: hidden;
     }
 
diff --git a/pos/static/css/config.min.css b/pos/static/css/config.min.css
index 539a8a4..471db3d 100644
--- a/pos/static/css/config.min.css
+++ b/pos/static/css/config.min.css
@@ -19,8 +19,6 @@
       font-size: var(--text-body-sm);
       color: var(--color-text-primary);
       background-color: var(--color-bg-base);
-      transition: background-color var(--duration-normal) var(--ease-in-out),
-                  color var(--duration-normal) var(--ease-in-out);
       overflow: hidden;
     }
 
diff --git a/pos/static/css/customers.css b/pos/static/css/customers.css
index a5a2ff2..fe98a56 100644
--- a/pos/static/css/customers.css
+++ b/pos/static/css/customers.css
@@ -20,8 +20,6 @@
       font-weight: var(--font-weight-regular);
       background-color: var(--color-bg-base);
       color: var(--color-text-primary);
-      transition: background-color var(--duration-normal) var(--ease-in-out),
-                  color var(--duration-normal) var(--ease-in-out);
       display: flex;
       flex-direction: column;
       overflow: hidden;
diff --git a/pos/static/css/customers.min.css b/pos/static/css/customers.min.css
index 8495a30..1a1ad53 100644
--- a/pos/static/css/customers.min.css
+++ b/pos/static/css/customers.min.css
@@ -20,8 +20,6 @@
       font-weight: var(--font-weight-regular);
       background-color: var(--color-bg-base);
       color: var(--color-text-primary);
-      transition: background-color var(--duration-normal) var(--ease-in-out),
-                  color var(--duration-normal) var(--ease-in-out);
       display: flex;
       flex-direction: column;
       overflow: hidden;
diff --git a/pos/static/css/dashboard.css b/pos/static/css/dashboard.css
index e7150e6..e10d14d 100644
--- a/pos/static/css/dashboard.css
+++ b/pos/static/css/dashboard.css
@@ -23,8 +23,6 @@
       min-height: 100vh;
       display: flex;
       flex-direction: column;
-      transition: background-color var(--duration-normal) var(--ease-in-out),
-                  color var(--duration-normal) var(--ease-in-out);
     }
 
     /* Modern theme dot-grid on body */
diff --git a/pos/static/css/dashboard.min.css b/pos/static/css/dashboard.min.css
index e7150e6..e10d14d 100644
--- a/pos/static/css/dashboard.min.css
+++ b/pos/static/css/dashboard.min.css
@@ -23,8 +23,6 @@
       min-height: 100vh;
       display: flex;
       flex-direction: column;
-      transition: background-color var(--duration-normal) var(--ease-in-out),
-                  color var(--duration-normal) var(--ease-in-out);
     }
 
     /* Modern theme dot-grid on body */
diff --git a/pos/static/css/diagrams.css b/pos/static/css/diagrams.css
index 5327e94..4a2d09c 100644
--- a/pos/static/css/diagrams.css
+++ b/pos/static/css/diagrams.css
@@ -12,8 +12,6 @@
       font-size: var(--text-body);
       color: var(--color-text-primary);
       background-color: var(--color-bg-base);
-      transition: background-color var(--duration-normal) var(--ease-in-out),
-                  color var(--duration-normal) var(--ease-in-out);
       overflow: hidden;
     }
 
diff --git a/pos/static/css/diagrams.min.css b/pos/static/css/diagrams.min.css
index 9df11e0..e73945a 100644
--- a/pos/static/css/diagrams.min.css
+++ b/pos/static/css/diagrams.min.css
@@ -12,8 +12,6 @@
       font-size: var(--text-body);
       color: var(--color-text-primary);
       background-color: var(--color-bg-base);
-      transition: background-color var(--duration-normal) var(--ease-in-out),
-                  color var(--duration-normal) var(--ease-in-out);
       overflow: hidden;
     }
 
diff --git a/pos/static/css/fleet.css b/pos/static/css/fleet.css
index 643e939..f9e644f 100644
--- a/pos/static/css/fleet.css
+++ b/pos/static/css/fleet.css
@@ -19,8 +19,6 @@
       font-size: var(--text-body-sm);
       color: var(--color-text-primary);
       background-color: var(--color-bg-base);
-      transition: background-color var(--duration-normal) var(--ease-in-out),
-                  color var(--duration-normal) var(--ease-in-out);
       overflow: hidden;
     }
 
diff --git a/pos/static/css/fleet.min.css b/pos/static/css/fleet.min.css
index 643e939..f9e644f 100644
--- a/pos/static/css/fleet.min.css
+++ b/pos/static/css/fleet.min.css
@@ -19,8 +19,6 @@
       font-size: var(--text-body-sm);
       color: var(--color-text-primary);
       background-color: var(--color-bg-base);
-      transition: background-color var(--duration-normal) var(--ease-in-out),
-                  color var(--duration-normal) var(--ease-in-out);
       overflow: hidden;
     }
 
diff --git a/pos/static/css/inventory.css b/pos/static/css/inventory.css
index 4aaa329..95dc1f0 100644
--- a/pos/static/css/inventory.css
+++ b/pos/static/css/inventory.css
@@ -19,8 +19,6 @@
       font-size: var(--text-body-sm);
       color: var(--color-text-primary);
       background-color: var(--color-bg-base);
-      transition: background-color var(--duration-normal) var(--ease-in-out),
-                  color var(--duration-normal) var(--ease-in-out);
       overflow: hidden;
     }
 
diff --git a/pos/static/css/inventory.min.css b/pos/static/css/inventory.min.css
index c15920c..7c820da 100644
--- a/pos/static/css/inventory.min.css
+++ b/pos/static/css/inventory.min.css
@@ -19,8 +19,6 @@
       font-size: var(--text-body-sm);
       color: var(--color-text-primary);
       background-color: var(--color-bg-base);
-      transition: background-color var(--duration-normal) var(--ease-in-out),
-                  color var(--duration-normal) var(--ease-in-out);
       overflow: hidden;
     }
 
diff --git a/pos/static/css/invoicing.css b/pos/static/css/invoicing.css
index aa1ba7b..3f54f60 100644
--- a/pos/static/css/invoicing.css
+++ b/pos/static/css/invoicing.css
@@ -19,8 +19,6 @@
       font-size: var(--text-body-sm);
       color: var(--color-text-primary);
       background-color: var(--color-bg-base);
-      transition: background-color var(--duration-normal) var(--ease-in-out),
-                  color var(--duration-normal) var(--ease-in-out);
       overflow: hidden;
     }
 
diff --git a/pos/static/css/invoicing.min.css b/pos/static/css/invoicing.min.css
index a93e282..85441c1 100644
--- a/pos/static/css/invoicing.min.css
+++ b/pos/static/css/invoicing.min.css
@@ -19,8 +19,6 @@
       font-size: var(--text-body-sm);
       color: var(--color-text-primary);
       background-color: var(--color-bg-base);
-      transition: background-color var(--duration-normal) var(--ease-in-out),
-                  color var(--duration-normal) var(--ease-in-out);
       overflow: hidden;
     }
 
diff --git a/pos/static/css/login.css b/pos/static/css/login.css
index d6348a6..d27247c 100644
--- a/pos/static/css/login.css
+++ b/pos/static/css/login.css
@@ -19,8 +19,6 @@
       font-size: var(--text-body);
       color: var(--color-text-primary);
       background-color: var(--color-bg-base);
-      transition: background-color var(--duration-slow) var(--ease-in-out),
-                  color var(--duration-slow) var(--ease-in-out);
       min-height: 100vh;
     }
 
@@ -58,8 +56,6 @@
       background-color: var(--color-bg-elevated);
       border-bottom: 1px solid var(--color-border);
       box-shadow: var(--shadow-sm);
-      transition: background-color var(--duration-slow) var(--ease-in-out),
-                  border-color var(--duration-slow) var(--ease-in-out);
     }
 
     .theme-bar__label {
@@ -657,8 +653,6 @@
       justify-content: space-between;
       gap: var(--space-4);
       background: var(--color-surface-1);
-      transition: background-color var(--duration-slow) var(--ease-in-out),
-                  border-color var(--duration-slow) var(--ease-in-out);
     }
 
     .footer-version {
diff --git a/pos/static/css/login.min.css b/pos/static/css/login.min.css
index d6348a6..d27247c 100644
--- a/pos/static/css/login.min.css
+++ b/pos/static/css/login.min.css
@@ -19,8 +19,6 @@
       font-size: var(--text-body);
       color: var(--color-text-primary);
       background-color: var(--color-bg-base);
-      transition: background-color var(--duration-slow) var(--ease-in-out),
-                  color var(--duration-slow) var(--ease-in-out);
       min-height: 100vh;
     }
 
@@ -58,8 +56,6 @@
       background-color: var(--color-bg-elevated);
       border-bottom: 1px solid var(--color-border);
       box-shadow: var(--shadow-sm);
-      transition: background-color var(--duration-slow) var(--ease-in-out),
-                  border-color var(--duration-slow) var(--ease-in-out);
     }
 
     .theme-bar__label {
@@ -657,8 +653,6 @@
       justify-content: space-between;
       gap: var(--space-4);
       background: var(--color-surface-1);
-      transition: background-color var(--duration-slow) var(--ease-in-out),
-                  border-color var(--duration-slow) var(--ease-in-out);
     }
 
     .footer-version {
diff --git a/pos/static/css/pos.css b/pos/static/css/pos.css
index c038aef..b741c98 100644
--- a/pos/static/css/pos.css
+++ b/pos/static/css/pos.css
@@ -21,8 +21,6 @@
       font-weight: var(--font-weight-regular);
       background-color: var(--color-bg-base);
       color: var(--color-text-primary);
-      transition: background-color var(--duration-normal) var(--ease-in-out),
-                  color var(--duration-normal) var(--ease-in-out);
       display: flex;
       flex-direction: column;
     }
diff --git a/pos/static/css/pos.min.css b/pos/static/css/pos.min.css
index c038aef..b741c98 100644
--- a/pos/static/css/pos.min.css
+++ b/pos/static/css/pos.min.css
@@ -21,8 +21,6 @@
       font-weight: var(--font-weight-regular);
       background-color: var(--color-bg-base);
       color: var(--color-text-primary);
-      transition: background-color var(--duration-normal) var(--ease-in-out),
-                  color var(--duration-normal) var(--ease-in-out);
       display: flex;
       flex-direction: column;
     }
diff --git a/pos/static/css/reports.css b/pos/static/css/reports.css
index 4b7ff27..9012e92 100644
--- a/pos/static/css/reports.css
+++ b/pos/static/css/reports.css
@@ -19,8 +19,6 @@
       font-size: var(--text-body);
       color: var(--color-text-primary);
       background-color: var(--color-bg-base);
-      transition: background-color var(--duration-normal) var(--ease-in-out),
-                  color var(--duration-normal) var(--ease-in-out);
       overflow: hidden;
     }
 
diff --git a/pos/static/css/reports.min.css b/pos/static/css/reports.min.css
index b869e1f..c36c3e7 100644
--- a/pos/static/css/reports.min.css
+++ b/pos/static/css/reports.min.css
@@ -19,8 +19,6 @@
       font-size: var(--text-body);
       color: var(--color-text-primary);
       background-color: var(--color-bg-base);
-      transition: background-color var(--duration-normal) var(--ease-in-out),
-                  color var(--duration-normal) var(--ease-in-out);
       overflow: hidden;
     }
 
diff --git a/pos/static/css/whatsapp.css b/pos/static/css/whatsapp.css
index 1e3c0d2..9130039 100644
--- a/pos/static/css/whatsapp.css
+++ b/pos/static/css/whatsapp.css
@@ -19,8 +19,6 @@
       font-size: var(--text-body-sm);
       color: var(--color-text-primary);
       background-color: var(--color-bg-base);
-      transition: background-color var(--duration-normal) var(--ease-in-out),
-                  color var(--duration-normal) var(--ease-in-out);
       overflow: hidden;
     }
 
diff --git a/pos/static/css/whatsapp.min.css b/pos/static/css/whatsapp.min.css
index faf275a..ce360b6 100644
--- a/pos/static/css/whatsapp.min.css
+++ b/pos/static/css/whatsapp.min.css
@@ -19,8 +19,6 @@
       font-size: var(--text-body-sm);
       color: var(--color-text-primary);
       background-color: var(--color-bg-base);
-      transition: background-color var(--duration-normal) var(--ease-in-out),
-                  color var(--duration-normal) var(--ease-in-out);
       overflow: hidden;
     }