Author: Stefan Van Damme

With the launch of the new Turn Off the Lights Safari extension on iOS 15 (that is coming this fall). That makes browsing the internet on the Safari web browser more comfortable, that by dimming the screen and enabling Dark Mode on all websites. And you can already download the Safari extension from TestFlight for the iOS 15 beta users. There is also a bunch of new texts to translate for this new iOS platform.

Translate Safari extension on iOS 15

With the announcement of the WWDC 2020 previous year that Apple is joining the Safari Web Extension technology. That is great news, as we can use the same code as in the Google Chrome extension. It makes creating a browser extension very easy and use the translation files on all web browsers. And now in WWDC 2021, the Safari extension will also work on mobile devices such as iPhone and iPad.

Turn Off the Lights browser extension is free and Open-Source. And it has a strong translation community that makes this number #1 accessibility too available in all languages. So we thank all translators for their help and contribution to making this available in your local language. However, for a Safari extension on iOS 15, you need to have an app to get this extension in your mobile Safari web browser. So here we create a new starting place with useful links and video tutorials. And those are needed to translate.

Supported Languages

If you write one of these languages: Afrikaans, Albanian, Amharic, Arabic, Asturian, Azerbaijani, Basque, Bengali, Bulgarian, Burmese, Catalan, Chinese Simplified, Chinese Traditional, Chinese Traditional (Hong Kong), Croatian, Czech, Danish, Dutch, English (United Kingdom), Estonian, Filipino, Finnish, French, Galician, Georgian, German, Greek, Gujarati, Hebrew, Hindi, Hungarian, Icelandic, Indonesian, Irish, Italian, Japanese, Kabyle, Kannada, Korean, Kurdish, Latvian, Lithuanian, Macedonian, Malay, Malayalam, Maltese, Norwegian, Persian, Polish, Portuguese, Portuguese (Brazilian), Romanian, Russian, Serbian (Cyrillic), Serbian (Latin), Sinhala, Slovak, Slovenian, Spanish, Spanish (Argentina), Swahili, Swedish, Tamil, Telugu, Thai, Turkish, Ukrainian, Urdu (Pakistan), and Vietnamese. You can help to make this free Safari extension understandable for these languages.

What are you waiting for Translate it Now! And if you know a friend that writes one of these languages, do not hesitate to share this news with them.

It is an exciting day today because now you can test the new Turn Off the Lights Safari extension on iOS 15 beta, which can be used on the Safari web browser on iPhone and iPad. When you enable the Safari extension, you can see the blue accent lamp button in your Safari address bar when using an iPad. And on an iPhone device, you can see the ‘Turn Off the Lights’ as a menu item in the 3 dots icon.

Safari Web Extensions is built primarily on JavaScript, HTML, and CSS. And are available on all Apple devices that support Safari. That includes Mac and iOS. Thereby share the Safari extension on Mac and iOS the same codebase, and have it all the same features inside.

How to get this Safari extension for iOS 15 on my device?

1. Make sure you have the latest iOS 15 beta installed on your iPhone or iPad
2. Check you have installed the TestFlight app on your device
3. Finally open now the TestFlight web page, and you are ready to install the ‘Turn Off the Lights for Safari’ app

Feedback & Suggestions

When you test this new experience in your Safari web browser, you can do all the amazing options just like in the Safari desktop web browser. Such as enable Night Mode on all websites, force YouTube AutoHD to 8K, or block 60FPS, see a glow effect around the video player with Atmosphere Lighting, etc. And now it is the time to test and feedback to us on what you do not like in the Safari extension. That includes the design, text, image, logo, and bugs. So we can improve this experience in the next upcoming version. That to give you all the best and most comfortable web experience for your eyes in the Safari web browser.

You can feedback very easily in the Apple TestFlight app. And that with a single tap on the blue ‘Send Feedback’ link. All feedback is taken very seriously. And how more information you can provide, that the better we understand your feedback.

Support our Development

Now you know about the next Turn Off the Lights Safari extension. Which is 100% free for everyone to download on iOS (and also after the TestFlight). It is a powerful tool with many amazing features to get the best web experience. Such as all websites in Dark Mode that with your personal chosen color. Above all, Turn Off the Lights is a free and open-source Turn Off the Lights browser extension. So please do not hesitate to support our work by making a small donation. And share this useful browser extension with your family, friends, and colleagues.

The Turn Off the Lights browser extension is a free and Open-Source project. And it is built with the latest web technology for modern web browsers. Here a behind-the-scenes overview of the developer tools we use to build the Turn Off the Lights on all platforms. And the handy Visual Studio Code extension we use in the code development of this project. That makes this code small, secure, stable for all web browsers.

Developer tools

What are developer tools?

That is the program or application to create this web page or to create a useful tool on the web. A website is built with HTML code, that gives the context of the web page. And the CSS provides the style of this web page. Whereby the Javascript can provide you dynamic function, such as detecting a click on a button that can open a new web page.

Visual Code

This is the application name from the company Microsoft, here we can see the complete file hierarchy of our project. That includes the HTML, JS, CSS, JSON files. And to write the text code instantly in a dark environment.

ESLint

ESLint is a static code analysis tool that makes the code understandable and identifying problematic patterns found in the JavaScript code. It makes sure the code style is on all the JavaScript files the same. And bring harmony to the way we write code.

Pretty Formatter

That makes it easy to compress the CSS file to minimal file size. This removed all the empty spaces, comments. So that to reduce to file size of the Turn Off the Lights project.

Live Server

To test these new changes, we test the web page online and instantly in the web browser. To do this we use the Live Server extension. That is the extension that provides us a local host from this current web page with all the settings automatically done for us.

Debugger for Chrome

This extension in Visual Studio Code helps to debug the JavaScript code in the Chrome browser. And it helps us find easy and fast the bug.

Then all this code will be published online on Github, so everyone can read and test the Open-Source project on his favorite web browser.

Support our Development

Now you know about the developer tools we use to build this amazing Turn Off the Lights browser extension. And how to keep the package small, so you can download and use it fast on your favorite web browser. If you like the free and open-source Turn Off the Lights browser extension. So please do not hesitate to support our work by making a small donation. And share this useful browser extension with your family, friends, and colleagues. And if you have any ideas, suggestions, or feedback. We appreciate it all to make it better for you as the user.