Expose Dark Reader settings (#568)

* feat: Expose DarkReader settings to users
  - In the service model, expose an object darkReaderSetting which contains  brightness, contrast and sepia values.
  - In EditServiceScreen, provide 3 form options for brightness, contrast and Sepia. Additionally onSubmit() form, capture the darkreader settings data onto formdata.darkReaderSettings to update in the service
  - In EditServiceForm, if darkModeEnabled is checked, show 3 sliders for controlling darkreader settings
  - Create a new Slider control and customize it according to the application's theme and dark theme.
  - In Webview Recipe, load the darkReader settings from service settings and pass it to the darkReader library.

* feat: Darkreader settings
 - Lint fixes

* feat: DarkReader settings
  - refactor code in editservicescreen.js

Co-Authored-By: Sampath Kumar Krishnan <sampath3493@gmail.com>

* feat: Darkreader settings
 - Fix a crash where service.darkReaderSettings is null while creating a new service
 - Remove isDarkModeEnabled prop to EditServiceForm as it is no longer required.

* fix: Update EditServiceScreen

- Set the default value of darkReader Brightness, Contrast and Sepia to undefined as per @vantezzen 's suggestion.
- Updated the check provided by @mahadevans87

Co-authored-by: Sampath Kumar Krishnan <sampath3493@gmail.com>
Co-authored-by: Sampath Kumar Krishnan <sampathBlam@users.noreply.github.com>

1 files changed, 4 insertions, 0 deletions

diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
index ff0d57435..544ad997d 100644
--- a/src/i18n/locales/en.json
+++ b/src/i18n/locales/en.json
@@ -300,6 +300,10 @@
   "settings.service.form.enableAudio": "Cumasaigh fuaim",
   "settings.service.form.enableBadge": "Taispeáin comhartha do theachtaireachtaí neamhléite",
   "settings.service.form.enableDarkMode": "Enable Dark Mode",
+  "settings.service.form.darkReaderBrightness": "Darkreader Brightness",
+  "settings.service.form.darkReaderContrast": "Darkreader Contrast",
+  "settings.service.form.darkReaderSepia": "Darkreader Sepia",
+  "settings.service.form.headlineDarkReaderSettings": "Dark Reader Settings",
   "settings.service.form.enableNotification": "Cumasaigh fógraí",
   "settings.service.form.enableService": "Cumasaigh seirbhís",
   "settings.service.form.headlineBadges": "Comhartha do theachtaireachtaí neamhléite",