consultoria-as/Autoparts-DB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: remove body background-color/color transitions to prevent theme flash

Browse Source 
- 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
This commit is contained in:
consultoria-as
2026-05-26 08:12:38 +00:00
parent 716e19d079
commit 3060dab471
26 changed files with 0 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
pos/static/css/accounting.css
View File

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

2
pos/static/css/accounting.min.css vendored
View File

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

2
pos/static/css/catalog.css
View File

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

2
pos/static/css/catalog.min.css vendored
View File

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

2
pos/static/css/config.css
View File

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

2
pos/static/css/config.min.css vendored
View File

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

2
pos/static/css/customers.css
View File

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

2
pos/static/css/customers.min.css vendored
View File

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

2
pos/static/css/dashboard.css
View File

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

2
pos/static/css/dashboard.min.css vendored
View File

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

2
pos/static/css/diagrams.css
View File

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

2
pos/static/css/diagrams.min.css vendored
View File

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

2
pos/static/css/fleet.css
View File

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

2
pos/static/css/fleet.min.css vendored
View File

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

2
pos/static/css/inventory.css
View File

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

2
pos/static/css/inventory.min.css vendored
View File

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

2
pos/static/css/invoicing.css
View File

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

2
pos/static/css/invoicing.min.css vendored
View File

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

6
pos/static/css/login.css
View File

@@ -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 {

6
pos/static/css/login.min.css vendored
View File

@@ -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 {

2
pos/static/css/pos.css
View File

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

2
pos/static/css/pos.min.css vendored
View File

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

2
pos/static/css/reports.css
View File

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

2
pos/static/css/reports.min.css vendored
View File

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

2
pos/static/css/whatsapp.css
View File

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

2
pos/static/css/whatsapp.min.css vendored
View File

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