Dracula for Prism.js
A dark theme for Prism.js.
All instructions can be found here.
This theme is maintained by the following person(s) and a bunch of awesome contributors.
Gustavo Costa |
๐ง๐ปโโ๏ธ Dark theme for Prism.js
Home Page: https://draculatheme.com/prism
License: Other
A dark theme for Prism.js.
All instructions can be found here.
This theme is maintained by the following person(s) and a bunch of awesome contributors.
Gustavo Costa |
Hello,
First off, thanks for making a prism port for the Dracula theme!
My site uses Gatsby, which is a static site generator that uses React under the hood. What I have done so far is copy the contents of dracula-prism.css
and put inside my markdown.js component (I am using styled components, so css-in-js). You can see what I've done here:
https://github.com/jonleopard/jonleopard.com/blob/master/src/components/markdown.js#L93
The syntax seems a little off inside of the bash code blocks:
https://www.jonleopard.com/dotfile-management-with-gnu-stow/
The inline code
do not seem to have a background color.
https://www.jonleopard.com/upgrading-ghost-inside-docker/
I think I have implemented everything correctly, but I was wondering what your thoughts are on the strange bash syntax highlighting, as well as the inline color issue.
Thanks again for making this !
Current link in readme is broken
Hello @jonleopard and anyone who starred and forked the old repository,
As you starred the old repository yesterday, I have upgraded the theme, fixing the bugs and finishing the job. But I have removed the old repository, then I have transferred to new official repository on Dracula Themes. You can star again and download the official theme here now. Check the install.
Thank you for your attention and understanding!
The following CDN is throwing 404
https://unpkg.com/dracula-prism/css/dracula-prism.css
https://unpkg.com/[email protected]/css/dracula-prism.css
Hey @gusbemacbe, I was looking at the screenshot today, and I think we have to review the colors that are being applied to each symbol. You can take a look at the VSCode theme and the spec for more information.
Since the package.json
does not use the files
property (or have an .npmignore
file), npm includes all the files in the directory in the built package.
Example from my node_modules
directory:
Hi!
Do you have any plan to publish this repo to NPM?
Because this package specifies all its dependencies in the dependency
property of the package.json
(instead of devDependency
), projects which install this package also install each one, which they may not need.
My codebase, for example, now includes jquery
:
$ yarn why jquery
yarn why v1.22.10
[1/4] ๐ค Why do we have the module "jquery"...?
[2/4] ๐ Initialising dependency graph...
[3/4] ๐ Finding dependency...
[4/4] ๐ก Calculating file sizes...
=> Found "[email protected]"
info Reasons this module exists
- "dracula-prism" depends on it
- Hoisted from "dracula-prism#jquery"
info Disk size without dependencies: "1.71MB"
info Disk size with unique dependencies: "1.71MB"
info Disk size with transitive dependencies: "1.71MB"
info Number of shared dependencies: 0
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.