Skip to content

Commit 52aeff8

Browse files
hesreallyhimhesreallyhim
committed
DARK MODE
1 parent 515d7a4 commit 52aeff8

File tree

70 files changed

+4202
-2616
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

70 files changed

+4202
-2616
lines changed

‎README.md‎

Lines changed: 84 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -5,42 +5,65 @@
55
[![Awesome](https://awesome.re/badge-flat2.svg)](https://awesome.re)
66

77
</div>
8-
<div align="center">
98

109
<!-- Terminal Header - Theme Adaptive -->
11-
<img src="assets/terminal-header-light-anim-lineprint.svg" alt="Awesome Claude Code Terminal">
10+
<picture>
11+
<source media="(prefers-color-scheme: dark)" srcset="assets/terminal-header.svg">
12+
<source media="(prefers-color-scheme: light)" srcset="assets/terminal-header-light-anim-lineprint.svg">
13+
<img src="assets/terminal-header-light-anim-lineprint.svg" alt="Awesome Claude Code Terminal" width="100%">
14+
</picture>
1215

1316
<!-- Generated with https://github.com/denvercoder1/readme-typing-svg -->
1417

18+
<div align="center">
1519

1620
<br />
1721

18-
<!-- FEATURE placeholder - full feature coming soon! -->
19-
<img src="assets/placeholder-light.svg" alt="New Feature - Coming Soon">
22+
<picture>
23+
<source media="(prefers-color-scheme: dark)" srcset="assets/placeholder-dark.svg">
24+
<source media="(prefers-color-scheme: light)" srcset="assets/placeholder-light.svg">
25+
<img src="assets/placeholder-light.svg" alt="Awesome Claude Code Surprise Feature" width="100%">
26+
</picture>
2027

28+
</div>
2129

2230
<!--lint enable remark-lint:awesome-badge-->
2331

2432
<br>
2533

2634
<!-- Info Terminal - Theme Adaptive -->
27-
<img src="assets/info-terminal-light-vintage.svg" alt="System Info Terminal">
35+
<picture>
36+
<source media="(prefers-color-scheme: dark)" srcset="assets/info-terminal.svg">
37+
<source media="(prefers-color-scheme: light)" srcset="assets/info-terminal-light-vintage.svg">
38+
<img src="assets/info-terminal-light-vintage.svg" alt="System Info Terminal" width="100%">
39+
</picture>
2840

2941
<!--lint enable remark-lint:awesome-badge-->
30-
</div>
3142

3243
<br>
3344

3445
<!-- Intro Terminal - Theme Adaptive -->
3546
<div align="center">
36-
<img src="assets/intro-terminal-light-vintage.svg" alt="About Claude Code">
47+
<picture>
48+
<source media="(prefers-color-scheme: dark)" srcset="assets/intro-terminal.svg">
49+
<source media="(prefers-color-scheme: light)" srcset="assets/intro-terminal-light-vintage.svg">
50+
<img src="assets/intro-terminal-light-vintage.svg" alt="About Claude Code" width="100%" style="max-width: 900px;">
51+
</picture>
3752
</div>
3853

3954
<!-- Design Credit & Disclaimer - Theme Adaptive -->
4055
<div align="center">
41-
<img src="assets/designed-by-badge-light.svg" alt="Designed by Claude Code Web">
56+
<picture>
57+
<source media="(prefers-color-scheme: dark)" srcset="assets/designed-by-badge.svg">
58+
<source media="(prefers-color-scheme: light)" srcset="assets/designed-by-badge-light.svg">
59+
<img src="assets/designed-by-badge-light.svg" alt="Designed by Claude Code Web" width="280">
60+
</picture>
4261
<br>
43-
<img src="assets/disclaimer-light.svg" alt="Disclaimer: Not affiliated or endorsed by Anthropic PBC. Claude Code is a product of Anthropic.">
62+
<picture>
63+
<source media="(prefers-color-scheme: dark)" srcset="assets/disclaimer.svg">
64+
<source media="(prefers-color-scheme: light)" srcset="assets/disclaimer-light.svg">
65+
<img src="assets/disclaimer-light.svg" alt="Disclaimer: Not affiliated or endorsed by Anthropic PBC. Claude Code is a product of Anthropic." width="320">
66+
</picture>
4467
</div>
4568

4669
<!-- ### Announcements [🔝](#awesome-claude-code)
@@ -71,51 +94,87 @@
7194
<tr>
7295
<td align="center">
7396
<a href="#agent-skills-">
74-
<img src="assets/card-skills-light-anim-lineprint.svg" alt="Agent Skills">
97+
<picture>
98+
<source media="(prefers-color-scheme: dark)" srcset="assets/card-skills.svg">
99+
<source media="(prefers-color-scheme: light)" srcset="assets/card-skills-light-anim-lineprint.svg">
100+
<img src="assets/card-skills-light-anim-lineprint.svg" alt="Agent Skills" width="200"/>
101+
</picture>
75102
</a>
76103
</td>
77104
<td align="center">
78105
<a href="#workflows--knowledge-guides-">
79-
<img src="assets/card-workflows-light-anim-lineprint.svg" alt="Workflows">
106+
<picture>
107+
<source media="(prefers-color-scheme: dark)" srcset="assets/card-workflows.svg">
108+
<source media="(prefers-color-scheme: light)" srcset="assets/card-workflows-light-anim-lineprint.svg">
109+
<img src="assets/card-workflows-light-anim-lineprint.svg" alt="Workflows" width="200"/>
110+
</picture>
80111
</a>
81112
</td>
82113
<td align="center">
83114
<a href="#tooling--">
84-
<img src="assets/card-tooling-light-anim-lineprint.svg" alt="Tooling">
115+
<picture>
116+
<source media="(prefers-color-scheme: dark)" srcset="assets/card-tooling.svg">
117+
<source media="(prefers-color-scheme: light)" srcset="assets/card-tooling-light-anim-lineprint.svg">
118+
<img src="assets/card-tooling-light-anim-lineprint.svg" alt="Tooling" width="200"/>
119+
</picture>
85120
</a>
86121
</td>
87122
</tr>
88123
<tr>
89124
<td align="center">
90125
<a href="#status-lines-">
91-
<img src="assets/card-statusline-light-anim-lineprint.svg" alt="Status Lines">
126+
<picture>
127+
<source media="(prefers-color-scheme: dark)" srcset="assets/card-statusline.svg">
128+
<source media="(prefers-color-scheme: light)" srcset="assets/card-statusline-light-anim-lineprint.svg">
129+
<img src="assets/card-statusline-light-anim-lineprint.svg" alt="Status Lines" width="200"/>
130+
</picture>
92131
</a>
93132
</td>
94133
<td align="center">
95134
<a href="#hooks-">
96-
<img src="assets/card-custom-light-anim-lineprint.svg" alt="Hooks">
135+
<picture>
136+
<source media="(prefers-color-scheme: dark)" srcset="assets/card-custom.svg">
137+
<source media="(prefers-color-scheme: light)" srcset="assets/card-custom-light-anim-lineprint.svg">
138+
<img src="assets/card-custom-light-anim-lineprint.svg" alt="Hooks" width="200"/>
139+
</picture>
97140
</a>
98141
</td>
99142
<td align="center">
100143
<a href="#slash-commands-">
101-
<img src="assets/card-commands-light-anim-lineprint.svg" alt="Slash Commands">
144+
<picture>
145+
<source media="(prefers-color-scheme: dark)" srcset="assets/card-commands.svg">
146+
<source media="(prefers-color-scheme: light)" srcset="assets/card-commands-light-anim-lineprint.svg">
147+
<img src="assets/card-commands-light-anim-lineprint.svg" alt="Slash Commands" width="200"/>
148+
</picture>
102149
</a>
103150
</td>
104151
</tr>
105152
<tr>
106153
<td align="center">
107154
<a href="#claudemd-files-">
108-
<img src="assets/card-config-light-anim-lineprint.svg" alt="CLAUDE.md Files">
155+
<picture>
156+
<source media="(prefers-color-scheme: dark)" srcset="assets/card-config.svg">
157+
<source media="(prefers-color-scheme: light)" srcset="assets/card-config-light-anim-lineprint.svg">
158+
<img src="assets/card-config-light-anim-lineprint.svg" alt="CLAUDE.md Files" width="200"/>
159+
</picture>
109160
</a>
110161
</td>
111162
<td align="center">
112163
<a href="#alternative-clients-">
113-
<img src="assets/card-clients-light-anim-lineprint.svg" alt="Alternative Clients">
164+
<picture>
165+
<source media="(prefers-color-scheme: dark)" srcset="assets/card-clients.svg">
166+
<source media="(prefers-color-scheme: light)" srcset="assets/card-clients-light-anim-lineprint.svg">
167+
<img src="assets/card-clients-light-anim-lineprint.svg" alt="Alternative Clients" width="200"/>
168+
</picture>
114169
</a>
115170
</td>
116171
<td align="center">
117172
<a href="#official-documentation--">
118-
<img src="assets/card-docs-light-anim-lineprint.svg" alt="Documentation">
173+
<picture>
174+
<source media="(prefers-color-scheme: dark)" srcset="assets/card-docs.svg">
175+
<source media="(prefers-color-scheme: light)" srcset="assets/card-docs-light-anim-lineprint.svg">
176+
<img src="assets/card-docs-light-anim-lineprint.svg" alt="Documentation" width="200"/>
177+
</picture>
119178
</a>
120179
</td>
121180
</tr>
@@ -1911,13 +1970,17 @@ _Official GitHub Actions integration for Claude Code with examples and documenta
19111970
</details>
19121971

19131972

1914-
<div align="center">
1915-
<img src="assets/honorable-mentions-header-light.svg" alt="Directory Listing">
1973+
<!-- <div align="center">
1974+
<picture>
1975+
<source media="(prefers-color-scheme: dark)" srcset="/assets/honorable-mentions-header.svg">
1976+
<source media="(prefers-color-scheme: light)" srcset="/assets/honorable-mentions-header-light.svg">
1977+
<img src="/assets/honorable-mentions-header-light.svg" alt="Directory Listing">
1978+
</picture>
19161979
</div>
19171980
19181981
[`prpm`](https://prpm.dev/) &nbsp; by &nbsp; [khaliqgant](https://github.com/khaliqgant)
19191982
1920-
`prpm` is like a plugin marketplace, but with additional support for other providers and coding agents. After I notified khaliqgant that I was unable to find any license information for third-party resources that he was hosting on his website, he immediately took action and added a great enhancement to the website's UI, with direct links to original authors' LICENSE files. In my opinion, this is a pretty awesome thing to do to show support for the open source community, and for the developers featured on this list. I see some marketplaces on the internet where basic attribution rights are not being respected, so I commend khaliqgant for setting a great example with [`prpm`](https://prpm.dev/), and I encourage others to promote and enforce these rights in the service of open source software.
1983+
`prpm` is like a plugin marketplace, but with additional support for other providers and coding agents. After I notified khaliqgant that I was unable to find any license information for third-party resources that he was hosting on his website, he immediately took action and added a great enhancement to the website's UI, with direct links to original authors' LICENSE files. In my opinion, this is a pretty awesome thing to do to show support for the open source community, and for the developers featured on this list. I see some marketplaces on the internet where basic attribution rights are not being respected, so I commend khaliqgant for setting a great example with [`prpm`](https://prpm.dev/), and I encourage others to promote and enforce these rights in the service of open source software. -->
19211984

19221985
## Contributing 🌻 [🔝](#awesome-claude-code)
19231986

0 commit comments

Comments
 (0)