├── colors.png
├── screenshot.png
├── package.json
├── index.js
├── LICENSE
├── README.md
├── INSTALL.md
└── colors.js
/colors.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dracula/tailwind/HEAD/colors.png
--------------------------------------------------------------------------------
/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dracula/tailwind/HEAD/screenshot.png
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "tailwind-dracula",
3 | "version": "1.1.1",
4 | "description": "A super tiny tailwind plugin that enables the use of the Dracula colour palette.",
5 | "main": "index.js",
6 | "scripts": {
7 | "test": "echo \"Error: no test specified\" && exit 1"
8 | },
9 | "repository": {
10 | "type": "git",
11 | "url": "git+https://github.com/dracula/tailwind.git"
12 | },
13 | "keywords": [
14 | "package",
15 | "tailwind",
16 | "tailwindcss",
17 | "dracula",
18 | "colors",
19 | "theme"
20 | ],
21 | "author": "Nick Graffis",
22 | "license": "MIT",
23 | "bugs": {
24 | "url": "https://github.com/dracula/tailwind/issues"
25 | },
26 | "peerDependencies": {
27 | "tailwindcss": "2.x || 3.x || 4.x"
28 | },
29 | "homepage": "https://draculatheme.com/tailwind"
30 | }
31 |
--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
1 | const plugin = require('tailwindcss/plugin')
2 | const baseColors = require('./colors')
3 |
4 | module.exports = function (prefix, hard = false) {
5 | let module = plugin(function({ theme }) {
6 |
7 | }, {
8 | theme: {
9 | extend: {
10 | colors: theme => ({
11 | ...(() => {
12 | const returnColors = {}
13 | Object.keys(baseColors).forEach((key, index) => {
14 | if (index < 10) returnColors[
15 | prefix ? prefix + `-${key}` : key
16 | ] = baseColors[key]
17 | else returnColors[
18 | prefix && hard ? prefix + `-${key}` : key
19 | ] = baseColors[key]
20 | })
21 | return returnColors
22 | })()
23 | })
24 | }
25 | }
26 | })
27 |
28 | return module;
29 | }
30 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2021 Nick Graffis
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
2 |
3 | 
4 |
5 |
6 | 
7 |
8 |
9 |
10 | # Dracula for [Tailwind](https://tailwindcss.com)
11 |
12 | > A dark theme for [Tailwind](https://tailwindcss.com).
13 |
14 | ## Install
15 |
16 | All instructions can be found at [draculatheme.com/tailwind](https://draculatheme.com/tailwind).
17 |
18 | ## Team
19 |
20 | This theme is maintained by the following person(s) and a bunch of [awesome contributors](https://github.com/dracula/tailwind/graphs/contributors).
21 |
22 | | [](https://github.com/nickgraffis) |
23 | | ---------------------------------------------------------------------------------------------- |
24 | | [Nick Graffis](https://github.com/nickgraffis) |
25 |
26 | ## Community
27 |
28 | - [Twitter](https://twitter.com/draculatheme) - Best for getting updates about themes and new stuff.
29 | - [GitHub](https://github.com/dracula/dracula-theme/discussions) - Best for asking questions and discussing issues.
30 | - [Discord](https://draculatheme.com/discord-invite) - Best for hanging out with the community.
31 |
32 | ## License
33 |
34 | [MIT License](./LICENSE)
35 |
--------------------------------------------------------------------------------
/INSTALL.md:
--------------------------------------------------------------------------------
1 | ### [Tailwind](https://tailwindcss.com)
2 |
3 | A super tiny tailwind plugin that enables the use of the Dracula colour palette.
4 |
5 | Hopefully this will give you some great dark colors in your next project, and save you 5 min of setting up custom colors.
6 |
7 | #### Installation
8 |
9 | ```
10 | npm i tailwind-dracula --save-dev
11 | ```
12 |
13 | #### Usage
14 |
15 | In your tailwind.config.js:
16 |
17 | ```js
18 | plugins: [
19 | require('tailwind-dracula')(),
20 | ],
21 | ```
22 |
23 | You now have access to the Dracula theme anywhere you would use normally tailwind colours.
24 |
25 | ```html
26 |
27 |
I vant to suck your blood...
28 |
47 |
I vant to suck your blood...
48 |
Tailwind is cool...
//still works!
49 |
//works!
61 |
I vant to suck your blood...
//doesn't work!
62 |
Flesh of my flesh...
//works!
63 |
Tailwind is cool...
//still works!
64 |