• Stars
    star
    153
  • Rank 242,473 (Top 5 %)
  • Language
    HTML
  • License
    MIT License
  • Created over 4 years ago
  • Updated 12 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

Doki Theme Web

Google Chrome Microsoft Edge Brave
Yotsuba Chrome Azuki Edge Hatsune Miku Brave

Table of Contents

Note: Doki Theme for Firefox has been moved to another repository.

Feature Set

Because Chrome & Edge are jerks, I need to provide 2 extensions:

  • One to theme your browser
  • One to modify the contents of your active tab & Theme your New tab.

Theme Extension

This makes your browser look and feel like it is part of the Doki Theme.

New Tab Extension

This extension overrides your New Tab, and replaces it with a tab whose background has the official Doki Theme asset. It also can inject styles into ever tab to theme the: Scroll Bar & Selection text, to match your selected theme.

Configuration

You can configure the extension by opening the popup menu & clicking:

  • The Doki Theme logo located at the top.

Installation

Google Chrome

bandicam.2022-03-11.06-13-23-916.mp4

Steps

  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.
    2. Then choose the newTab directory and open or confirm. Repeat this process for the theme extension.
  7. Enjoy!

Microsoft Edge

bandicam.2022-03-11.06-15-58-304.mp4

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.
  5. Click the LOAD UNPACKED button and select the extension directory.
  6. Navigate to the cloned repository
  7. To install a theme, go to edgeThemes and just select the theme directory you want.
  8. Then choose the newTab directory and open or confirm. Repeat this process for the theme extension.
  9. Enjoy!

Brave

Brave.Installation.mp4

Steps

  1. Clone this repository
  2. Open Brave
  3. Open the Extension Management page by navigating to brave://extensions.
  • The Extension Management page can also be opened by clicking on the Brave menu, then selecting Extensions.
  1. Enable Developer Mode by clicking the toggle switch next to Developer mode.
  2. Click the LOAD UNPACKED button and select the extension directory.
  3. Navigate to the cloned repository
  4. To install a theme, go to braveThemes and just select the theme directory you want.
  5. Then choose the newTab directory and open or confirm. Repeat this process for the theme extension.
  6. Enjoy!

Contributions and Issues

Got Contributions, fun ideas, or issues? Keep in mind, the Chromium platform has a fairly limited feature set, however, I'll do my best to accommodate. Submit an issue.

Not your thing or something bothering you? Feel free to submit your feedback.

Help make these extensions better!

Dev Setup

Please see the contributing file for development concepts and setup.

Enjoying the plugin?

Great! I am glad you like it!

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


More Repositories

1

doki-theme-vscode

Cute anime character themes for VS-Code.
TypeScript
793
star
2

doki-theme-jetbrains

Cute anime character themes for your JetBrains IDEs.
Kotlin
585
star
3

doki-theme-visualstudio

Cute anime character themes for Visual Studio.
C#
104
star
4

doki-theme-hyper

Cute anime character themes for Hyper.js.
TypeScript
91
star
5

doki-theme-github

Cute anime character themes for GitHub
CSS
84
star
6

doki-master-theme

The source of all of the Doki Themes! This enables consistency and maintainability across all platforms!
TypeScript
63
star
7

doki-theme-vim

Complementary color schemes for your full Otaku terminal experience. Works best with the Doki Theme for Hyper.js!
Vim Script
62
star
8

doki-theme-icons-jetbrains

A nice mix of cool and cute icons for your JetBrains IDEs!
Kotlin
50
star
9

doki-theme-firefox

Cute anime character themes for Firefox.
TypeScript
20
star
10

doki-theme-jupyter

Cute anime character themes for your Jupyter Notebook.
Jupyter Notebook
17
star
11

doki-theme-icons

A nice mix of cool and cute icons to compliment your favorite theme!
TypeScript
13
star
12

doki-theme-eclipse

Cute anime character themes for your Eclipse IDE.
Java
10
star
13

doki-theme-assets

The infrastructure setup for all of the Doki Theme assets!
TypeScript
8
star
14

doki-build-source

You think I maintain 60+ themes manually? These are the common building blocks for constructing all the Doki themes
TypeScript
3
star
15

doki-theme-template

Template Repository for creating new themes for different platforms
TypeScript
2
star
16

doki-theme-home

The Doki Theme's home site.
Svelte
1
star