V1.1

User Authentication
- Login to user account
- Register new user account
- Reset user password

Functionality
- Added locations to menu
- Added trash for deleted folders & files
- Restore files or folders from trash
- Empty trash function
- Favourites folders
- List of 5 latest uploads
- Profile settings page
- Storage info and upload limits

Design
- Night Mode
- Navigation sidebar
- Quick action buttons in mobile version
- Improved mobile UX
- Other small design improvements

Settings
- Enable/Disable user account registration
- Set storage limitation
- Set storage capacity for all users

resources/js/components/VueFileManagerComponents/Sidebar/StorageSize.vue

@@ -47,6 +47,7 @@
             .title {
                 @include font-size(14);
                 font-weight: 700;
+                color: $text;
             }
 
             .size {
@@ -73,6 +74,10 @@
             .size {
                 @include font-size(10);
             }
+
+            .title {
+                color: $dark_mode_text_primary;
+            }
         }
     }
 </style>

resources/js/components/VueFileManagerComponents/Sidebar/UserHeadline.vue

@@ -77,10 +77,6 @@
         cursor: pointer;
         @include transition(150ms);
 
-        &:hover {
-            //background: rgba($theme, .1);
-        }
-
         &:active {
             transform: scale(0.95);
         }
@@ -99,6 +95,7 @@
             display: block;
             @include font-size(17);
             line-height: 1;
+            color: $text;
         }
 
         .email {
@@ -145,6 +142,7 @@
             padding: 15px 30px;
             cursor: pointer;
             width: 100%;
+            color: $text;
 
             &:hover {
                 background: $light_background;
@@ -177,8 +175,8 @@
 
         .user-name {
 
-            .email {
-                color: $dark_mode_text_secondary;
+            .name {
+                color: $dark_mode_text_primary;
             }
         }
 
@@ -186,6 +184,8 @@
             background: $dark_mode_background;
 
             .menu-option {
+                color: $dark_mode_text_primary;
+
                 &:hover {
                     background: $dark_mode_foreground;
                 }