Feature Preview

Chrome

Microsoft Edge

FireFox

Features

Due to limitations of the platform(s), the Doki Theme has been broken into 2 pieces.

Theme

Chromium based browsers only allows modifications to the look and feel of the browser when the extension is a theme. You can find installable versions of these extensions in the chromeThemes|edgeThemes directory of the repository.

Master Extension

If you would like even more Doki-Theme in your web-browsing experience then this plugin is for you. This will modify the CSS of every webpage that you visit with CSS that is themed to your current waifu.

Things that are currently changed:

• Selection foreground/background
• Scrollbars

Installation

This process demonstrates local installation. You should be able to install these themes from the Chrome store soon!

Steps:

1. Install Emilia Dark's theme.
2. Use the Master Extension popup to change how CSS is altered github.
3. See that scroll bar and selection colors are now themed.
4. Install Rem's theme.
5. Use the Master Extension options to change how CSS is altered.
6. Demonstrate that old css alteration is still present.
7. Refresh
8. Observe that updated css alterations are now present.

Chrome

Ideally, these plugins should be distributed by the Chrome web store. Until then, you'll have to do a local install.

1. Clone this repository
2. Open Chrome
3. Open the Extension Management page by navigating to chrome://extensions.
   • The Extension Management page can also be opened by clicking on the Chrome menu, hovering over More Tools then selecting Extensions.
4. Enable Developer Mode by clicking the toggle switch next to Developer mode.
5. Click the LOAD UNPACKED button and select the extension directory.
6. Navigate to the cloned repository
   1. To install a theme, go to chromeThemes and just select the theme directory you want and open or confirm.
   2. To install the master extension, go to masterExtension and just select the installable_extension directory and open or confirm.
7. Enjoy!

Microsoft Edge

Prerequisites

• Edge v83.0.471.0 or above consider downloading the canary/dev version

Steps

1. Clone this repository
2. Open Edge
3. Open the Extension Management page by navigating to edge://extensions.
   • The Extension Management page can also be opened by clicking on the Edge menu, hovering over More Tools then selecting Extensions.
4. Enable Developer Mode by clicking the toggle switch next to Developer mode (1).
5. Click the LOAD UNPACKED button and select the extension directory (2).
6. Navigate to the cloned repository
   1. To install a theme, go to edgeThemes and just select the theme directory you want and open or confirm.
   2. To install the master extension, go to masterExtension and just select the installable_extension directory and open or confirm.
7. Navigate to a new empty tab in the browser.
8. Select the settings in the upper right-hand corner.
9. Choose Custom layout.
10. Choose Your own image and upload your chosen background.
    • You can find background images in the chromeThemes directory here is Rem's 1920x1080.
11. Enjoy!

Mozilla Firefox

Prerequisites

• Mozilla Firefox 63 or above

Steps

1. Clone this repository
2. Open Firefox
3. Type in the search bar about:debugging
4. Select This Firefox and click Load Temporary Add-on...
5. Choose the manifest.json file in the Firefox directory
6. Now, select the doki-theme icon on the toolbar & Choose a theme to load
7. And that's it!

Issues

Light theme tab text

• How to fix issue

before	after

About the plugin!

These Chrome extensions are for serious Otaku web surfers. With over 20 chrome themes, based off of various waifus, I think you will find your best girl.

Variety is the spice of life! So you can choose themes from various, Anime, Manga, or Visual Novels:

• Doki-Doki Literature Club
• Re:Zero
• Kill La Kill
• KonoSuba
• DanganRonpa
• High School DxD
• Lucky Star
• Sword Art Online

Got Contributions, fun ideas, or issues?

The Chrome platform is has a fairly limited feature set. However, I'll do my best to accommodate, so submit an issue.

Dev Setup

Please see the contributing file for development concepts and setup.

Enjoying the plugin and want more people to use it?

Great! I am glad you like it!

Be sure to share it with others who also may enjoy it as well!

Not your thing or something bothering you?

Feel free to submit your feedback as an issue. Help make these extensions better!

---