All Projects → doki-theme → doki-theme-web

doki-theme / doki-theme-web

Licence: MIT license
Cute anime character themes for your Chrome, Edge, & Brave browser.

Programming Languages

HTML
75241 projects
typescript
32286 projects

Projects that are alternatives of or similar to doki-theme-web

doki-theme-github
Cute anime character themes for GitHub
Stars: ✭ 70 (-27.84%)
Mutual labels:  anime, themes
Doki Theme Jetbrains
Code with your waifu! Here are a bunch of themes for your JetBrains IDEs. Choose a girl from various anime series, manga, and visual novels such as: Re:Zero, KillLaKill and Doki-Doki Literature Club.
Stars: ✭ 143 (+47.42%)
Mutual labels:  anime, themes
Doki Theme Vscode
Code with your waifu! Here are a bunch of themes for VS-Code. Choose a girl from various anime series, manga, and visual novels such as: Re:Zero, KillLaKill and Doki-Doki Literature Club.
Stars: ✭ 67 (-30.93%)
Mutual labels:  anime, themes
doki-theme-hyper
Cute anime character themes for Hyper.js.
Stars: ✭ 67 (-30.93%)
Mutual labels:  anime, themes
lovelace-light-soft-ui-theme
🎨 Home Assistant soft UI light theme, with help from @JuanMTech, @thomasloven, and @N-l1.
Stars: ✭ 59 (-39.18%)
Mutual labels:  themes
GelbooruEnhancement
Image Viewer and Endless Scroll userscripts for Gelbooru and various other boorus
Stars: ✭ 41 (-57.73%)
Mutual labels:  anime
ZeldrisRobot
An anime themed group management bot, running on python with telethon and ptb.
Stars: ✭ 41 (-57.73%)
Mutual labels:  anime
mocp-themes
My collection of themes for the music on console player
Stars: ✭ 48 (-50.52%)
Mutual labels:  themes
angular-material-dynamic-themes
Making able the app to switch between material themes at run-time
Stars: ✭ 24 (-75.26%)
Mutual labels:  themes
Anime4K-rs
An attempt to write Anime4K in Rust
Stars: ✭ 104 (+7.22%)
Mutual labels:  anime
google light theme
🎨 By JuanMTech -- A Home Assistant theme inspired on the Google app light mode.
Stars: ✭ 56 (-42.27%)
Mutual labels:  themes
qiokian
🙊 live2d anime waifu vuejs component.
Stars: ✭ 34 (-64.95%)
Mutual labels:  anime
jojo-cards
Card game based on Jojo's Bizarre Adventure (ジョジョの奇妙な冒険)
Stars: ✭ 112 (+15.46%)
Mutual labels:  anime
jikan-nodejs
A Node.js wrapper for Jikan REST API.
Stars: ✭ 16 (-83.51%)
Mutual labels:  anime
animepahe-dl
⬇️ animepahe anime downloader
Stars: ✭ 66 (-31.96%)
Mutual labels:  anime
windows-app
Official LISTEN.moe Windows-only Client
Stars: ✭ 63 (-35.05%)
Mutual labels:  anime
anitomy-js
Native Node.js wrapper for Anitomy
Stars: ✭ 21 (-78.35%)
Mutual labels:  anime
anime-cli
A CLI for streaming, downloading anime shows. The shows data is indexed through GogoAnime.
Stars: ✭ 31 (-68.04%)
Mutual labels:  anime
flitch
🍂 Android Anime Streaming App.
Stars: ✭ 80 (-17.53%)
Mutual labels:  anime
Project-Padoru
Collection of Padoru Images
Stars: ✭ 20 (-79.38%)
Mutual labels:  anime

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!


Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].