Tailwind Ninja Themes
Beautiful light and dark color themes for Visual Studio Code, inspired by Tailwind CSS color palette.
Features
- Tailwind Light - A clean, modern light theme with Tailwind CSS colors
- Tailwind Dark - A comfortable dark theme with Tailwind CSS colors
Both themes provide excellent contrast and readability for long coding sessions.
Installation
- Open VS Code
- Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
- Search for "Tailwind Ninja Themes"
- Click Install
Usage
- Open Command Palette (Ctrl+Shift+P / Cmd+Shift+P)
- Type "Preferences: Color Theme"
- Select either "Tailwind Light" or "Tailwind Dark"
Color Palette
Tailwind Light Theme
A clean, modern light theme featuring:
- Background:
#ffffff (white)
- Sidebar:
#f3f3f3 (light gray)
- Text:
#000000 (black)
- Syntax Colors:
- Keywords:
#6366f1 (indigo)
- Functions:
#0d9488 (teal)
- Variables:
#2563eb (blue)
- Strings:
#4f46e5 (indigo)
- Constants:
#d97706 (amber)
- Comments:
#64748b (slate)
Tailwind Dark Theme
A comfortable dark theme featuring:
- Background:
#111827 (dark gray)
- Sidebar:
#111827 (dark gray)
- Text:
#f9fafb (almost white)
- Syntax Colors:
- Keywords:
#c4b5fd (purple)
- Functions:
#99f6e4 (cyan)
- Variables:
#fda4af (pink)
- Strings:
#7dd3fc (light blue)
- Constants:
#fbbf24 (yellow)
- Comments:
#9ca3af (gray)
Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
License
MIT License - see LICENSE file for details
Author
Created by LudovicGuenet
| |
