https://github.com/dpbm/dracula-darkreader

Dracula theme for dark reader
https://github.com/dpbm/dracula-darkreader

browser change-fonts change-theme dark-reader dark-theme dracula plugins theme themes web

Last synced: 2 months ago
JSON representation

Dracula theme for dark reader

• Host: GitHub
• URL: https://github.com/dpbm/dracula-darkreader
• Owner: Dpbm
• License: mit
• Created: 2021-04-27T00:09:17.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2025-01-11T11:20:39.000Z (over 1 year ago)
• Last Synced: 2025-03-13T01:44:25.530Z (about 1 year ago)
• Topics: browser, change-fonts, change-theme, dark-reader, dark-theme, dracula, plugins, theme, themes, web
• Homepage: https://dpbm.github.io/Dracula-DarkReader/
• Size: 1.32 MB
• Stars: 14
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Dracula for [Dark Reader](https://darkreader.org/)

> A dark theme for [Dark Reader](https://darkreader.org/).

![screenshot](./assets/screenshot.png)

## Install

After installing Dark Reader to your web browser of choice, follow the steps bellow to add the Dracula theme:

1. Click on `More`

![more](./assets/more.png)

2. Click on `All Settings`

   

![all settings](./assets/all_settings.png)

3. Click on `Advanced`

![advanced](./assets/advanced.png)

4. Click on `Dev Tools`

![dev tools](./assets/dev_tools.png)

5. Click on `Advanced` again

![dev tools](./assets/advanced_dev_tools.png)

6. Change to new design

![new design](./assets/new_design.png)

7. Reopen the extension

8. Click on `See all Options`

![see all options](./assets/see_all_options.png)

9. Click on `Colors`

![colors](./assets/colors.png)

10. Change the color scheme to `Dracula`

![change colors](./assets/change_colors.png)

## Optional

### Custom Font

Dark Reader also allows you to set custom fonts that will be used on the websites you visit.

To change this:

1. reopen the extension

2. Click on `See all Options`

![see all options](./assets/see_all_options.png)

3. Click on `Font & More`

![see all options](./assets/font.png)

4. Then change the `Change font` selector from `No` to `Yes`

![allow change font](./assets/change_font.png)

5. Now, you can use the `Font Name` selector to insert which font do you want to use

## Team

This theme is maintained by the following person(s) and a bunch of awesome contributors.

| [![Dpbm](https://github.com/Dpbm.png?size=100)](https://github.com/Dpbm) | [![JakubZ0](https://github.com/JakubZ0.png?size=100)](https://github.com/JakubZ0) | [![CBroz1](https://github.com/CBroz1.png?size=100)](https://github.com/CBroz1) |

| ------------------------------------------------------------------------ | --------------------------------------------------------------------------------- | --------------------------------------------------------------------------------- |

| [Dpbm](https://github.com/Dpbm)                                          | [JakubZ0](https://github.com/JakubZ0)                                             | [CBroz1](https://github.com/CBroz1) |

## License

[MIT License](./LICENSE)