Files
cargdev-cyberpunk/README.md
Carlos 0503a53caf feat: add screenshot examples and improve documentation
- Add comprehensive screenshots for TypeScript, TSX, CSS, and JSON files
- Showcase the cyberpunk color scheme in real-world usage scenarios
- Improve README with visual examples for better user experience
- Position screenshots strategically after features section for immediate visual impact
2025-08-02 14:34:03 -04:00

192 lines
5.3 KiB
Markdown

# CargDev-Cyberpunk.nvim
A vibrant, high-contrast Neovim color scheme crafted for developers who thrive in bold, electrifying visuals. Built with TypeScript support and atomic design principles in mind, this theme delivers blazing neon tones and a cyberpunk aesthetic that maximizes focus and visual impact.
## Features
- **High-Contrast Neon Colors**: Hot pink keywords, electric purple types, vibrant cyan strings, and lush green functions
- **Cyberpunk Aesthetic**: Deep blue backgrounds with neon accents for maximum visual impact
- **TypeScript Support**: Comprehensive LSP and Treesitter highlighting for TypeScript/JavaScript
- **Atomic Design**: Modular structure following atomic design principles
- **Bold Styling**: High-saturation colors with bold styling for maximum readability
- **LSP Integration**: Full support for Language Server Protocol highlighting
- **Treesitter Support**: Advanced syntax highlighting with Treesitter
## Screenshots
### TypeScript
![TypeScript Example](assets/TS_file.png)
### TypeScript React (TSX)
![TypeScript React Example](assets/TSX_file.png)
### CSS
![CSS Example](assets/CSS_file.png)
### JSON
![JSON Example](assets/JSON_file.png)
## Color Palette
### Syntax Colors
- **Keywords**: `#FF79C6` - Control flow and declarations (bold)
- **Functions**: `#50FA7B` - Function calls and definitions (bold)
- **Strings**: `#8BE9FD` - String literals and comments
- **Numbers**: `#FFB86C` - Numeric literals and constants
- **Types**: `#BD93F9` - Type annotations and interfaces (bold)
- **Variables**: `#BD93F9` - Variable names
- **Properties**: `#50FA7B` - Object properties (bold)
### Background Colors
- **Primary**: `#002B36` - Deep blue background
- **Secondary**: `#003B46` - Secondary background
- **Tertiary**: `#004B56` - Tertiary background
- **Cursor Line**: `#112233` - Slightly lighter than background
- **Selection**: `#44475A` - Selection highlight
### Special Colors
- **Error**: `#FF5555` - Error messages (bold)
- **Warning**: `#FFB86C` - Warning messages
- **Info**: `#8BE9FD` - Information messages
- **Success**: `#50FA7B` - Success indicators
## Installation
### Using Packer
```lua
use {
'cargdev-cyberpunk.nvim',
config = function()
require('cargdev-cyberpunk').setup()
end
}
```
### Using Lazy.nvim
```lua
{
'cargdev-cyberpunk.nvim',
config = true,
}
```
### Manual Installation
1. Clone this repository to your Neovim plugins directory:
```bash
git clone https://github.com/yourusername/cargdev-cyberpunk.nvim ~/.local/share/nvim/site/pack/plugins/start/cargdev-cyberpunk.nvim
```
2. Add to your `init.lua`:
```lua
require('cargdev-cyberpunk').setup()
```
## Configuration
### Basic Setup
```lua
require('cargdev-cyberpunk').setup()
```
### Advanced Configuration
```lua
require('cargdev-cyberpunk').setup({
-- Future configuration options will be added here
})
```
### Customizing Colors
You can easily override colors by requiring the colors module:
```lua
local colors = require('cargdev-cyberpunk.colors')
-- Override specific colors
colors.override({
syntax = {
keyword = "#FF0000", -- Make keywords red
function = "#00FF00", -- Make functions green
},
bg = {
primary = "#000000", -- Make background pure black
}
})
```
## Usage
After installation, the color scheme will be automatically applied. You can also manually apply it:
```lua
-- Apply the color scheme
require('cargdev-cyberpunk').apply_highlights()
```
## Architecture
The plugin follows atomic design principles with a modular structure:
```
lua/cargdev-cyberpunk/
├── init.lua # Main plugin entry point
├── colors.lua # Color palette definitions
└── plugin.lua # Plugin configuration
```
### Modules
- **`init.lua`**: Main setup and configuration functions
- **`colors.lua`**: Centralized color palette with vibrant cyberpunk colors
- **`highlights.lua`**: Comprehensive highlight group definitions for all syntax elements
## TypeScript Support
This color scheme includes extensive TypeScript support:
- **LSP Integration**: Full support for TypeScript Language Server highlighting
- **Treesitter**: Advanced syntax highlighting with Treesitter
- **Type Annotations**: Special highlighting for type annotations and interfaces
- **Import/Export**: Distinct colors for import and export statements
- **Decorators**: Support for TypeScript decorators
- **Generics**: Proper highlighting for generic types
## Requirements
- Neovim 0.8.0 or higher
- Treesitter (recommended for best experience)
- LSP support (recommended for TypeScript features)
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
### Development Setup
1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Test thoroughly
5. Submit a pull request
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Acknowledgments
- **Neovim Community**: For the excellent plugin ecosystem
- **Cyberpunk Aesthetic**: Inspired by the vibrant neon colors of cyberpunk culture
## Support
If you encounter any issues or have questions:
1. Check the [Issues](https://github.com/yourusername/cargdev-cyberpunk.nvim/issues) page
2. Create a new issue with detailed information
3. Include your Neovim version and configuration
---
**Enjoy coding with vibrant colors!**
*"If I squint at this theme, I should feel like Tron is about to compile!"*