Official Turn Off the Lights Blog

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.

Yes, and you have a look and feeling like the website is an app on your computer. That with no address bar or tabs strip in the window. The app is in reality a web browser and so the Turn Off the Lights browser extension work here too.

What is PWA?

PWA or Progressive Web Applications are web apps that work and function like native apps, although they are built using HTML, CSS, and Javascript like regular web pages do. Websites with PWA support are intended to work on any platform that uses a standards-compliant browser, including both desktop and mobile devices.

How to install PWA?

It is very easy to install a PWA. For example, when you are on the YouTube.com website you will see in the address bar (in Google Chrome) an extra icon like a computer with an arrow point downward. When you installed the App, it will be added to your installed applications page (for Google Chrome at chrome://apps).

When you open a PWA you see the window with the website content such as YouTube.com. But on the top left of that window, you see the puzzle icon. When you click on this icon, you can choose the Turn Off the Lights browser extension and any other installed browser extensions. And it will dim the web page and highlight the video player. Also, other content features such as AutoHD (720p, 1080, 4K, 8K), Atmosphere Lighting, will work in the app window. All browser extensions will work just like in the regular web browser mode.

How to uninstall PWA

It is very easy, just like the install you must open the 3 dots and choose in the context menu the item “Uninstall”. And everything from the app is removed from your Windows or Mac computer.

PWA is supported in the latest Google Chrome, Firefox, Safari, and Microsoft Edge 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 more awesome features are coming later this year that make video navigating and control even better. if you have any ideas, suggestions, or feedback. We appreciate it all to make it better for you as the user.