tiennm99/coolify
1
0
Fork 0
mirror of https://github.com/tiennm99/coolify.git synced 2026-09-02 08:20:20 +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
2026-08-16 21:00:33 +02:00
parent 5b517f21be
commit 6ad9605734
7 changed files with 40 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/Feature/LivewireLoadingColorTest.php
+4 -5
View File
@@ -1,20 +1,19 @@
<?php
test('loading indicators use coollabs purple throughout dark mode', function () {
test('loading indicators use warning yellow throughout dark mode', function () {
$utilities = file_get_contents(resource_path('css/utilities.css'));
$appCss = file_get_contents(resource_path('css/app.css'));
$loading = file_get_contents(resource_path('views/components/loading.blade.php'));
$pageLoading = file_get_contents(resource_path('views/components/page-loading.blade.php'));
expect($utilities)
->toContain('@utility loading-indicator')
->toContain('@apply text-coollabs dark:text-coollabs;')
->toContain('@apply text-coollabs dark:text-warning;')
->and($loading)->toContain('loading-indicator')
->and($pageLoading)->toContain('loading-indicator')
->and($appCss)->toContain('.dark .animate-spin')
->toContain('color: var(--color-coollabs) !important;')
->toContain('color: var(--color-warning) !important;')
->toContain('.dark #nprogress .bar')
->toContain('background: var(--color-coollabs) !important;')
->not->toContain('color: var(--color-warning) !important;');
->toContain('background: var(--color-warning) !important;');
});
test('livewire navigation progress bar uses coollabs purple', function () {