🎨 Seral Theme

A beautiful GitHub × Stripe inspired color theme for Visual Studio Code

✨ Features

• 🌙 Dark Theme: GitHub's sleek dark interface with Stripe's signature purple accents
• ☀️ Light Theme: Clean GitHub light theme enhanced with modern Stripe colors
• 🎯 Professional: Perfect for developers who love GitHub's aesthetic and Stripe's design
• 👁️ Eye-friendly: Carefully selected colors to reduce eye strain during long coding sessions
• 🌈 Rich Syntax: Comprehensive syntax highlighting for all popular programming languages
• 🎨 Consistent UI: Harmonious color scheme throughout the entire VS Code interface
• 💎 JSON Highlighting: Special gold accents for JSON property names and array indexes
• ⚡ Function Focus: Golden yellow highlighting for function definitions and calls

🚀 Installation

🖼️ Theme Previews

🌙 Dark Theme

Perfect for night coding sessions with GitHub's sophisticated dark palette enhanced by Stripe's modern purple accents. Features golden highlights for functions and JSON elements to improve code readability.

Key Features:

• Deep blue-black background (#021024) reduces eye strain
• Gold function highlighting (#ffd700) for better code navigation
• Stripe purple accents (#635bff) for modern visual appeal
• Enhanced JSON syntax with gold property names and array indexes

☀️ Light Theme

Clean and professional light theme perfect for daytime development. Combines GitHub's classic light design with Stripe's elegant color touches.

Key Features:

• Pure white background (#ffffff) for maximum clarity
• Purple function highlighting (#8250df) maintains readability
• Consistent with GitHub's light interface you already know
• Subtle Stripe color accents for a modern touch

🎨 Color Palette

From VS Code Marketplace (Recommended)

1. Open Extensions in VS Code (Ctrl+Shift+X or Cmd+Shift+X)
2. Search for "Seral Theme"
3. Click Install
4. Go to File > Preferences > Color Theme and select:
   • Seral Dark (GitHub × Stripe) for dark mode
   • Seral Light (GitHub × Stripe) for light mode

Manual Installation

1. Download the latest .vsix file from Releases
2. Install via command line:

   code --install-extension seral-theme-0.1.0.vsix
   

🎨 Color Palette

🌙 Dark Theme (GitHub × Stripe)

• Background: #021024 - GitHub's dark primer
• Foreground: #f0f6fc - Clean white text
• Accent: #635bff - Stripe's signature purple
• Status Bar: #0a2540 - Deep blue from Stripe
• Functions: #ffd700 - Golden yellow for functions
• Strings: #a5f3fc - Soft cyan
• Keywords: #ff7b72 - GitHub red
• Classes: #ffd60a - Bright yellow
• JSON Keys: #ffd700 - Gold for property names
• Comments: #8b949e - Subtle gray

☀️ Light Theme (GitHub × Stripe)

• Background: #ffffff - Pure white
• Foreground: #24292f - GitHub's text color
• Accent: #635bff - Stripe purple
• Sidebar: #f6f8fa - Light gray
• Functions: #8250df - Purple functions
• Strings: #0a3069 - Deep blue
• Keywords: #cf222e - GitHub red
• Classes: #953800 - Orange brown
• JSON Keys: #8250df - Purple for property names
• Comments: #656d76 - Medium gray

📝 Changelog

0.1.2 (2025-09-02)

• Added preview images for dark and light themes to README
• Updated JSON syntax highlighting: property names and array indexes now gold in dark theme
• Improved function color to gold in dark theme
• Various palette and scope tweaks for GitHub × Stripe consistency
• Added markdown syntax colors

0.1.1

• Initial release: GitHub × Stripe inspired dark and light themes
• Comprehensive syntax highlighting for popular languages
• Extension icon and documentation

🤝 Contributing

We love contributions! Please read our Contributing Guide to get started.

Development Setup

# Clone the repository
git clone https://github.com/aliyilmazco/seral-theme.git
cd seral-theme

# Install dependencies
npm install

# Package the theme
npm run package

# Install locally for testing
code --install-extension seral-theme-0.1.0.vsix

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

⭐ Show Your Support

If you like this theme, please:

• ⭐ Star this repository
• 🐛 Report bugs or request features
• 📢 Share it with your friends
• 💝 Consider supporting the project

🔗 Links

• VS Code Marketplace
• GitHub Repository
• Report Issues

Made with ❤️ by Ali Yılmaz