diff --git a/README.md b/README.md index 705600c..dd1a949 100644 --- a/README.md +++ b/README.md @@ -1,80 +1,214 @@ -# Prism themes +# Prism.js Themes -This repository lists a selection of additional themes for the [Prism syntax highlighting library](http://prismjs.com/). +> A selection of additional themes for the [Prism syntax highlighting library](http://prismjs.com/). -## How to use a theme +## Getting Started -To use one of the themes, just include the theme's CSS file in your page. Example: +To use one of the themes, include theme's `css` file (present in the [themes directory](themes)) in your page. For example: ```html - - ... - - - - ... - - + + ... + + + + + ... + + ``` -## Available themes +## Available Themes + +## 🎨 [**CB**](themes/prism-cb.css) + +> Originally by [C. Bavota](https://bitbucket.org/cbavota), adapted by [atelierbram](https://github.com/atelierbram) -* [__CB__](themes/prism-cb.css) (originally by [C. Bavota](https://bitbucket.org/cbavota), adapted by [atelierbram](https://github.com/atelierbram))
[![CB](screenshots/prism-cb.png)](themes/prism-cb.css) -* [__GHColors__](themes/prism-ghcolors.css) (by [aviaryan](https://github.com/aviaryan))
+```html + +``` + +## 🎨 [**GHColors**](themes/prism-ghcolors.css) + +> By [aviaryan](https://github.com/aviaryan) + [![GHColors](screenshots/prism-ghcolors.png)](themes/prism-ghcolors.css) -* [__Pojoaque__](themes/prism-pojoaque.css) (originally by [Jason Tate](http://web-cms-designs.com/ftopict-10-pojoaque-style-for-highlight-js-code-highlighter.html), adapted by [atelierbram](https://github.com/atelierbram))
+```html + +``` + +## 🎨 [**Pojoaque**](themes/prism-pojoaque.css) + +> Originally by [Jason Tate](http://web-cms-designs.com/ftopict-10-pojoaque-style-for-highlight-js-code-highlighter.html), adapted by [atelierbram](https://github.com/atelierbram) + [![Pojoaque](screenshots/prism-pojoaque.png)](themes/prism-pojoaque.css) -* [__Xonokai__](themes/prism-xonokai.css) (originally by [Maxime Thirouin (MoOx)](https://github.com/MoOx), adapted by [atelierbram](https://github.com/atelierbram))
+```html + +``` + +## 🎨 [**Xonokai**](themes/prism-xonokai.css) + +> Originally by [Maxime Thirouin (MoOx)](https://github.com/MoOx), adapted by [atelierbram](https://github.com/atelierbram) + [![Xonokai](screenshots/prism-xonokai.png)](themes/prism-xonokai.css) -* [__Ateliersulphurpool-light__](themes/prism-base16-ateliersulphurpool.light.css) (by [Bram de Haan](https://github.com/atelierbram))
-[![Ateliersulpherpool-light](screenshots/prism-ateliersulphurpool-light.png)](themes/prism-base16-ateliersulphurpool.light.css) +```html + +``` + +## 🎨 [**Ateliersulphurpool-light**](themes/prism-base16-ateliersulphurpool.light.css) + +> By [Bram de Haan](https://github.com/atelierbram) + +[![Ateliersulpherpool-light](screenshots/prism-base16-ateliersulphurpool.light.png)](themes/prism-base16-ateliersulphurpool.light.css) + +```html + +``` + +## 🎨 [**Hopscotch**](themes/prism-hopscotch.css) + +> By [Jan T. Sott](https://github.com/idleberg) -* [__Hopscotch__](themes/prism-hopscotch.css) (by [Jan T. Sott](https://github.com/idleberg))
[![Hopscotch](screenshots/prism-hopscotch.png)](themes/prism-hopscotch.css) -* [__Atom Dark__](themes/prism-atom-dark.css) (by [gibsjose](https://github.com/gibsjose), based on [Atom Dark Syntax theme](https://github.com/atom/atom-dark-syntax))
+```html + +``` + +## 🎨 [**Atom Dark**](themes/prism-atom-dark.css) + +> By [gibsjose](https://github.com/gibsjose), based on [Atom Dark Syntax theme](https://github.com/atom/atom-dark-syntax) + [![Atom Dark](screenshots/prism-atom-dark.png)](themes/prism-atom-dark.css) -* [__Duotone Dark__](themes/prism-duotone-dark.css) (by [Simurai](https://github.com/simurai), based on [Duotone Dark Syntax theme for Atom](https://github.com/simurai/duotone-dark-syntax))
+```html + +``` + +## 🎨 [**Duotone Dark**](themes/prism-duotone-dark.css) + +> By [Simurai](https://github.com/simurai), based on [Duotone Dark Syntax theme for Atom](https://github.com/simurai/duotone-dark-syntax) + [![Duotone Dark](screenshots/prism-duotone-dark.png)](themes/prism-duotone-dark.css) -* [__Duotone Sea__](themes/prism-duotone-sea.css) (by [Simurai](https://github.com/simurai), based on [DuoTone Dark Sea Syntax theme for Atom](https://github.com/simurai/duotone-dark-sea-syntax))
+```html + +``` + +## 🎨 [**Duotone Sea**](themes/prism-duotone-sea.css) + +> By [Simurai](https://github.com/simurai), based on [DuoTone Dark Sea Syntax theme for Atom](https://github.com/simurai/duotone-dark-sea-syntax) + [![Duotone Sea](screenshots/prism-duotone-sea.png)](themes/prism-duotone-sea.css) -* [__Duotone Space__](themes/prism-duotone-space.css) (by [Simurai](https://github.com/simurai), based on [DuoTone Dark Space Syntax theme for Atom](https://github.com/simurai/duotone-dark-space-syntax))
+```html + +``` + +## 🎨 [**Duotone Space**](themes/prism-duotone-space.css) + +> By [Simurai](https://github.com/simurai), based on [DuoTone Dark Space Syntax theme for Atom](https://github.com/simurai/duotone-dark-space-syntax) + [![Duotone Space](screenshots/prism-duotone-space.png)](themes/prism-duotone-space.css) -* [__Duotone Earth__](themes/prism-duotone-earth.css) (by [Simurai](https://github.com/simurai), based on [DuoTone Dark Earth Syntax theme for Atom](https://github.com/simurai/duotone-dark-earth-syntax))
+```html + +``` + +## 🎨 [**Duotone Earth**](themes/prism-duotone-earth.css) + +> By [Simurai](https://github.com/simurai), based on [DuoTone Dark Earth Syntax theme for Atom](https://github.com/simurai/duotone-dark-earth-syntax) + [![Duotone Earth](screenshots/prism-duotone-earth.png)](themes/prism-duotone-earth.css) -* [__Duotone Forest__](themes/prism-duotone-forest.css) (by [Simurai](https://github.com/simurai), based on [DuoTone Dark Forest Syntax theme for Atom](https://github.com/simurai/duotone-dark-forest-syntax))
+```html + +``` + +## 🎨 [**Duotone Forest**](themes/prism-duotone-forest.css) + +> By [Simurai](https://github.com/simurai), based on [DuoTone Dark Forest Syntax theme for Atom](https://github.com/simurai/duotone-dark-forest-syntax) + [![Duotone Forest](screenshots/prism-duotone-forest.png)](themes/prism-duotone-forest.css) -* [__Duotone Light__](themes/prism-duotone-light.css) (by [Simurai](https://github.com/simurai), based on [DuoTone Light Syntax theme](https://github.com/simurai/duotone-light-syntax))
+```html + +``` + +## 🎨 [prism-duotone-forest.css](themes/prism-duotone-light.css) + +> By [Simurai](https://github.com/simurai), based on [DuoTone Light Syntax theme](https://github.com/simurai/duotone-light-syntax) + [![Duotone Light](screenshots/prism-duotone-light.png)](themes/prism-duotone-light.css) -* [__VS__](themes/prism-vs.css) (by [andrewlock](https://github.com/andrewlock))
+```html + +``` + +## 🎨 [**VS**](themes/prism-vs.css) + +> By [andrewlock](https://github.com/andrewlock) + [![VS](screenshots/prism-vs.png)](themes/prism-vs.css) -* [__Darcula__](themes/prism-darcula.css) (by [service-paradis](https://github.com/service-paradis), based on Jetbrains Darcula theme)
+```html + +``` + +## 🎨 [**Darcula**](themes/prism-darcula.css) + +> By [service-paradis](https://github.com/service-paradis), based on Jetbrains Darcula theme) + [![Darcula](screenshots/prism-darcula.png)](themes/prism-darcula.css) -* [__a11y Dark__](themes/prism-a11y-dark.css) (by [ericwbailey](https://github.com/ericwbailey))
+```html + +``` + +## 🎨 [**a11y Dark**](themes/prism-a11y-dark.css) + +> By [ericwbailey](https://github.com/ericwbailey) + [![a11y Dark](screenshots/prism-a11y-dark.png)](themes/prism-a11y-dark.css) -* [__Dracula__](themes/prism-dracula.css) (by [Byverdu](https://github.com/byverdu))
+```html + +``` + +## 🎨 [**Dracula**](themes/prism-dracula.css) + +> By [Byverdu](https://github.com/byverdu) + [![a11y Dark](screenshots/prism-dracula.png)](themes/prism-dracula.css) -* [__Synthwave '84__](themes/prism-synthwave84.css) (originally by [Robb Owen](https://github.com/robb0wen), adapted by [Marc Backes](https://github.com/themarcba))
+```html + +``` + +## 🎨 [**Synthwave '84**](themes/prism-synthwave84.css) + +> Originally by [Robb Owen](https://github.com/robb0wen), adapted by [Marc Backes](https://github.com/themarcba) + [![Synthwave '84](screenshots/prism-synthwave84.png)](themes/prism-synthwave84.css) -* [__Shades of Purple__](themes/prism-shades-of-purple.css) (by [Ahmad Awais](https://github.com/ahmadawais))
-[![Shades of Purple](screenshots/prism-shades-of-purple.png)](themes/prism-shades-of-purple.css) \ No newline at end of file +```html + +``` + +## 🎨 [**Shades of Purple**](themes/prism-shades-of-purple.css) + +> By [Ahmad Awais](https://github.com/ahmadawais) + +[![Shades of Purple](screenshots/prism-shades-of-purple.png)](themes/prism-shades-of-purple.css) + +```html + +``` diff --git a/screenshots/prism-a11y-dark.png b/screenshots/prism-a11y-dark.png index d60d792..8258f56 100644 Binary files a/screenshots/prism-a11y-dark.png and b/screenshots/prism-a11y-dark.png differ diff --git a/screenshots/prism-ateliersulphurpool-light.png b/screenshots/prism-ateliersulphurpool-light.png deleted file mode 100644 index 6963199..0000000 Binary files a/screenshots/prism-ateliersulphurpool-light.png and /dev/null differ diff --git a/screenshots/prism-atom-dark.png b/screenshots/prism-atom-dark.png index 4580355..0077b73 100644 Binary files a/screenshots/prism-atom-dark.png and b/screenshots/prism-atom-dark.png differ diff --git a/screenshots/prism-base16-ateliersulphurpool.light.png b/screenshots/prism-base16-ateliersulphurpool.light.png new file mode 100644 index 0000000..b4e6822 Binary files /dev/null and b/screenshots/prism-base16-ateliersulphurpool.light.png differ diff --git a/screenshots/prism-cb.png b/screenshots/prism-cb.png index bc3269d..8be9626 100644 Binary files a/screenshots/prism-cb.png and b/screenshots/prism-cb.png differ diff --git a/screenshots/prism-darcula.png b/screenshots/prism-darcula.png index a13364f..4868a08 100644 Binary files a/screenshots/prism-darcula.png and b/screenshots/prism-darcula.png differ diff --git a/screenshots/prism-dracula.png b/screenshots/prism-dracula.png index e33af8a..bf9754a 100644 Binary files a/screenshots/prism-dracula.png and b/screenshots/prism-dracula.png differ diff --git a/screenshots/prism-duotone-dark.png b/screenshots/prism-duotone-dark.png index a0b7271..efb153d 100644 Binary files a/screenshots/prism-duotone-dark.png and b/screenshots/prism-duotone-dark.png differ diff --git a/screenshots/prism-duotone-earth.png b/screenshots/prism-duotone-earth.png index 9b4865c..9c60d04 100644 Binary files a/screenshots/prism-duotone-earth.png and b/screenshots/prism-duotone-earth.png differ diff --git a/screenshots/prism-duotone-forest.png b/screenshots/prism-duotone-forest.png index 1fffd2b..05cbbbe 100644 Binary files a/screenshots/prism-duotone-forest.png and b/screenshots/prism-duotone-forest.png differ diff --git a/screenshots/prism-duotone-light.png b/screenshots/prism-duotone-light.png index 2a5d99c..b0567c7 100644 Binary files a/screenshots/prism-duotone-light.png and b/screenshots/prism-duotone-light.png differ diff --git a/screenshots/prism-duotone-sea.png b/screenshots/prism-duotone-sea.png index a237373..0057faf 100644 Binary files a/screenshots/prism-duotone-sea.png and b/screenshots/prism-duotone-sea.png differ diff --git a/screenshots/prism-duotone-space.png b/screenshots/prism-duotone-space.png index a318fc9..34f5f83 100644 Binary files a/screenshots/prism-duotone-space.png and b/screenshots/prism-duotone-space.png differ diff --git a/screenshots/prism-ghcolors.png b/screenshots/prism-ghcolors.png index 9ed94bc..031a943 100644 Binary files a/screenshots/prism-ghcolors.png and b/screenshots/prism-ghcolors.png differ diff --git a/screenshots/prism-hopscotch.png b/screenshots/prism-hopscotch.png index da000a5..c049d50 100644 Binary files a/screenshots/prism-hopscotch.png and b/screenshots/prism-hopscotch.png differ diff --git a/screenshots/prism-pojoaque.png b/screenshots/prism-pojoaque.png index 6a1d3a2..2300fae 100644 Binary files a/screenshots/prism-pojoaque.png and b/screenshots/prism-pojoaque.png differ diff --git a/screenshots/prism-shades-of-purple.png b/screenshots/prism-shades-of-purple.png index c7bb1d2..89fbdc7 100644 Binary files a/screenshots/prism-shades-of-purple.png and b/screenshots/prism-shades-of-purple.png differ diff --git a/screenshots/prism-synthwave84.png b/screenshots/prism-synthwave84.png index e29765f..779b91e 100644 Binary files a/screenshots/prism-synthwave84.png and b/screenshots/prism-synthwave84.png differ diff --git a/screenshots/prism-vs.png b/screenshots/prism-vs.png index 3729323..c08ec3d 100644 Binary files a/screenshots/prism-vs.png and b/screenshots/prism-vs.png differ diff --git a/screenshots/prism-xonokai.png b/screenshots/prism-xonokai.png index 9c94edd..a31c7c6 100644 Binary files a/screenshots/prism-xonokai.png and b/screenshots/prism-xonokai.png differ diff --git a/themes/prism-shades-of-purple.css b/themes/prism-shades-of-purple.css index 3ff8cb7..43360e3 100644 --- a/themes/prism-shades-of-purple.css +++ b/themes/prism-shades-of-purple.css @@ -48,6 +48,7 @@ pre[class*='language-'] { padding: 2em; margin: 0.5em 0; overflow: auto; + border-radius: 0.3em; } :not(pre) > code[class*='language-'],