Reflect unreadable state in the UI

Signed-off-by: Joas Schilling <coding@schilljs.com>

diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss
index b826f305d146a5fe68286b477f139d393d98cf90..e875e0da29aea7a527f02164712859f63aa393d2 100644 (file)
--- a/apps/files/css/files.scss
+++ b/apps/files/css/files.scss
@@ -84,6 +84,15 @@
        tbody {
                display: table;
                width: 100%;
+
+               tr[data-permissions="0"],
+               tr[data-permissions="16"] {
+                       background-color: var(--color-background-dark);
+
+                       td.filename .nametext .innernametext {
+                               color: var(--color-text-maxcontrast);
+                       }
+               }
        }
 }