Skip to content

Commit 913f082

Browse files
hyperb1isshyperb1iss
committed
✨ Add btop and Slack theme integrations
Add btop system monitoring themes and Slack workspace theming - Add four btop theme variants (neon, vibrant, soft, glow) - Configure CPU, memory, network, and process box styling - Add temperature and graph color gradients with theme colors - Create Slack theme file with 4-color combinations - Include quick import strings and manual color codes - Update Chrome theme with adjusted frame and toolbar colors - Remove cached Chrome theme binary file - Update extras README with btop and Slack setup instructions - Add installation guides for both system monitoring and workspace theming Provides complete system monitoring integration and workspace customization options with SilkCircuit color scheme.
1 parent d769820 commit 913f082

File tree

9 files changed

+512
-5
lines changed

9 files changed

+512
-5
lines changed

‎extras/README.md‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,42 @@ Bring SilkCircuit's vibrant colors to your browser:
8888
# Drag the chrome-theme folder onto chrome://extensions/
8989
```
9090

91+
### 💬 Slack Theme (`slack-theme.txt`)
92+
93+
Transform your Slack workspace with SilkCircuit's 4-color themes:
94+
95+
- **Deep purple** navigation (#2E1B7A)
96+
- **Electric purple** for selected items (#E135FF)
97+
- **Neon green** presence indicators (#50FA7B)
98+
- **Hot pink** notifications (#FF79C6)
99+
100+
**Setup:**
101+
102+
```bash
103+
# Open Slack → Preferences → Themes
104+
# Copy hex values from slack-theme-simple.txt
105+
# Click each color circle and paste the corresponding hex value
106+
# Enable "Window gradient" for best effect
107+
```
108+
109+
### 📊 btop Theme (`btop/`)
110+
111+
System monitoring with SilkCircuit style:
112+
113+
- **Electric purple** CPU graphs
114+
- **Neon cyan** memory meters
115+
- **Hot pink** network activity
116+
- **All 4 variants** for different vibes
117+
118+
**Setup:**
119+
120+
```bash
121+
# Copy to btop themes directory
122+
cp btop/silkcircuit_*.theme ~/.config/btop/themes/
123+
124+
# In btop: Esc → Options → Color theme → Select variant
125+
```
126+
91127
### 🎨 Enhanced Tools
92128

93129
Additional tool configurations for the complete experience:

‎extras/btop/README.md‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
# SilkCircuit btop Theme
2+
3+
Electric system monitoring with vibrant purples, blazing pinks, and neon accents.
4+
5+
## Installation
6+
7+
1. Copy theme files to btop config directory:
8+
9+
```bash
10+
# Linux/macOS
11+
cp silkcircuit_*.theme ~/.config/btop/themes/
12+
13+
# Or create a symlink for automatic updates
14+
ln -sf "$(pwd)/silkcircuit_*.theme" ~/.config/btop/themes/
15+
```
16+
17+
2. Open btop and press `Esc` to open menu
18+
3. Select `Options` → `Color theme`
19+
4. Choose your preferred SilkCircuit variant
20+
21+
## Variants
22+
23+
### Neon (Default)
24+
25+
The original SilkCircuit experience with vibrant electric colors.
26+
27+
### Vibrant
28+
29+
Pure, saturated neon colors for maximum visual impact.
30+
31+
### Soft
32+
33+
Muted tones for comfortable extended monitoring sessions.
34+
35+
### Glow
36+
37+
Ultra-dark backgrounds with pure neon accents for OLED displays.
38+
39+
## Color Scheme
40+
41+
- **CPU Box**: Electric purple
42+
- **Memory Box**: Neon cyan
43+
- **Network Box**: Hot pink
44+
- **Process Box**: Bright green
45+
- **Graphs**: Smooth gradients between theme colors
46+
- **Selected Items**: High contrast with pink/purple highlighting
47+
48+
## Customization
49+
50+
To modify colors, edit the theme files directly. Each color uses hex format:
51+
52+
```bash
53+
theme[main_bg]="#12101a" # Background color
54+
theme[title]="#ff00ff" # Box titles
55+
theme[hi_fg]="#80ffea" # Keyboard shortcuts
56+
```
57+
58+
## Screenshots
59+
60+
The themes are designed to make system monitoring visually engaging while maintaining readability. CPU graphs flow from purple through pink to cyan, while network activity pulses with pink and cyan gradients.
61+
62+
## License
63+
64+
MIT - Same as SilkCircuit Neovim theme

‎extras/btop/silkcircuit_glow.theme‎

Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
# SilkCircuit Glow theme for btop
2+
# By hyperb1iss
3+
4+
# Main background, empty for terminal default, need to be empty if you want transparent background
5+
theme[main_bg]="#0a0816"
6+
7+
# Main text color
8+
theme[main_fg]="#ffffff"
9+
10+
# Title color for boxes
11+
theme[title]="#ff00ff"
12+
13+
# Highlight color for keyboard shortcuts
14+
theme[hi_fg]="#00ffff"
15+
16+
# Background color of selected item in processes box
17+
theme[selected_bg]="#1a0033"
18+
19+
# Foreground color of selected item in processes box
20+
theme[selected_fg]="#ff00ff"
21+
22+
# Color of inactive/disabled text
23+
theme[inactive_fg]="#cc66ff"
24+
25+
# Color of text appearing on top of graphs, i.e uptime and current network graph scaling
26+
theme[graph_text]="#ff99ff"
27+
28+
# Background color of the percentage meters
29+
theme[meter_bg]="#1a0033"
30+
31+
# Misc colors for processes box including mini cpu graphs, details memory graph and details status text
32+
theme[proc_misc]="#ff00ff"
33+
34+
# CPU, Memory, Network, Proc box outline colors
35+
theme[cpu_box]="#ff00ff" # Pure magenta
36+
theme[mem_box]="#00ffff" # Pure cyan
37+
theme[net_box]="#ff00ff" # Pure magenta
38+
theme[proc_box]="#00ff00" # Pure green
39+
40+
# Box divider line and small boxes line color
41+
theme[div_line]="#666666"
42+
43+
# Temperature graph color (Green -> Yellow -> Red)
44+
theme[temp_start]="#00ff00"
45+
theme[temp_mid]="#ffff00"
46+
theme[temp_end]="#ff0066"
47+
48+
# CPU graph colors (Magenta -> Pink -> Cyan)
49+
theme[cpu_start]="#ff00ff"
50+
theme[cpu_mid]="#ff66ff"
51+
theme[cpu_end]="#00ffff"
52+
53+
# Mem/Disk free meter (Cyan -> Magenta -> Pink)
54+
theme[free_start]="#00ffff"
55+
theme[free_mid]="#ff00ff"
56+
theme[free_end]="#ff66ff"
57+
58+
# Mem/Disk cached meter (Purple -> Magenta)
59+
theme[cached_start]="#cc66ff"
60+
theme[cached_mid]="#ff00ff"
61+
theme[cached_end]="#ff66ff"
62+
63+
# Mem/Disk available meter (Pink -> Red)
64+
theme[available_start]="#ff66ff"
65+
theme[available_mid]="#ff00ff"
66+
theme[available_end]="#ff0066"
67+
68+
# Mem/Disk used meter (Green -> Cyan)
69+
theme[used_start]="#00ff00"
70+
theme[used_mid]="#00ffff"
71+
theme[used_end]="#00ffff"
72+
73+
# Download graph colors (Pink -> Magenta)
74+
theme[download_start]="#ff66ff"
75+
theme[download_mid]="#ff00ff"
76+
theme[download_end]="#ff00ff"
77+
78+
# Upload graph colors (Cyan -> Green)
79+
theme[upload_start]="#00ffff"
80+
theme[upload_mid]="#66ffff"
81+
theme[upload_end]="#00ff00"
82+
83+
# Process box color gradient for threads, mem and cpu usage (Cyan -> Magenta -> Pink)
84+
theme[process_start]="#00ffff"
85+
theme[process_mid]="#ff00ff"
86+
theme[process_end]="#ff66ff"

‎extras/btop/silkcircuit_neon.theme‎

Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
# SilkCircuit Neon theme for btop
2+
# By hyperb1iss
3+
4+
# Main background, empty for terminal default, need to be empty if you want transparent background
5+
theme[main_bg]="#12101a"
6+
7+
# Main text color
8+
theme[main_fg]="#f8f8f2"
9+
10+
# Title color for boxes
11+
theme[title]="#ff00ff"
12+
13+
# Highlight color for keyboard shortcuts
14+
theme[hi_fg]="#80ffea"
15+
16+
# Background color of selected item in processes box
17+
theme[selected_bg]="#2a264a"
18+
19+
# Foreground color of selected item in processes box
20+
theme[selected_fg]="#ff79c6"
21+
22+
# Color of inactive/disabled text
23+
theme[inactive_fg]="#9580ff"
24+
25+
# Color of text appearing on top of graphs, i.e uptime and current network graph scaling
26+
theme[graph_text]="#ff99ff"
27+
28+
# Background color of the percentage meters
29+
theme[meter_bg]="#1a162a"
30+
31+
# Misc colors for processes box including mini cpu graphs, details memory graph and details status text
32+
theme[proc_misc]="#ff79c6"
33+
34+
# CPU, Memory, Network, Proc box outline colors
35+
theme[cpu_box]="#e135ff" # Electric purple
36+
theme[mem_box]="#80ffea" # Cyan
37+
theme[net_box]="#ff79c6" # Pink
38+
theme[proc_box]="#50fa7b" # Green
39+
40+
# Box divider line and small boxes line color
41+
theme[div_line]="#637777"
42+
43+
# Temperature graph color (Green -> Yellow -> Red)
44+
theme[temp_start]="#50fa7b"
45+
theme[temp_mid]="#f1fa8c"
46+
theme[temp_end]="#ff6363"
47+
48+
# CPU graph colors (Purple -> Pink -> Cyan)
49+
theme[cpu_start]="#e135ff"
50+
theme[cpu_mid]="#ff79c6"
51+
theme[cpu_end]="#80ffea"
52+
53+
# Mem/Disk free meter (Cyan -> Purple -> Pink)
54+
theme[free_start]="#80ffea"
55+
theme[free_mid]="#e135ff"
56+
theme[free_end]="#ff79c6"
57+
58+
# Mem/Disk cached meter (Purple -> Pink)
59+
theme[cached_start]="#9580ff"
60+
theme[cached_mid]="#e135ff"
61+
theme[cached_end]="#ff79c6"
62+
63+
# Mem/Disk available meter (Pink -> Coral)
64+
theme[available_start]="#ff79c6"
65+
theme[available_mid]="#ff6ac1"
66+
theme[available_end]="#ff6363"
67+
68+
# Mem/Disk used meter (Green -> Cyan)
69+
theme[used_start]="#50fa7b"
70+
theme[used_mid]="#5fffff"
71+
theme[used_end]="#80ffea"
72+
73+
# Download graph colors (Pink -> Purple)
74+
theme[download_start]="#ff79c6"
75+
theme[download_mid]="#ff00ff"
76+
theme[download_end]="#e135ff"
77+
78+
# Upload graph colors (Cyan -> Green)
79+
theme[upload_start]="#80ffea"
80+
theme[upload_mid]="#5fffff"
81+
theme[upload_end]="#50fa7b"
82+
83+
# Process box color gradient for threads, mem and cpu usage (Cyan -> Purple -> Pink)
84+
theme[process_start]="#80ffea"
85+
theme[process_mid]="#e135ff"
86+
theme[process_end]="#ff79c6"

‎extras/btop/silkcircuit_soft.theme‎

Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
# SilkCircuit Soft theme for btop
2+
# By hyperb1iss
3+
4+
# Main background, empty for terminal default, need to be empty if you want transparent background
5+
theme[main_bg]="#1a1626"
6+
7+
# Main text color
8+
theme[main_fg]="#f8f8f2"
9+
10+
# Title color for boxes
11+
theme[title]="#ff99ff"
12+
13+
# Highlight color for keyboard shortcuts
14+
theme[hi_fg]="#99ffee"
15+
16+
# Background color of selected item in processes box
17+
theme[selected_bg]="#3e3456"
18+
19+
# Foreground color of selected item in processes box
20+
theme[selected_fg]="#ff99ff"
21+
22+
# Color of inactive/disabled text
23+
theme[inactive_fg]="#b199ff"
24+
25+
# Color of text appearing on top of graphs, i.e uptime and current network graph scaling
26+
theme[graph_text]="#ffc2ff"
27+
28+
# Background color of the percentage meters
29+
theme[meter_bg]="#3e3456"
30+
31+
# Misc colors for processes box including mini cpu graphs, details memory graph and details status text
32+
theme[proc_misc]="#ff99ff"
33+
34+
# CPU, Memory, Network, Proc box outline colors
35+
theme[cpu_box]="#e892ff" # Soft purple
36+
theme[mem_box]="#99ffee" # Soft cyan
37+
theme[net_box]="#ff99ff" # Soft pink
38+
theme[proc_box]="#66ff99" # Soft green
39+
40+
# Box divider line and small boxes line color
41+
theme[div_line]="#6272a4"
42+
43+
# Temperature graph color (Green -> Yellow -> Red)
44+
theme[temp_start]="#66ff99"
45+
theme[temp_mid]="#ffe699"
46+
theme[temp_end]="#ff6677"
47+
48+
# CPU graph colors (Purple -> Pink -> Cyan)
49+
theme[cpu_start]="#e892ff"
50+
theme[cpu_mid]="#ff99ff"
51+
theme[cpu_end]="#99ffee"
52+
53+
# Mem/Disk free meter (Cyan -> Purple -> Pink)
54+
theme[free_start]="#99ffee"
55+
theme[free_mid]="#e892ff"
56+
theme[free_end]="#ff99ff"
57+
58+
# Mem/Disk cached meter (Purple -> Pink)
59+
theme[cached_start]="#b199ff"
60+
theme[cached_mid]="#e892ff"
61+
theme[cached_end]="#ff99ff"
62+
63+
# Mem/Disk available meter (Pink -> Coral)
64+
theme[available_start]="#ff99ff"
65+
theme[available_mid]="#ff99dd"
66+
theme[available_end]="#ff6677"
67+
68+
# Mem/Disk used meter (Green -> Cyan)
69+
theme[used_start]="#66ff99"
70+
theme[used_mid]="#88ffff"
71+
theme[used_end]="#99ffee"
72+
73+
# Download graph colors (Pink -> Purple)
74+
theme[download_start]="#ff99ff"
75+
theme[download_mid]="#ff99ff"
76+
theme[download_end]="#e892ff"
77+
78+
# Upload graph colors (Cyan -> Green)
79+
theme[upload_start]="#99ffee"
80+
theme[upload_mid]="#88ffff"
81+
theme[upload_end]="#66ff99"
82+
83+
# Process box color gradient for threads, mem and cpu usage (Cyan -> Purple -> Pink)
84+
theme[process_start]="#99ffee"
85+
theme[process_mid]="#e892ff"
86+
theme[process_end]="#ff99ff"

0 commit comments

Comments
 (0)