tiennm99/coolify
1
0 Fork 0
mirror of https://github.com/tiennm99/coolify.git synced 2026-10-03 07:12:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): improve dark-mode loading contrast and remove header borders

Browse Source 
Use the warning accent for dark-mode loading indicators and simplify desktop navigation chrome by removing sidebar and top-bar separator borders. Add regression coverage for loading contrast and checkpoint spinner markup.
This commit is contained in:
Andras Bacsai committed 2026-08-16 21:00:33 +02:00
1 parent 5b517f21be
commit 6ad9605734
7 files changed
+40 -15
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

resources/css/app.css
+7 -7
View File
@@ -373,24 +373,24 @@ tr td:first-child {
animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* Loading feedback uses the Coolify brand accent consistently in dark mode. */
/* Loading feedback uses the higher-contrast warning accent in dark mode. */
.dark .animate-spin {
color: var(--color-coollabs) !important;
color: var(--color-warning) !important;
}
.dark #nprogress .bar {
background: var(--color-coollabs) !important;
background: var(--color-warning) !important;
}
.dark #nprogress .peg {
box-shadow:
0 0 10px var(--color-coollabs),
0 0 5px var(--color-coollabs) !important;
0 0 10px var(--color-warning),
0 0 5px var(--color-warning) !important;
}
.dark #nprogress .spinner-icon {
border-top-color: var(--color-coollabs) !important;
border-left-color: var(--color-coollabs) !important;
border-top-color: var(--color-warning) !important;
border-left-color: var(--color-warning) !important;
}
html[data-theme="custom"] .loading-indicator,