Giter Club home page Giter Club logo

semtle / truedarkmode Goto Github PK

View Code? Open in Web Editor NEW

This project forked from vtnorton/truedarkmode

0.0 0.0 0.0 80 KB

It really doesn't matter of you Windows is in dark mode or in the light mode. The websites you visit aren't, so this Microsoft Edge extension is about to change it. When enabled, this extension will put your favorite web site in the dark mode! So don't forget to put Windows and Edge in Dark Mode.

Home Page: http://vtnorton.com/truedarkmode

License: MIT License

HTML 1.95% JavaScript 65.93% CSS 32.12%

truedarkmode's Introduction

TrueDarkMode

About the extension

It doesn’t matter of your Windows is in dark mode or in the light mode. The websites you visit aren't, so this Microsoft Edge extension is about to change it. When enabled, this extension will put your favorite web site in the dark mode! So don't forget to put Windows and Edge in Dark Mode.

Install

This extension isn't available at the Windows Store (yet), but I'm working on this!

To install this extension you have to enable the "Dev Mode" of Microsoft Edge, to do that, go to about:flags and select "Enable extension developer features", with this enable, go to the three dot menu and select Extension. Click on the Load Extension button and select the folder you saved the download.

Note: add the folder 'src' when you load the extension.

Please, note that, you will not be alerted if a new version come out, unless you follow me on Twitter (@vt_norton) and subscribe to the mail list for new information about this Edge extension!

Contribute

This is a totally free open source, and yes, you can help develop it!

To help develop it you won't need much, just one GitHub client for you PC and one Notepad (but if you want to use Visual Studio Code or Formula - Universal Code Editor, I'm not going to be mad).

Let's put everything on the dark mode

Putting every website on the internet on the dark mode is kinda of impossible, but this doesn't mean that I won't try. This is just a beta version so only a few websites are available, but if you want to help add more websites the source code is opened! And if you don't know how to code but still want to help, you can send feedback to me asking to add new sites.

If you find any problem, please report it!

Guideline

Since this extension is made for Microsoft Edge, please use this tons of shades to make the website darker:

Black 100%: #000000;

Black 80%: #242424;

Black 60%: #383838;

Black 40%: #4C4C4C;

White 100%: #FFFFFF;

White 90%: #D6D6D5;

White 80%: #D5D5D5;

White 60%: #767676;

Use the #000000 background on the content place, where the user will read some text. Other places just use #383838. For the text that is under the #000000 background, use #ffffff.

For every site, please create a separate css file and js file (if needed) and put then on the respective folder. Create the file with the name of the website.

For more information about adding new websites to the extension, go here: https://developer.chrome.com/extensions/content_scripts#pi and here https://developer.chrome.com/extensions/match_patterns.

You are free to go and to make everything you want!

truedarkmode's People

Contributors

vtnorton avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.