Skip to content

Commit 5acdfe4

Browse files
committed
✨ Add dawn light theme variant
Add complete dawn variant with light backgrounds and adjusted accents - Add create_dawn_variant() with light purple-tinted backgrounds - Adjust all accent colors for proper contrast on light backgrounds - Include terminal colors and diff highlighting for light theme - Add dawn to command completions and variant list - Update health check documentation with dawn variant Terminal theme files: - Add Alacritty, Kitty, and Warp dawn configurations - Add btop dawn theme variant - Add VSCode dawn theme variant Update documentation to reflect five variants (Neon, Vibrant, Soft, Glow, Dawn) across all extras and README files.
1 parent 42193fc commit 5acdfe4

File tree

12 files changed

+1276
-35
lines changed

12 files changed

+1276
-35
lines changed

README.md

Lines changed: 16 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
[![Load Time](https://img.shields.io/badge/Load%20Time-<5ms-f1fa8c?style=for-the-badge&logo=lightning&logoColor=black)](https://github.com/hyperb1iss/silkcircuit-nvim)
1212

1313
[![Plugins](https://img.shields.io/badge/40+%20Plugins-Supported-bd93f9?style=for-the-badge&logo=puzzle-piece&logoColor=white)](https://github.com/hyperb1iss/silkcircuit-nvim#-plugin-support)
14-
[![Variants](https://img.shields.io/badge/4%20Variants-Neon%20|%20Vibrant%20|%20Soft%20|%20Glow-ffb86c?style=for-the-badge&logo=swatchbook&logoColor=white)](https://github.com/hyperb1iss/silkcircuit-nvim#-theme-variants)
14+
[![Variants](https://img.shields.io/badge/5%20Variants-Neon%20|%20Vibrant%20|%20Soft%20|%20Glow%20|%20Dawn-ffb86c?style=for-the-badge&logo=swatchbook&logoColor=white)](https://github.com/hyperb1iss/silkcircuit-nvim#-theme-variants)
1515

1616
🌌 _Pure electric energy with vibrant purples, blazing pinks, and neon accents_ 🎆
1717

@@ -32,7 +32,7 @@ SilkCircuit pumps maximum visual voltage through your Neovim. Electric purples
3232
- 🎪 **Electric Color System** — Vibrant palette with semantic color mappings
3333
- 🏎️ **<5ms Load Time** — Bytecode compilation with intelligent caching
3434
- 👁️ **WCAG AA Compliant** — Validated contrast ratios for extended coding sessions
35-
- 🎛️ **Theme Variants** — Neon (100%), Vibrant (85%), Soft (70%), and Glow (ultra-dark) modes
35+
- 🎛️ **Theme Variants** — Neon (100%), Vibrant (85%), Soft (70%), Glow (ultra-dark), and Dawn (light theme) modes
3636
- 🔮 **40+ Plugin Integrations** — Auto-detected support for your entire toolchain
3737
- 💾 **Persistent Preferences** — Settings survive across sessions
3838

@@ -100,7 +100,7 @@ require("silkcircuit").setup({
100100
transparent = false, -- Enable transparent background
101101
terminal_colors = true, -- Configure terminal colors
102102
dim_inactive = false, -- Dim inactive windows
103-
variant = "neon", -- Theme variant: "neon" | "vibrant" | "soft" | "glow"
103+
variant = "neon", -- Theme variant: "neon" | "vibrant" | "soft" | "glow" | "dawn"
104104

105105
styles = {
106106
comments = { italic = true },
@@ -129,14 +129,15 @@ Switch between intensity levels:
129129
```lua
130130
-- Via setup
131131
require("silkcircuit").setup({
132-
variant = "vibrant", -- "neon" | "vibrant" | "soft" | "glow"
132+
variant = "vibrant", -- "neon" | "vibrant" | "soft" | "glow" | "dawn"
133133
})
134134

135135
-- Or use commands
136-
:SilkCircuit neon -- 100% intensity
137-
:SilkCircuit vibrant -- 85% intensity
138-
:SilkCircuit soft -- 70% intensity
136+
:SilkCircuit neon -- 100% intensity, dark theme
137+
:SilkCircuit vibrant -- 85% intensity, dark theme
138+
:SilkCircuit soft -- 70% intensity, dark theme
139139
:SilkCircuit glow -- Ultra-dark backgrounds with pure neon colors
140+
:SilkCircuit dawn -- Light theme for daytime use
140141
```
141142

142143
### 🌌 Transparent Background
@@ -238,7 +239,7 @@ cp -r extras/astronvim/* ~/.config/nvim/lua/
238239

239240
### 🚀 What's Included
240241

241-
- **🎨 VSCode Themes** - All 4 variants (Neon, Vibrant, Soft, Glow) for VSCode/Cursor
242+
- **🎨 VSCode Themes** - All 5 variants (Neon, Vibrant, Soft, Glow, Dawn) for VSCode/Cursor
242243
- **⚡ Git Configuration** - Electric colors with conventional commit highlighting
243244
- **🖥️ Terminal Themes** - Alacritty, Kitty, Warp, Windows Terminal, iTerm2
244245
- **🚀 AstroNvim Integration** - Complete setup with enhanced components
@@ -288,13 +289,13 @@ See [extras/README.md](extras/README.md) for detailed setup instructions.
288289

289290
## 🎮 Commands
290291

291-
| Command | Description |
292-
| -------------------------- | --------------------------------------------- |
293-
| `:SilkCircuit {variant}` | Switch theme variant (neon/vibrant/soft/glow) |
294-
| `:SilkCircuitContrast` | Check WCAG contrast compliance |
295-
| `:SilkCircuitCompile` | Compile theme for performance |
296-
| `:SilkCircuitIntegrations` | Show detected plugin integrations |
297-
| `:checkhealth silkcircuit` | Run health check diagnostics |
292+
| Command | Description |
293+
| -------------------------- | -------------------------------------------------- |
294+
| `:SilkCircuit {variant}` | Switch theme variant (neon/vibrant/soft/glow/dawn) |
295+
| `:SilkCircuitContrast` | Check WCAG contrast compliance |
296+
| `:SilkCircuitCompile` | Compile theme for performance |
297+
| `:SilkCircuitIntegrations` | Show detected plugin integrations |
298+
| `:checkhealth silkcircuit` | Run health check diagnostics |
298299

299300
## 💖 Contributing
300301

STYLE_GUIDE.md

Lines changed: 70 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,7 @@ SilkCircuit embodies the intersection of high-energy digital aesthetics and soph
7373

7474
### Variant-Specific Color Systems
7575

76-
SilkCircuit uses four carefully crafted variants, each with precisely tuned colors:
76+
SilkCircuit uses five carefully crafted variants, each with precisely tuned colors:
7777

7878
#### ⚡ Neon (100% intensity)
7979

@@ -131,21 +131,41 @@ SilkCircuit uses four carefully crafted variants, each with precisely tuned colo
131131
- **Bright Pink** (`#ff66ff`) - High-contrast numbers
132132
- **Pure Yellow** (`#ffff00`) - Maximum visibility types
133133

134+
#### 🌅 Dawn (Light theme)
135+
136+
**Background System:**
137+
138+
- Base: `#faf8ff` | Dark: `#f1ecff` | Highlight: `#e8e0ff`
139+
140+
**Primary Colors:**
141+
142+
- **Deep Purple** (`#7e2bd5`) - Keywords with strong contrast
143+
- **Magenta** (`#b40077`) - Tags, booleans, emphasis
144+
- **Teal** (`#007f8e`) - Functions, methods, interaction
145+
- **Coral** (`#c74a8c`) - Numbers, constants
146+
- **Golden Yellow** (`#a88600`) - Classes, types, warnings
147+
148+
**Text System:**
149+
150+
- Foreground: `#2b2540` (dark purple-gray)
151+
- Muted: `#8e84a8` (gray-purple for comments)
152+
- Emphasized: `#1a1318` (near-black)
153+
134154
### Universal Supporting Colors
135155

136-
**Success Green** (`#50fa7b` / Soft: `#66ff99` / Glow: `#00ff00`)
156+
**Success Green** (`#50fa7b` / Soft: `#66ff99` / Glow: `#00ff00` / Dawn: `#2d8659`)
137157

138158
- Success states, git additions, confirmations
139159
- Semantic: Growth, positive actions, validation
140160
- Applications: Success messages, add buttons, valid states
141161

142-
**Warning Yellow** (`#f1fa8c` / Soft: `#ffe699` / Glow: `#ffff00`)
162+
**Warning Yellow** (`#f1fa8c` / Soft: `#ffe699` / Glow: `#ffff00` / Dawn: `#a88600`)
143163

144164
- Caution, attention, modification
145165
- Semantic: Alert, change, pending
146166
- Applications: Warning messages, modified indicators
147167

148-
**Error Red** (`#ff6363` / Soft: `#ff6677` / Glow: `#ff0066`)
168+
**Error Red** (`#ff6363` / Soft: `#ff6677` / Glow: `#ff0066` / Dawn: `#c1272d`)
149169

150170
- Errors, deletions, danger
151171
- Semantic: Stop, danger, removal
@@ -530,6 +550,7 @@ All SilkCircuit color combinations meet or exceed WCAG AA standards:
530550
- **Vibrant**: Enhanced contrast for bright environments
531551
- **Soft**: Optimized for extended use, reduces eye strain
532552
- **Glow**: Maximum contrast for low-light conditions
553+
- **Dawn**: Light theme optimized for bright environments and daytime use
533554

534555
### Testing Tools
535556

@@ -636,6 +657,22 @@ axe-cli --tags wcag2a,wcag2aa
636657
color: #00ffff; font-weight: bold; font-style: italic;
637658
text-shadow: 0 0 5px #00ffff40;
638659
}
660+
661+
/* Dawn variant (light theme) */
662+
.silkcircuit-editor[data-variant="dawn"] {
663+
background-color: #faf8ff;
664+
color: #2b2540;
665+
}
666+
667+
.silkcircuit-editor[data-variant="dawn"] .sc-keyword {
668+
color: #7e2bd5; font-weight: bold;
669+
}
670+
.silkcircuit-editor[data-variant="dawn"] .sc-string {
671+
color: #9c4a88; font-style: italic;
672+
}
673+
.silkcircuit-editor[data-variant="dawn"] .sc-function {
674+
color: #007f8e; font-weight: bold; font-style: italic;
675+
}
639676
```
640677

641678
### Web Dashboard with Variant Support
@@ -721,15 +758,23 @@ const variantColors = {
721758
background: '#0a0816',
722759
surface: '#1a0033',
723760
text: '#ffffff',
761+
},
762+
dawn: {
763+
primary: '#7e2bd5',
764+
secondary: '#9c4a88',
765+
accent: '#007f8e',
766+
background: '#faf8ff',
767+
surface: '#f1ecff',
768+
text: '#2b2540',
724769
}
725770
};
726771

727772
export const createSilkCircuitTheme = (variant = 'neon') => ({
728773
colors: {
729774
...variantColors[variant],
730-
success: variant === 'glow' ? '#00ff00' : '#50fa7b',
731-
warning: variant === 'glow' ? '#ffff00' : '#f1fa8c',
732-
error: variant === 'glow' ? '#ff0066' : '#ff6363',
775+
success: variant === 'glow' ? '#00ff00' : variant === 'dawn' ? '#2d8659' : '#50fa7b',
776+
warning: variant === 'glow' ? '#ffff00' : variant === 'dawn' ? '#a88600' : '#f1fa8c',
777+
error: variant === 'glow' ? '#ff0066' : variant === 'dawn' ? '#c1272d' : '#ff6363',
733778
},
734779
spacing: {
735780
xs: 4, sm: 8, md: 16, lg: 24, xl: 32, xxl: 48
@@ -792,6 +837,23 @@ export const createSilkCircuitTheme = (variant = 'neon') => ({
792837
"cyan": "#00ffff",
793838
"white": "#ffffff"
794839
}
840+
841+
// Dawn variant terminal theme (light)
842+
{
843+
"name": "SilkCircuit Dawn",
844+
"background": "#faf8ff",
845+
"foreground": "#2b2540",
846+
"cursor": "#7e2bd5",
847+
"selection": "#d4c8f0",
848+
"black": "#2b2540",
849+
"red": "#c1272d",
850+
"green": "#2d8659",
851+
"yellow": "#a88600",
852+
"blue": "#2563eb",
853+
"magenta": "#7e2bd5",
854+
"cyan": "#007f8e",
855+
"white": "#faf8ff"
856+
}
795857
```
796858

797859
### Marketing Hero Section with Variant Theming
@@ -871,7 +933,7 @@ export const createSilkCircuitTheme = (variant = 'neon') => ({
871933
- Maintain WCAG AA contrast ratios in all variants
872934
- Apply glow effects sparingly for maximum impact
873935
- Follow the 4px spacing scale for all layouts
874-
- Test across all four variants before shipping
936+
- Test across all five variants before shipping
875937
- Use CSS custom properties for easy variant switching
876938

877939
### DON'T ✗

extras/README.md

Lines changed: 14 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -44,24 +44,30 @@ cat extras/gitconfig >> ~/.gitconfig
4444

4545
### 🖥️ Terminal Themes
4646

47-
Native theme files for popular terminal emulators:
47+
Native theme files for popular terminal emulators (dark + dawn light variants):
4848

49-
- **Alacritty** (`alacritty.yml`) - Fast GPU-accelerated terminal
50-
- **Kitty** (`kitty.conf`) - Feature-rich terminal emulator
51-
- **Warp** (`warp.yaml`) - Modern terminal with AI features
49+
- **Alacritty** (`alacritty.yml`, `alacritty-dawn.yml`) - Fast GPU-accelerated terminal
50+
- **Kitty** (`kitty.conf`, `kitty-dawn.conf`) - Feature-rich terminal emulator
51+
- **Warp** (`warp.yaml`, `warp-dawn.yaml`) - Modern terminal with AI features
5252
- **Windows Terminal** (`windows-terminal.json`) - Windows integrated terminal
5353

5454
**Setup:**
5555

5656
```bash
57-
# Alacritty
57+
# Alacritty (dark)
5858
cp extras/alacritty.yml ~/.config/alacritty/themes/silkcircuit.yml
59+
# Alacritty (dawn/light)
60+
cp extras/alacritty-dawn.yml ~/.config/alacritty/themes/silkcircuit-dawn.yml
5961

60-
# Kitty
62+
# Kitty (dark)
6163
cp extras/kitty.conf ~/.config/kitty/themes/silkcircuit.conf
64+
# Kitty (dawn/light)
65+
cp extras/kitty-dawn.conf ~/.config/kitty/themes/silkcircuit-dawn.conf
6266

63-
# Warp
67+
# Warp (dark)
6468
cp extras/warp.yaml ~/.warp/themes/silkcircuit.yaml
69+
# Warp (dawn/light)
70+
cp extras/warp-dawn.yaml ~/.warp/themes/silkcircuit-dawn.yaml
6571

6672
# Windows Terminal - import JSON manually in settings
6773
```
@@ -113,7 +119,7 @@ System monitoring with SilkCircuit style:
113119
- **Electric purple** CPU graphs
114120
- **Neon cyan** memory meters
115121
- **Hot pink** network activity
116-
- **All 4 variants** for different vibes
122+
- **All 5 variants** (Neon, Vibrant, Soft, Glow, Dawn) for different vibes
117123

118124
**Setup:**
119125

extras/alacritty-dawn.yml

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
# SilkCircuit Dawn theme for Alacritty
2+
# Light variant for daytime use
3+
# Add this to your alacritty.yml configuration
4+
5+
colors:
6+
primary:
7+
background: "#faf8ff"
8+
foreground: "#2b2540"
9+
10+
cursor:
11+
text: "#faf8ff"
12+
cursor: "#7e2bd5"
13+
14+
selection:
15+
text: "#2b2540"
16+
background: "#d4c8f0"
17+
18+
normal:
19+
black: "#2b2540"
20+
red: "#c1272d"
21+
green: "#2d8659"
22+
yellow: "#a88600"
23+
blue: "#2563eb"
24+
magenta: "#7e2bd5"
25+
cyan: "#007f8e"
26+
white: "#faf8ff"
27+
28+
bright:
29+
black: "#5a4d6e"
30+
red: "#dc2626"
31+
green: "#38a169"
32+
yellow: "#d69e00"
33+
blue: "#3b82f6"
34+
magenta: "#9654e0"
35+
cyan: "#009fae"
36+
white: "#ffffff"
37+
38+
indexed_colors:
39+
- { index: 16, color: "#c05621" } # Orange
40+
- { index: 17, color: "#c74a8c" } # Coral
41+
- { index: 18, color: "#e8e0ff" } # bg_highlight
42+
- { index: 19, color: "#8e84a8" } # Gray
43+
- { index: 20, color: "#007f8e" } # Teal
44+
- { index: 21, color: "#b40077" } # Pink

0 commit comments

Comments
 (0)