diff --git a/README.md b/README.md index a311947..987b902 100644 --- a/README.md +++ b/README.md @@ -36,4 +36,12 @@ You now have access to the Nord theme anywhere you would use normal tailwind col ``` -I've stuck to the colour names set in the Nord documentation to keep things simple. Check that out [here](https://www.nordtheme.com/docs/colors-and-palettes). +You can use the colour names set in the Nord documentation. Check that out [here](https://www.nordtheme.com/docs/colors-and-palettes). + +But you can also use Tailwind-like color names like below. +```html +
+

Hello, this is some text

+
+``` + diff --git a/index.js b/index.js index 059d0a8..d8a0cc2 100644 --- a/index.js +++ b/index.js @@ -6,6 +6,7 @@ module.exports = plugin(function({ theme }) { theme: { extend: { colors: theme => ({ + /* Classic Nord color names */ 'nord0': '#2E3440', 'nord1': '#3B4252', 'nord2': '#434C5E', @@ -22,7 +23,25 @@ module.exports = plugin(function({ theme }) { 'nord13': '#EBCB8B', 'nord14': '#A3BE8C', 'nord15': '#B48EAD', + + /* Tailwind-like Nord color names */ + 'nord-0': '#2E3440', + 'nord-1': '#3B4252', + 'nord-2': '#434C5E', + 'nord-3': '#4C566A', + 'nord-4': '#D8DEE9', + 'nord-5': '#E5E9F0', + 'nord-6': '#ECEFF4', + 'nord-7': '#8FBCBB', + 'nord-8': '#88C0D0', + 'nord-9': '#81A1C1', + 'nord-10': '#5E81AC', + 'nord-11': '#BF616A', + 'nord-12': '#D08770', + 'nord-13': '#EBCB8B', + 'nord-14': '#A3BE8C', + 'nord-15': '#B48EAD', }) } } -}) \ No newline at end of file +})