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

@@ -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;
     }
 

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;
     }
 

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;
     }
 

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;
     }
 

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;
     }
 

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;
     }
 

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;

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;

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 */

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 */

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;
     }
 

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;
     }
 

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;
     }
 

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;
     }
 

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;
     }
 

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;
     }
 

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;
     }
 

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;
     }
 

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 {

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 {

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;
     }

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;
     }

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;
     }
 

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;
     }
 

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;
     }
 

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;
     }