Skip to content

Cute anime character themes for your Chrome, Edge, & Brave browser.

License

Notifications You must be signed in to change notification settings

doki-theme/doki-theme-web

Repository files navigation

Feature Preview

Google Chrome

Megumin Chrome

Microsoft Edge

Rem Edge

FireFox

Aqua FireFox

Browser Docs

Features

Suggestive Content

So I thought it was a good idea to add a bit of culture to this plugin. Ya boi is horny on main.

I will give you a bit of a warning before you install suggestive content. Some of us are professional Otaku, who want to remain, well...professional. Don't worry if you choose to continue, I won't ask you again for that specific theme.

Applies for the following content:

  • Rias Onyx: Secondary Content

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

Theme Usage

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. Load unpacked
  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!

Edge

Prerequisites

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). Load unpacked
  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.
  11. Enjoy!

Mozilla Firefox

1.) Mozilla's Add-on Store Install

You can find the extension on the FireFox addon marketplace.

2.) Manual Install

If you don't feel like downloading the addon from the store, then follow the below steps.

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!

Warning: This is a temporary way of installing Doki Theme. Everytime the browser is closed, the extension must be reinstalled again using these steps.

Configuration

You can configure the extension by:

  1. Right-click the extension in the toolbar.
  2. Manage Extension
  3. Under Doki Theme for Firefox choose Options

OR

  1. Open the extension in the toolbar
  2. Click on the Doki Theme logo

Load New Tab on start is not enabled by default. When enabled, when the browser will first open, it will open a tab with your Waifu in the background. There is a know issue with session restoration on re-open though. See GitHub issue for more details.

Firefox settings

Issues

Light theme tab text

before after
before fix after fix

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!