From 32d54fa50e21c3982dd32071ffa3377f53384a5c Mon Sep 17 00:00:00 2001 From: Peter Papp Date: Fri, 23 Jul 2021 17:16:42 +0200 Subject: [PATCH] Dark mode switcher --- config/language-translations.php | 15 +- public/mix-manifest.json | 175 ++++---- resources/js/App.vue | 36 +- .../Admin/WidgetLatestRegistrations.vue | 2 +- .../js/components/Admin/WidgetTotals.vue | 4 +- .../js/components/Admin/WidgetWrapper.vue | 8 +- resources/js/components/Auth/AuthButton.vue | 2 +- .../js/components/Desktop/PopoverItem.vue | 2 +- resources/js/components/FilesView/Alert.vue | 2 +- .../js/components/FilesView/ButtonBase.vue | 2 +- .../js/components/FilesView/CheckBox.vue | 2 +- .../js/components/FilesView/ContextMenu.vue | 2 +- .../components/FilesView/DesktopToolbar.vue | 2 +- resources/js/components/FilesView/DragUI.vue | 2 +- .../js/components/FilesView/EmptyFilePage.vue | 2 +- .../js/components/FilesView/EmptyMessage.vue | 2 +- .../FilesView/FileActionsMobile.vue | 2 +- .../js/components/FilesView/FileItemGrid.vue | 10 +- .../js/components/FilesView/FileItemList.vue | 10 +- .../js/components/FilesView/FilePreview.vue | 2 +- .../components/FilesView/FilePreviewMedia.vue | 2 +- .../FilesView/FilePreviewToolbar.vue | 2 +- .../js/components/FilesView/FolderIcon.vue | 2 +- .../js/components/FilesView/ImageMetaData.vue | 2 +- .../FilesView/MobileActionButton.vue | 2 +- .../FilesView/MobileActionButtonUpload.vue | 2 +- .../js/components/FilesView/MobileToolbar.vue | 2 +- .../FilesView/MultiSelectToolbarMobile.vue | 2 +- resources/js/components/FilesView/Option.vue | 2 +- .../js/components/FilesView/OptionGroup.vue | 2 +- .../components/FilesView/ProcessingPopup.vue | 2 +- .../js/components/FilesView/ProgressBar.vue | 6 +- .../js/components/FilesView/SearchBar.vue | 2 +- .../js/components/FilesView/TitlePreview.vue | 12 +- .../js/components/FilesView/ToolbarButton.vue | 2 +- .../FilesView/ToolbarButtonUpload.vue | 2 +- .../components/FilesView/UploadProgress.vue | 2 +- .../Index/Components/PricingTables.vue | 2 +- .../components/Index/IndexHeroScreenshot.vue | 2 +- .../js/components/Index/IndexMainFeatures.vue | 2 +- .../js/components/Index/IndexPageFooter.vue | 2 +- resources/js/components/Mobile/MenuMobile.vue | 2 +- .../js/components/Mobile/MobileHeader.vue | 2 +- .../js/components/Others/ActionButton.vue | 6 +- resources/js/components/Others/ColorLabel.vue | 2 +- .../js/components/Others/ColorPicker.vue | 2 +- .../js/components/Others/CookieDisclaimer.vue | 2 +- .../Others/CreatePersonaTokenPopup.vue | 2 +- .../js/components/Others/EmojiPicker.vue | 2 +- .../js/components/Others/Forms/CopyInput.vue | 2 +- .../components/Others/Forms/CopyShareLink.vue | 2 +- .../js/components/Others/Forms/FormLabel.vue | 10 +- .../js/components/Others/Forms/ImageInput.vue | 2 +- .../js/components/Others/Forms/InfoBox.vue | 2 +- .../Others/Forms/MultiEmailInput.vue | 2 +- .../components/Others/Forms/SearchInput.vue | 2 +- .../Others/Forms/SelectBoxInput.vue | 2 +- .../components/Others/Forms/SelectInput.vue | 2 +- .../js/components/Others/Forms/SetupBox.vue | 2 +- .../components/Others/Forms/SwitchInput.vue | 2 +- .../js/components/Others/ListInfoItem.vue | 4 +- .../Others/Notifications/ToastrItem.vue | 2 +- resources/js/components/Others/PageHeader.vue | 2 +- .../components/Others/PlanPricingTables.vue | 2 +- .../components/Others/Popup/ConfirmPopup.vue | 2 +- .../components/Others/Popup/PopupHeader.vue | 10 +- .../components/Others/Popup/PopupWrapper.vue | 15 +- .../js/components/Others/RenameItemPopup.vue | 2 +- .../js/components/Others/SectionTitle.vue | 2 +- .../components/Others/StorageItemDetail.vue | 2 +- resources/js/components/Others/TabWrapper.vue | 10 +- .../Others/Tables/DatatableCellImage.vue | 2 +- .../Others/Tables/DatatableWrapper.vue | 4 +- resources/js/components/Others/TextLabel.vue | 2 +- .../js/components/Others/ThumbnailItem.vue | 6 +- resources/js/components/Others/TreeMenu.vue | 18 +- .../components/Others/TreeMenuNavigator.vue | 401 +++++++++--------- .../Others/TwoFactorRecoveryCodesPopup.vue | 2 +- .../Others/UpgradeSidebarBanner.vue | 2 +- resources/js/components/Others/UserAvatar.vue | 2 +- resources/js/components/Others/Vignette.vue | 2 +- .../js/components/Sidebar/ContentSidebar.vue | 2 +- .../components/Sidebar/SidebarNavigation.vue | 45 +- resources/js/store/modules/app.js | 14 +- .../views/Admin/AppSettings/AppSettings.vue | 2 +- .../AppSettingsTabs/Appearance.vue | 2 +- .../AppSettings/AppSettingsTabs/Billings.vue | 2 +- .../AppSettings/AppSettingsTabs/Email.vue | 2 +- resources/js/views/Admin/Dashboard.vue | 6 +- resources/js/views/Admin/Invoices.vue | 2 +- .../js/views/Admin/Languages/Language.vue | 2 +- resources/js/views/Admin/Pages.vue | 2 +- resources/js/views/Admin/Plans.vue | 2 +- resources/js/views/Admin/Plans/Plan.vue | 2 +- resources/js/views/Admin/Users.vue | 2 +- resources/js/views/Admin/Users/User.vue | 2 +- .../views/Admin/Users/UserTabs/UserDetail.vue | 2 +- resources/js/views/Frontpage/ContactUs.vue | 2 +- resources/js/views/Frontpage/DynamicPage.vue | 2 +- resources/js/views/Profile.vue | 2 +- .../js/views/SetupWizard/PurchaseCode.vue | 2 +- resources/js/views/Upgrade/UpgradeBilling.vue | 2 +- resources/js/views/Upgrade/UpgradePlan.vue | 2 +- resources/js/views/User/Password.vue | 2 +- resources/js/views/User/PaymentMethods.vue | 2 +- resources/js/views/User/Storage.vue | 2 +- resources/sass/app.scss | 8 +- resources/sass/vuefilemanager/_auth-form.scss | 2 +- resources/sass/vuefilemanager/_auth.scss | 2 +- resources/sass/vuefilemanager/_forms.scss | 2 +- .../sass/vuefilemanager/_inapp-forms.scss | 2 +- .../sass/vuefilemanager/_setup_wizard.scss | 2 +- .../others/color-template.blade.php | 6 +- 113 files changed, 565 insertions(+), 452 deletions(-) diff --git a/config/language-translations.php b/config/language-translations.php index 290de491..4ed44014 100644 --- a/config/language-translations.php +++ b/config/language-translations.php @@ -73,10 +73,10 @@ return [ 'admin_settings.payments.allow_payments' => 'Allow Subscription Payments', 'admin_settings.payments.button_submit' => 'Test and Save Stripe', 'admin_settings.payments.button_testing' => 'Testing Stripe Connection', - 'admin_settings.payments.credentials_disclaimer' => "Your Stripe credentials is not showed because these values are secret and must not be revealed by stranger. You can change your Stripe credentials in your .env file.", + 'admin_settings.payments.credentials_disclaimer' => "Your Stripe credentials is not showed because these values are secret and must not be revealed by stranger. You can change your Stripe credentials in your .env file.", 'admin_settings.payments.section_payments' => 'Stripe Payments', 'admin_settings.payments.stripe_create_acc' => 'If you don’t have stripe account, please register here and get your Publishable Key, Secret Key and create your webhook.', - 'admin_settings.payments.stripe_create_webhook' => "You have to create webhook endpoint in your Stripe Dashboard. You can find it in Dashboard -> Developers -> Webhooks -> Add Endpoint. In Endpoint URL please copy and paste url bellow. Make sure, this url is your public domain, not localhost. In events section, please click on receive all events. That's all.", + 'admin_settings.payments.stripe_create_webhook' => "You have to create webhook endpoint in your Stripe Dashboard. You can find it in Dashboard -> Developers -> Webhooks -> Add Endpoint. In Endpoint URL please copy and paste url bellow. Make sure, this url is your public domain, not localhost. In events section, please click on receive all events. That's all.", 'admin_settings.payments.stripe_currency' => 'Stripe Currency', 'admin_settings.payments.stripe_currency_plac' => 'Select your Stripe currency', 'admin_settings.payments.stripe_pub_key' => 'Publishable Key', @@ -276,7 +276,7 @@ return [ 'admin_settings.appearance.title_plac' => 'Type your app title', 'admin_settings.email.driver' => 'Mail Driver', 'admin_settings.email.driver_plac' => 'Type your mail driver', - 'admin_settings.email.email_disclaimer' => "This form is not fully pre-filled for security reasons. Your email settings is available in your .env file. For apply new Email settings, please confirm your options by button at the end of formular.", + 'admin_settings.email.email_disclaimer' => "This form is not fully pre-filled for security reasons. Your email settings is available in your .env file. For apply new Email settings, please confirm your options by button at the end of formular.", 'admin_settings.email.encryption' => 'Mail Encryption', 'admin_settings.email.encryption_plac' => 'Select your mail encryption', 'admin_settings.email.host' => 'Mail Host', @@ -574,7 +574,7 @@ return [ 'shared_form.button_generate' => 'Generate Link', 'shared_form.button_more_options' => 'Set Expiration', 'shared_form.email_placeholder' => 'Type your emails', - 'shared_form.email_successfully_send_message' => "Your item was successfully send to recipients emails.", + 'shared_form.email_successfully_send_message' => "Your item was successfully send to recipients emails.", 'shared_form.expiration_day' => '{value}d.', 'shared_form.expiration_hour' => '{value}h.', 'shared_form.label_expiration' => 'Link Expiration', @@ -698,7 +698,7 @@ return [ 'popup_2fa.title' => 'Confirm Your Password', 'popup_2fa.input_label' => 'Password', 'popup_2fa.placeholder' => 'Type your password', - 'popup_2fa.help' => 'Scan the image above with the two-factor authentication app on your phone.', + 'popup_2fa.help' => 'Scan the image above with the two-factor authentication app on your phone.', 'popup_2fa.confirm_button' => 'Confirm', 'popup_2fa.disappear_qr' => 'Really disappear this QR code?', 'popup_2fa.toaster_enabled' => 'Your 2FA was enabled successfully!', @@ -709,7 +709,7 @@ return [ 'popup_2fa.codes_info' => 'Recovery codes can be used to access your account in the event you lose access to your device and cannot receive two-factor authentication codes.', 'popup_2fa.codes_button' => 'Show Codes', 'popup_2fa.popup_codes_title' => 'Your Security Codes', - 'popup_2fa.popup_codes_disclaimer' => 'Put these in a safe spot. If you lose your device and don’t have the recovery codes you will lose access to your account.', + 'popup_2fa.popup_codes_disclaimer' => 'Put these in a safe spot. If you lose your device and don’t have the recovery codes you will lose access to your account.', 'context_menu.codes_regenerate' => 'Regenerate Codes', 'popup_2fa.toaster_codes_copied' => 'Your codes was copied!', 'popup_2fa.toaster_codes_regenerated' => 'Your codes was regenerated!', @@ -723,9 +723,10 @@ return [ 'popup_personal_token.label' => 'Token Name', 'popup_personal_token.plc' => 'Type token name...', 'popup_personal_token.your_token' => 'Your Personal Access Token', - 'popup_personal_token.copy_token' => "Make sure to copy your personal access token now. You won’t be able to see it again!", + 'popup_personal_token.copy_token' => "Make sure to copy your personal access token now. You won’t be able to see it again!", 'popup_delete_personal_token.title' => 'Are you sure you want to delete this token?', 'popup_delete_personal_token.description' => 'Any applications or scripts using this token will no longer be able to access into your account. You cannot undo this action.', 'personal_token.token_deleted' => 'Token was successfully deleted!', + 'dark_mode_toggle' => 'Toggle Dark Mode', ], ]; diff --git a/public/mix-manifest.json b/public/mix-manifest.json index 64e375a0..cc5d0554 100644 --- a/public/mix-manifest.json +++ b/public/mix-manifest.json @@ -1,76 +1,103 @@ { - "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~6c99cc74.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~6c99cc74.js?id=94c9a052e6e82569e862", - "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.js?id=ebb51a58a95a14da110b", - "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js": "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js?id=f3dc8d59297f76bf9573", - "/chunks/admin~chunks/platform~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/shared.js?id=41b42ac4d0a735daa6cc", - "/chunks/files~chunks/shared/file-browser~chunks/shared/single-file.js": "/chunks/files~chunks/shared/file-browser~chunks/shared/single-file.js?id=6dc32b9b0f6d281d6a26", - "/chunks/files~chunks/shared/file-browser.js": "/chunks/files~chunks/shared/file-browser.js?id=dd14a1d618e603d300fb", - "/chunks/not-found.js": "/chunks/not-found.js?id=87a13ef68b45d7543699", - "/chunks/profile~chunks/settings-password.js": "/chunks/profile~chunks/settings-password.js?id=eb1b0461791657cc54ce", - "/vendors~chunks/platform~chunks/shared.js": "/vendors~chunks/platform~chunks/shared.js?id=bc26c252f2ba5f4d6360", - "/js/main.js": "/js/main.js?id=98ab1a7696f94bf7dd3d", - "/css/app.css": "/css/app.css?id=a8f94d0c5a6f4a1185b1", - "/chunks/admin.js": "/chunks/admin.js?id=9c64b111c6911aae7e15", - "/chunks/admin-account.js": "/chunks/admin-account.js?id=86b763ce14425cc51947", - "/chunks/app-appearance.js": "/chunks/app-appearance.js?id=22ed25d12fde931a6384", - "/chunks/app-billings.js": "/chunks/app-billings.js?id=6f98598d588c394bbaf6", - "/chunks/app-email.js": "/chunks/app-email.js?id=74dfa50e070b752372de", - "/chunks/app-index.js": "/chunks/app-index.js?id=03834d79455e3e9f6c72", - "/chunks/app-language.js": "/chunks/app-language.js?id=e5ab59656bb2c1aaefa5", - "/chunks/app-others.js": "/chunks/app-others.js?id=4fdbd34bad92dccaf31a", - "/chunks/app-payments.js": "/chunks/app-payments.js?id=efece9c92dea88c05578", - "/chunks/app-settings.js": "/chunks/app-settings.js?id=46aed146ad695e6530b7", - "/chunks/app-setup.js": "/chunks/app-setup.js?id=ab0d2bd0a378d29f10b4", - "/chunks/billings-detail.js": "/chunks/billings-detail.js?id=2cfda34a5cbcfa80b125", - "/chunks/contact-us.js": "/chunks/contact-us.js?id=9ccd4c02178f4b6e7278", - "/chunks/create-new-password.js": "/chunks/create-new-password.js?id=7ad3557be542c00d77fd", - "/chunks/dashboard.js": "/chunks/dashboard.js?id=ae19be8c8bc403c815f3", - "/chunks/database.js": "/chunks/database.js?id=ffc140d6a6ea7963cd40", - "/chunks/dynamic-page.js": "/chunks/dynamic-page.js?id=8b23935ea7aa9730902a", - "/chunks/email-verified.js": "/chunks/email-verified.js?id=bd5e569c62dc884f4a87", - "/chunks/environment-setup.js": "/chunks/environment-setup.js?id=b78dc7d4a781b8ce1e6b", - "/chunks/files.js": "/chunks/files.js?id=9a658936883b34ee484a", - "/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=5af9e720ce6b3a566d17", - "/chunks/homepage.js": "/chunks/homepage.js?id=b4f57d89ed27bc70b335", - "/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=fca5d397ce7e81d2388f", - "/chunks/invoices.js": "/chunks/invoices.js?id=9c9facbd02511ca391de", - "/chunks/page-edit.js": "/chunks/page-edit.js?id=1bfdb163e64dd0103e6c", - "/chunks/pages.js": "/chunks/pages.js?id=929b8c99895129e7765b", - "/chunks/plan.js": "/chunks/plan.js?id=c04980a769c53eac9702", - "/chunks/plan-create.js": "/chunks/plan-create.js?id=a4b5a191f52028490d20", - "/chunks/plan-delete.js": "/chunks/plan-delete.js?id=82741fb5261f08150514", - "/chunks/plan-settings.js": "/chunks/plan-settings.js?id=eb631dd60eda973ddad4", - "/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=24aa1d29e50b816ad886", - "/chunks/plans.js": "/chunks/plans.js?id=974287b8ed7b22ca9d9d", - "/chunks/platform.js": "/chunks/platform.js?id=7db1002700c23a934dd8", - "/chunks/profile.js": "/chunks/profile.js?id=1abb937525ea9941f58d", - "/chunks/purchase-code.js": "/chunks/purchase-code.js?id=3c4c7dfede2f235b459a", - "/chunks/settings.js": "/chunks/settings.js?id=734e5db74f384924e699", - "/chunks/settings-create-payment-methods.js": "/chunks/settings-create-payment-methods.js?id=2299c2992957c6e40719", - "/chunks/settings-invoices.js": "/chunks/settings-invoices.js?id=45a74cda818069e5b06b", - "/chunks/settings-password.js": "/chunks/settings-password.js?id=ed1689c797ac4ac30444", - "/chunks/settings-payment-methods.js": "/chunks/settings-payment-methods.js?id=c9cb709ac5bec8a657c6", - "/chunks/settings-storage.js": "/chunks/settings-storage.js?id=2c8487ac06bb589aa5b7", - "/chunks/settings-subscription.js": "/chunks/settings-subscription.js?id=f8796db5378f62399f23", - "/chunks/setup-wizard.js": "/chunks/setup-wizard.js?id=d60972a2216523642850", - "/chunks/shared.js": "/chunks/shared.js?id=0c7a3d4f575dbf4f21b0", - "/chunks/shared/authenticate.js": "/chunks/shared/authenticate.js?id=86820a408438c3513b20", - "/chunks/shared/file-browser.js": "/chunks/shared/file-browser.js?id=72b0747c31534d3235e3", - "/chunks/shared/single-file.js": "/chunks/shared/single-file.js?id=03fb36b0d38a3218221f", - "/chunks/sign-in.js": "/chunks/sign-in.js?id=c0cee9fd1b07d47a5645", - "/chunks/sign-up.js": "/chunks/sign-up.js?id=fba111e00801bb09ab4f", - "/chunks/stripe-credentials.js": "/chunks/stripe-credentials.js?id=08b7d59384397b00aedf", - "/chunks/subscription-plans.js": "/chunks/subscription-plans.js?id=1ecd54723469b1976017", - "/chunks/subscription-service.js": "/chunks/subscription-service.js?id=3e480de6985a816bca2f", - "/chunks/upgrade-billing.js": "/chunks/upgrade-billing.js?id=c86dc4d2baa0347eb760", - "/chunks/upgrade-plan.js": "/chunks/upgrade-plan.js?id=dae14e5e76e0b93e6a73", - "/chunks/user.js": "/chunks/user.js?id=91c3e68c04873712f235", - "/chunks/user-create.js": "/chunks/user-create.js?id=cbe7a7de7f1f0b7900f2", - "/chunks/user-delete.js": "/chunks/user-delete.js?id=dc708437ba1e5ebc0a0d", - "/chunks/user-detail.js": "/chunks/user-detail.js?id=12c84179aaa9cebcb255", - "/chunks/user-invoices.js": "/chunks/user-invoices.js?id=777a07bc5ec4f185477e", - "/chunks/user-password.js": "/chunks/user-password.js?id=3214eb9dadcbeb1e685f", - "/chunks/user-storage.js": "/chunks/user-storage.js?id=92037267138bb75304ec", - "/chunks/user-subscription.js": "/chunks/user-subscription.js?id=9a9e247c61190a3ef745", - "/chunks/users.js": "/chunks/users.js?id=9d3aef23a49ec78dfef0" + "/js/main.js": "/js/main.js", + "/css/app.css": "/css/app.css", + "/chunks/admin.js": "/chunks/admin.js?id=f48be89654bdd5857619", + "/chunks/admin-account.js": "/chunks/admin-account.js?id=c0454f30ab711c13d961", + "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~c7a13fb0.js": "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~c7a13fb0.js?id=91adf6625e49f0b93731", + "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~a7b1c983.js": "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~a7b1c983.js?id=66c2c205086f658115d7", + "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~eeab5771.js": "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~eeab5771.js?id=1afc2a786d4a7222405e", + "/chunks/admin~chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js": "/chunks/admin~chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js?id=5b0057f770c45f0ffd92", + "/chunks/admin~chunks/files~chunks/settings~chunks/shared/file-browser.js": "/chunks/admin~chunks/files~chunks/settings~chunks/shared/file-browser.js?id=d5c9e6104890d4a17143", + "/chunks/admin~chunks/platform.js": "/chunks/admin~chunks/platform.js?id=2f834ba9277e999fee7a", + "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=00b5d7aaaf17b263c7fe", + "/chunks/admin~chunks/platform~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/shared.js?id=05abca56520b94ee2c21", + "/chunks/app-appearance.js": "/chunks/app-appearance.js?id=fafa9f673208f0b861d6", + "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.js?id=075ff381293e1a20d167", + "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.js?id=fd6936cca8f3b8b4de9a", + "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~b9e5655a.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~b9e5655a.js?id=44b987551c03b18b4ca7", + "/chunks/app-billings.js": "/chunks/app-billings.js?id=2aaaa47239358f21ae3b", + "/chunks/app-email.js": "/chunks/app-email.js?id=fb4895bc3cb1147a009f", + "/chunks/app-index.js": "/chunks/app-index.js?id=934f0c4e3afa1d6085e2", + "/chunks/app-language.js": "/chunks/app-language.js?id=91689fc67cbc81b3701b", + "/chunks/app-language~chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pag~824d674f.js": "/chunks/app-language~chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pag~824d674f.js?id=1c3fefab1daa3f807f15", + "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/s~0d12a0aa.js": "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/s~0d12a0aa.js?id=4b583e0677bf48a81557", + "/chunks/app-others.js": "/chunks/app-others.js?id=ad84d8d637cedb14ce81", + "/chunks/app-payments.js": "/chunks/app-payments.js?id=c9e8129dade16a2a347c", + "/chunks/app-settings.js": "/chunks/app-settings.js?id=049741bb0d8712c772dd", + "/chunks/app-setup.js": "/chunks/app-setup.js?id=6a7724d6920f181311ed", + "/chunks/billings-detail.js": "/chunks/billings-detail.js?id=17649af88aea4624b7fe", + "/chunks/contact-us.js": "/chunks/contact-us.js?id=391de80c15895ae56421", + "/chunks/contact-us~chunks/dynamic-page~chunks/homepage.js": "/chunks/contact-us~chunks/dynamic-page~chunks/homepage.js?id=a964545445eef7615f9f", + "/chunks/create-new-password.js": "/chunks/create-new-password.js?id=9257ac3b9281c38c469f", + "/chunks/dashboard.js": "/chunks/dashboard.js?id=941a981972a5f13723f6", + "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.js?id=55b9119cb98263cc3677", + "/chunks/database.js": "/chunks/database.js?id=66b9b203e8037696ef04", + "/chunks/dynamic-page.js": "/chunks/dynamic-page.js?id=1141f8e183483da82e8a", + "/chunks/email-verified.js": "/chunks/email-verified.js?id=b80cafb3a468e55c45eb", + "/chunks/environment-setup.js": "/chunks/environment-setup.js?id=a8126df285a75a0fc27e", + "/chunks/files.js": "/chunks/files.js?id=54c6dddb471986e202f3", + "/chunks/files~chunks/platform~chunks/shared/file-browser.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.js?id=9309e2d3ab4df7612d1a", + "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js": "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js?id=8a06b7d864acff647f8c", + "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser~chunks/shared/single-file.js": "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser~chunks/shared/single-file.js?id=0de0b81edf0bb5d4617d", + "/chunks/files~chunks/settings-subscription~chunks/shared/file-browser~chunks/user-subscription.js": "/chunks/files~chunks/settings-subscription~chunks/shared/file-browser~chunks/user-subscription.js?id=c5ec9502bcfad35c502e", + "/chunks/files~chunks/shared/file-browser.js": "/chunks/files~chunks/shared/file-browser.js?id=5c31a056cb557ade51c2", + "/chunks/files~chunks/shared/file-browser~chunks/shared/single-file.js": "/chunks/files~chunks/shared/file-browser~chunks/shared/single-file.js?id=ad09e3f973e4db0411f1", + "/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=8871529af0da8193d3a3", + "/chunks/homepage.js": "/chunks/homepage.js?id=d29b9f09d08d673dff75", + "/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=32bcc49a5d750d274510", + "/chunks/invoices.js": "/chunks/invoices.js?id=35644a6bac5a727163fa", + "/chunks/not-found.js": "/chunks/not-found.js?id=a45c8ddab87d7bce723a", + "/chunks/page-edit.js": "/chunks/page-edit.js?id=420790a0c44680471a6f", + "/chunks/pages.js": "/chunks/pages.js?id=e9f065a730c290bbc466", + "/chunks/plan.js": "/chunks/plan.js?id=b4cfa98dcd72d0daf2b1", + "/chunks/plan-create.js": "/chunks/plan-create.js?id=9e9f90ad223f83921e16", + "/chunks/plan-delete.js": "/chunks/plan-delete.js?id=df66472f7a9121f95e71", + "/chunks/plan-settings.js": "/chunks/plan-settings.js?id=146515010333316075d6", + "/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=320263fdc9aef3a3be60", + "/chunks/plans.js": "/chunks/plans.js?id=0533e61243eeb87b3e8e", + "/chunks/platform.js": "/chunks/platform.js?id=721cb528aaff1d69d58f", + "/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=e5dcf772403613fce36c", + "/chunks/profile.js": "/chunks/profile.js?id=7186e04a6f0f5b6bf470", + "/chunks/profile~chunks/settings-password.js": "/chunks/profile~chunks/settings-password.js?id=ddb7be518c092ed392ca", + "/chunks/purchase-code.js": "/chunks/purchase-code.js?id=c1dfb8aa154ec2606b96", + "/chunks/settings.js": "/chunks/settings.js?id=f7a9fd53ae30638964c2", + "/chunks/settings-create-payment-methods.js": "/chunks/settings-create-payment-methods.js?id=8d9c0e1f7c851ba47162", + "/chunks/settings-invoices.js": "/chunks/settings-invoices.js?id=85aebd3caecf9e1fa467", + "/chunks/settings-password.js": "/chunks/settings-password.js?id=5df9d33dca4d54165b4f", + "/chunks/settings-payment-methods.js": "/chunks/settings-payment-methods.js?id=9f4049d97664766feccb", + "/chunks/settings-storage.js": "/chunks/settings-storage.js?id=b8b143cad82b81253e4f", + "/chunks/settings-subscription.js": "/chunks/settings-subscription.js?id=11827a0027b9b7d8462a", + "/chunks/settings~chunks/settings-password.js": "/chunks/settings~chunks/settings-password.js?id=680f99e2021f19ff1af8", + "/chunks/setup-wizard.js": "/chunks/setup-wizard.js?id=41d3478184ec24644a1c", + "/chunks/shared.js": "/chunks/shared.js?id=7524b7a783d4aed23794", + "/chunks/shared/authenticate.js": "/chunks/shared/authenticate.js?id=888919dfd3b48bf68608", + "/chunks/shared/file-browser.js": "/chunks/shared/file-browser.js?id=0f6c34512740fca7e007", + "/chunks/shared/single-file.js": "/chunks/shared/single-file.js?id=7886247bb35deada28a2", + "/chunks/sign-in.js": "/chunks/sign-in.js?id=6e5c9d01fd2214d21de2", + "/chunks/sign-up.js": "/chunks/sign-up.js?id=0838eae8d5c33f41789c", + "/chunks/stripe-credentials.js": "/chunks/stripe-credentials.js?id=44fa05ad44bfab4e49fe", + "/chunks/subscription-plans.js": "/chunks/subscription-plans.js?id=40de10e72a76725855e2", + "/chunks/subscription-service.js": "/chunks/subscription-service.js?id=77d76e7342a0f3538488", + "/chunks/upgrade-billing.js": "/chunks/upgrade-billing.js?id=5a2a439ba83326bf66d4", + "/chunks/upgrade-billing~chunks/upgrade-plan.js": "/chunks/upgrade-billing~chunks/upgrade-plan.js?id=a1b8f21b2af3ac5972cb", + "/chunks/upgrade-plan.js": "/chunks/upgrade-plan.js?id=8cb10fc2721ecdcb4cf7", + "/chunks/user.js": "/chunks/user.js?id=fcaa01ba6ce8844132f0", + "/chunks/user-create.js": "/chunks/user-create.js?id=8bde87c67f5d0012dc34", + "/chunks/user-delete.js": "/chunks/user-delete.js?id=d71abbc37b8eef88fe0a", + "/chunks/user-detail.js": "/chunks/user-detail.js?id=dd8e5ca087058f9cec96", + "/chunks/user-invoices.js": "/chunks/user-invoices.js?id=eb7559b64aa9b3eef405", + "/chunks/user-password.js": "/chunks/user-password.js?id=0b6aedd9265f71ba2c8e", + "/chunks/user-storage.js": "/chunks/user-storage.js?id=2ec04730d677842c8d10", + "/chunks/user-subscription.js": "/chunks/user-subscription.js?id=fc7ddaca95c26ec5c217", + "/chunks/users.js": "/chunks/users.js?id=720f418eef0585bdb419", + "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~6c99cc74.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~6c99cc74.js?id=0a6998f62a162c08a48f", + "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~cfac0ed6.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~cfac0ed6.js?id=f66c7653a087fe1f3320", + "/vendors~chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser~chunks/shared/single-file.js": "/vendors~chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser~chunks/shared/single-file.js?id=9d10953d3b088324dfe3", + "/vendors~chunks/platform~chunks/shared.js": "/vendors~chunks/platform~chunks/shared.js?id=7d09e0b0658e140a7ffa", + "/chunks/platform~chunks/shared.a5a4d394b82bd71b661a.hot-update.js": "/chunks/platform~chunks/shared.a5a4d394b82bd71b661a.hot-update.js", + "/chunks/files~chunks/shared/file-browser.8f990932e028dd281ee1.hot-update.js": "/chunks/files~chunks/shared/file-browser.8f990932e028dd281ee1.hot-update.js", + "/chunks/files~chunks/shared/file-browser.273d9f27ceb8d0ad2d0e.hot-update.js": "/chunks/files~chunks/shared/file-browser.273d9f27ceb8d0ad2d0e.hot-update.js", + "/chunks/files~chunks/shared/file-browser.ed004a5c3c900349a0c0.hot-update.js": "/chunks/files~chunks/shared/file-browser.ed004a5c3c900349a0c0.hot-update.js", + "/chunks/sign-in.28c8c3a1175cc61489e8.hot-update.js": "/chunks/sign-in.28c8c3a1175cc61489e8.hot-update.js", + "/chunks/sign-in.ab0f9d07b89677eada20.hot-update.js": "/chunks/sign-in.ab0f9d07b89677eada20.hot-update.js" } diff --git a/resources/js/App.vue b/resources/js/App.vue index ebd482ec..278b32fc 100644 --- a/resources/js/App.vue +++ b/resources/js/App.vue @@ -22,6 +22,7 @@ import CookieDisclaimer from '@/components/Others/CookieDisclaimer' import Spinner from '@/components/FilesView/Spinner' import Vignette from '@/components/Others/Vignette' import Alert from '@/components/FilesView/Alert' +import {mapGetters} from 'vuex' import {events} from './bus' export default { @@ -38,13 +39,44 @@ export default { isLoaded: false } }, + computed: { + ...mapGetters([ + 'isDarkMode' + ]), + }, + watch: { + isDarkMode() { + this.toggleDarkMode() + } + }, methods: { unClick() { events.$emit('unClick') - } + }, + toggleDarkMode() { + const webApp = document.getElementsByTagName("html")[0]; + + webApp.classList.toggle("dark-mode"); + } }, beforeMount() { + // Set dark/light mode by user settings + if (localStorage.hasOwnProperty('is_dark_mode')) { + if (this.isDarkMode) this.toggleDarkMode() + } + + // Proceed dark/light mode by system settings + if (! localStorage.hasOwnProperty('is_dark_mode')) { + const prefersDarkScheme = window.matchMedia('(prefers-color-scheme: dark)'); + + // Set up initial dark/light mode on app loading + if (prefersDarkScheme.matches) this.toggleDarkMode() + + // Watch for dark/light mode changes on os system layer + prefersDarkScheme.addEventListener('change', () => this.toggleDarkMode()); + } + // Get installation state let installation = this.$root.$data.config.installation @@ -126,7 +158,7 @@ export default { } // Dark mode support -@media (prefers-color-scheme: dark) { +.dark-mode { * { color: $dark_mode_text_primary; diff --git a/resources/js/components/Admin/WidgetLatestRegistrations.vue b/resources/js/components/Admin/WidgetLatestRegistrations.vue index d7291aa6..1d8c67f6 100644 --- a/resources/js/components/Admin/WidgetLatestRegistrations.vue +++ b/resources/js/components/Admin/WidgetLatestRegistrations.vue @@ -113,7 +113,7 @@ @import '@assets/vuefilemanager/_variables'; @import '@assets/vuefilemanager/_mixins'; - @media (prefers-color-scheme: dark) { + .dark-mode { } diff --git a/resources/js/components/Admin/WidgetTotals.vue b/resources/js/components/Admin/WidgetTotals.vue index 03f381fa..1ad5b02e 100644 --- a/resources/js/components/Admin/WidgetTotals.vue +++ b/resources/js/components/Admin/WidgetTotals.vue @@ -5,7 +5,7 @@ {{ linkName }} - + @@ -65,7 +65,7 @@ } } - @media (prefers-color-scheme: dark) { + .dark-mode { .widget-value { span { diff --git a/resources/js/components/Admin/WidgetWrapper.vue b/resources/js/components/Admin/WidgetWrapper.vue index fb7ec622..d34461c7 100644 --- a/resources/js/components/Admin/WidgetWrapper.vue +++ b/resources/js/components/Admin/WidgetWrapper.vue @@ -3,9 +3,9 @@
- - - + + +
{{ title }}
@@ -58,7 +58,7 @@ } } - @media (prefers-color-scheme: dark) { + .dark-mode { .widget-content { background: $dark_mode_foreground; } diff --git a/resources/js/components/Auth/AuthButton.vue b/resources/js/components/Auth/AuthButton.vue index b9a8b441..6afb0b93 100644 --- a/resources/js/components/Auth/AuthButton.vue +++ b/resources/js/components/Auth/AuthButton.vue @@ -88,7 +88,7 @@ } } - @media (prefers-color-scheme: dark) { + .dark-mode { .button { &.outline { diff --git a/resources/js/components/Desktop/PopoverItem.vue b/resources/js/components/Desktop/PopoverItem.vue index 5fe0f839..e9c6f684 100644 --- a/resources/js/components/Desktop/PopoverItem.vue +++ b/resources/js/components/Desktop/PopoverItem.vue @@ -51,7 +51,7 @@ } } - @media (prefers-color-scheme: dark) { + .dark-mode { .popover-item { background: $dark_mode_foreground; } diff --git a/resources/js/components/FilesView/Alert.vue b/resources/js/components/FilesView/Alert.vue index 1dc35078..f91831f6 100644 --- a/resources/js/components/FilesView/Alert.vue +++ b/resources/js/components/FilesView/Alert.vue @@ -167,7 +167,7 @@ } } - @media (prefers-color-scheme: dark) { + .dark-mode { .popup-wrapper { background: $dark_mode_foreground; } diff --git a/resources/js/components/FilesView/ButtonBase.vue b/resources/js/components/FilesView/ButtonBase.vue index 3a950dfe..7617a28e 100644 --- a/resources/js/components/FilesView/ButtonBase.vue +++ b/resources/js/components/FilesView/ButtonBase.vue @@ -104,7 +104,7 @@ } } - @media (prefers-color-scheme: dark) { + .dark-mode { .button-base { diff --git a/resources/js/components/FilesView/CheckBox.vue b/resources/js/components/FilesView/CheckBox.vue index 7cdf3d74..ce1c5526 100644 --- a/resources/js/components/FilesView/CheckBox.vue +++ b/resources/js/components/FilesView/CheckBox.vue @@ -34,7 +34,7 @@ export default { background-color: darken($light_background, 5%); } -@media (prefers-color-scheme: dark) { +.dark-mode { .is-deactive { background-color: lighten($dark_mode_foreground, 10%); diff --git a/resources/js/components/FilesView/ContextMenu.vue b/resources/js/components/FilesView/ContextMenu.vue index 8b87cba8..e42ed475 100644 --- a/resources/js/components/FilesView/ContextMenu.vue +++ b/resources/js/components/FilesView/ContextMenu.vue @@ -378,7 +378,7 @@ export default { padding: 0; } -@media (prefers-color-scheme: dark) { +.dark-mode { .contextmenu { background: $dark_mode_foreground; } diff --git a/resources/js/components/FilesView/DesktopToolbar.vue b/resources/js/components/FilesView/DesktopToolbar.vue index 0fe277cd..158ed569 100644 --- a/resources/js/components/FilesView/DesktopToolbar.vue +++ b/resources/js/components/FilesView/DesktopToolbar.vue @@ -314,7 +314,7 @@ } } -@media (prefers-color-scheme: dark) { +.dark-mode { .toolbar .directory-name { color: $dark_mode_text_primary; } diff --git a/resources/js/components/FilesView/DragUI.vue b/resources/js/components/FilesView/DragUI.vue index a65a8843..24064230 100644 --- a/resources/js/components/FilesView/DragUI.vue +++ b/resources/js/components/FilesView/DragUI.vue @@ -95,7 +95,7 @@ export default { background: white; } -@media (prefers-color-scheme: dark) { +.dark-mode { #drag-ui { background: $dark_mode_foreground; } diff --git a/resources/js/components/FilesView/EmptyFilePage.vue b/resources/js/components/FilesView/EmptyFilePage.vue index 2046f304..5b3a6702 100644 --- a/resources/js/components/FilesView/EmptyFilePage.vue +++ b/resources/js/components/FilesView/EmptyFilePage.vue @@ -105,7 +105,7 @@ } } - @media (prefers-color-scheme: dark) { + .dark-mode { .text-content { .title { diff --git a/resources/js/components/FilesView/EmptyMessage.vue b/resources/js/components/FilesView/EmptyMessage.vue index 4379366c..9942d5fe 100644 --- a/resources/js/components/FilesView/EmptyMessage.vue +++ b/resources/js/components/FilesView/EmptyMessage.vue @@ -48,7 +48,7 @@ } } - @media (prefers-color-scheme: dark) { + .dark-mode { .empty-message { .message { diff --git a/resources/js/components/FilesView/FileActionsMobile.vue b/resources/js/components/FilesView/FileActionsMobile.vue index 890f6bf5..a53e7374 100644 --- a/resources/js/components/FilesView/FileActionsMobile.vue +++ b/resources/js/components/FilesView/FileActionsMobile.vue @@ -228,7 +228,7 @@ } } - @media (prefers-color-scheme: dark) { + .dark-mode { #mobile-actions-wrapper { background: $dark_mode_background; } diff --git a/resources/js/components/FilesView/FileItemGrid.vue b/resources/js/components/FilesView/FileItemGrid.vue index a6944874..bd9cecfc 100644 --- a/resources/js/components/FilesView/FileItemGrid.vue +++ b/resources/js/components/FilesView/FileItemGrid.vue @@ -10,7 +10,7 @@ - + {{ item.mimetype }} @@ -35,12 +35,12 @@
- +
- +
@@ -54,7 +54,7 @@
- + @@ -548,7 +548,7 @@ export default { } } -@media (prefers-color-scheme: dark) { +.dark-mode { .file-wrapper { diff --git a/resources/js/components/FilesView/FileItemList.vue b/resources/js/components/FilesView/FileItemList.vue index d1461edc..4a889431 100644 --- a/resources/js/components/FilesView/FileItemList.vue +++ b/resources/js/components/FilesView/FileItemList.vue @@ -16,7 +16,7 @@
- + {{ item.mimetype | limitCharacters }} @@ -39,12 +39,12 @@
- +
- +
@@ -59,7 +59,7 @@
- +
@@ -520,7 +520,7 @@ export default { } } -@media (prefers-color-scheme: dark) { +.dark-mode { .file-wrapper { .icon-item { diff --git a/resources/js/components/FilesView/FilePreview.vue b/resources/js/components/FilesView/FilePreview.vue index 7068d4bb..ffb37731 100644 --- a/resources/js/components/FilesView/FilePreview.vue +++ b/resources/js/components/FilesView/FilePreview.vue @@ -67,7 +67,7 @@ background-color: white; } - @media (prefers-color-scheme: dark) { + .dark-mode { .file-preview { background-color: $dark_mode_background; } diff --git a/resources/js/components/FilesView/FilePreviewMedia.vue b/resources/js/components/FilesView/FilePreviewMedia.vue index a60cc82c..06700680 100644 --- a/resources/js/components/FilesView/FilePreviewMedia.vue +++ b/resources/js/components/FilesView/FilePreviewMedia.vue @@ -377,7 +377,7 @@ export default { } -@media (prefers-color-scheme: dark) { +.dark-mode { .navigation-arrows { .prev, .next { diff --git a/resources/js/components/FilesView/FilePreviewToolbar.vue b/resources/js/components/FilesView/FilePreviewToolbar.vue index ab2f9bdf..fd1bf2de 100644 --- a/resources/js/components/FilesView/FilePreviewToolbar.vue +++ b/resources/js/components/FilesView/FilePreviewToolbar.vue @@ -339,7 +339,7 @@ } } -@media (prefers-color-scheme: dark) { +.dark-mode { .navigation-panel { background-color: $dark_mode_background; color: $dark_mode_text_primary; diff --git a/resources/js/components/FilesView/FolderIcon.vue b/resources/js/components/FilesView/FolderIcon.vue index 15a8aa45..d4341aac 100644 --- a/resources/js/components/FilesView/FolderIcon.vue +++ b/resources/js/components/FilesView/FolderIcon.vue @@ -97,7 +97,7 @@ } } -@media (prefers-color-scheme: dark) { +.dark-mode { .folder-icon { &.is-deleted { diff --git a/resources/js/components/FilesView/ImageMetaData.vue b/resources/js/components/FilesView/ImageMetaData.vue index c694380e..cb5609c8 100644 --- a/resources/js/components/FilesView/ImageMetaData.vue +++ b/resources/js/components/FilesView/ImageMetaData.vue @@ -129,7 +129,7 @@ export default { } } -@media (prefers-color-scheme: dark) { +.dark-mode { .meta-data-list { li { diff --git a/resources/js/components/FilesView/MobileActionButton.vue b/resources/js/components/FilesView/MobileActionButton.vue index 11d9f3e3..273252bb 100644 --- a/resources/js/components/FilesView/MobileActionButton.vue +++ b/resources/js/components/FilesView/MobileActionButton.vue @@ -93,7 +93,7 @@ } } - @media (prefers-color-scheme: dark) { + .dark-mode { .mobile-action-button { background: $dark_mode_foreground; diff --git a/resources/js/components/FilesView/MobileActionButtonUpload.vue b/resources/js/components/FilesView/MobileActionButtonUpload.vue index 2698232f..8187533e 100644 --- a/resources/js/components/FilesView/MobileActionButtonUpload.vue +++ b/resources/js/components/FilesView/MobileActionButtonUpload.vue @@ -64,7 +64,7 @@ } } - @media (prefers-color-scheme: dark) { + .dark-mode { .mobile-action-button { background: $dark_mode_foreground; diff --git a/resources/js/components/FilesView/MobileToolbar.vue b/resources/js/components/FilesView/MobileToolbar.vue index 633a1aa3..f036a2ca 100644 --- a/resources/js/components/FilesView/MobileToolbar.vue +++ b/resources/js/components/FilesView/MobileToolbar.vue @@ -163,7 +163,7 @@ } } - @media (prefers-color-scheme: dark) { + .dark-mode { .mobile-toolbar { background: $dark_mode_background; diff --git a/resources/js/components/FilesView/MultiSelectToolbarMobile.vue b/resources/js/components/FilesView/MultiSelectToolbarMobile.vue index f5415a5d..e331a4d0 100644 --- a/resources/js/components/FilesView/MultiSelectToolbarMobile.vue +++ b/resources/js/components/FilesView/MultiSelectToolbarMobile.vue @@ -120,7 +120,7 @@ export default { } } -@media (prefers-color-scheme: dark) { +.dark-mode { .multiselect-actions { background: $dark_mode_foreground; diff --git a/resources/js/components/FilesView/Option.vue b/resources/js/components/FilesView/Option.vue index 8eb6ac87..f28d0661 100644 --- a/resources/js/components/FilesView/Option.vue +++ b/resources/js/components/FilesView/Option.vue @@ -180,7 +180,7 @@ import { } } -@media (prefers-color-scheme: dark) { +.dark-mode { .menu-option { color: $dark_mode_text_primary; diff --git a/resources/js/components/FilesView/OptionGroup.vue b/resources/js/components/FilesView/OptionGroup.vue index 20ec769d..eb807a0a 100644 --- a/resources/js/components/FilesView/OptionGroup.vue +++ b/resources/js/components/FilesView/OptionGroup.vue @@ -28,7 +28,7 @@ } } -@media (prefers-color-scheme: dark) { +.dark-mode { .menu-option-group { border-color: $dark_mode_border_color; } diff --git a/resources/js/components/FilesView/ProcessingPopup.vue b/resources/js/components/FilesView/ProcessingPopup.vue index 57bd25cf..1cd7e96c 100644 --- a/resources/js/components/FilesView/ProcessingPopup.vue +++ b/resources/js/components/FilesView/ProcessingPopup.vue @@ -101,7 +101,7 @@ export default { } } -@media (prefers-color-scheme: dark) { +.dark-mode { .popup-wrapper { background: $dark_mode_foreground; } diff --git a/resources/js/components/FilesView/ProgressBar.vue b/resources/js/components/FilesView/ProgressBar.vue index 2fc63711..6acfee37 100644 --- a/resources/js/components/FilesView/ProgressBar.vue +++ b/resources/js/components/FilesView/ProgressBar.vue @@ -30,16 +30,16 @@ export default { } } - @media (prefers-color-scheme: dark) { + .dark-mode { .progress-bar { background: $dark_mode_foreground; } } - @media only screen and (min-width: 680px) and (prefers-color-scheme: dark) { + @media only screen and (min-width: 680px) { - .progress-bar { + .dark-mode .progress-bar { background: $dark_mode_foreground; } } diff --git a/resources/js/components/FilesView/SearchBar.vue b/resources/js/components/FilesView/SearchBar.vue index 72ff9e1c..7f96fb2c 100644 --- a/resources/js/components/FilesView/SearchBar.vue +++ b/resources/js/components/FilesView/SearchBar.vue @@ -130,7 +130,7 @@ } - @media (prefers-color-scheme: dark) { + .dark-mode { .search-bar { input { border-color: transparent; diff --git a/resources/js/components/FilesView/TitlePreview.vue b/resources/js/components/FilesView/TitlePreview.vue index b454e800..f55ce4af 100644 --- a/resources/js/components/FilesView/TitlePreview.vue +++ b/resources/js/components/FilesView/TitlePreview.vue @@ -1,11 +1,11 @@