Mirrors/catppuccin
2
0
Fork 0
mirror of https://github.com/catppuccin/catppuccin synced 2024-11-10 06:04:21 +00:00
Code Issues Projects Releases Packages Wiki Activity

docs(style-guide): general updates (#2335)

Browse source
This commit is contained in:
Hammy 2024-03-29 10:51:35 +00:00 committed by GitHub
parent 034a15835a
commit aba8e57681
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 86 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

100
docs/style-guide.md
View file

@ -198,14 +198,14 @@
<tr> <tr>
<td>Selection Background</td> <td>Selection Background</td>
<td> <td>
Surface 2<br> Overlay 2<br>
<strong>40% - 60% Opacity</strong> <strong>20% - 30% Opacity</strong>
</td> </td>
<td> <td>
<img src="../assets/palette/circles/latte_surface2.png" height="16" width="16"/> <img src="../assets/palette/circles/latte_overlay2.png" height="16" width="16"/>
<img src="../assets/palette/circles/frappe_surface2.png" height="16" width="16"/> <img src="../assets/palette/circles/frappe_overlay2.png" height="16" width="16"/>
<img src="../assets/palette/circles/macchiato_surface2.png" height="16" width="16"/> <img src="../assets/palette/circles/macchiato_overlay2.png" height="16" width="16"/>
<img src="../assets/palette/circles/mocha_surface2.png" height="16" width="16"/> <img src="../assets/palette/circles/mocha_overlay2.png" height="16" width="16"/>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -596,7 +596,7 @@
### Code Editors ### Code Editors
> [!IMPORTANT]<br> > [!IMPORTANT]
> **This is still a work-in-progress.** Additionally, it's > **This is still a work-in-progress.** Additionally, it's
> important to acknowledge that different editors have different capabilities > important to acknowledge that different editors have different capabilities
> for theming, please use your own judgement in accordance with the main colors > for theming, please use your own judgement in accordance with the main colors
@ -635,6 +635,16 @@
<img src="../assets/palette/circles/mocha_green.png" height="16" width="16"/> <img src="../assets/palette/circles/mocha_green.png" height="16" width="16"/>
</td> </td>
</tr> </tr>
<tr>
<td>Symbols, Atoms</td>
<td>Red</td>
<td>
<img src="../assets/palette/circles/latte_red.png" height="16" width="16"/>
<img src="../assets/palette/circles/frappe_red.png" height="16" width="16"/>
<img src="../assets/palette/circles/macchiato_red.png" height="16" width="16"/>
<img src="../assets/palette/circles/mocha_red.png" height="16" width="16"/>
</td>
</tr>
<tr> <tr>
<td> <td>
Escape Sequences<br> Escape Sequences<br>
@ -650,12 +660,12 @@
</tr> </tr>
<tr> <tr>
<td>Comments</td> <td>Comments</td>
<td>Overlay 0</td> <td>Overlay 2</td>
<td> <td>
<img src="../assets/palette/circles/latte_overlay0.png" height="16" width="16"/> <img src="../assets/palette/circles/latte_overlay2.png" height="16" width="16"/>
<img src="../assets/palette/circles/frappe_overlay0.png" height="16" width="16"/> <img src="../assets/palette/circles/frappe_overlay2.png" height="16" width="16"/>
<img src="../assets/palette/circles/macchiato_overlay0.png" height="16" width="16"/> <img src="../assets/palette/circles/macchiato_overlay2.png" height="16" width="16"/>
<img src="../assets/palette/circles/mocha_overlay0.png" height="16" width="16"/> <img src="../assets/palette/circles/mocha_overlay2.png" height="16" width="16"/>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -719,7 +729,11 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td>Classes, Metadata</td> <td>
Classes, Interfaces,<br>
Annotations, Metadata,<br>
Enums, Types
</td>
<td>Yellow</td> <td>Yellow</td>
<td> <td>
<img src="../assets/palette/circles/latte_yellow.png" height="16" width="16"/> <img src="../assets/palette/circles/latte_yellow.png" height="16" width="16"/>
@ -738,6 +752,32 @@
<img src="../assets/palette/circles/mocha_teal.png" height="16" width="16"/> <img src="../assets/palette/circles/mocha_teal.png" height="16" width="16"/>
</td> </td>
</tr> </tr>
<tr>
<td>
Property<br>
(e.g. JSON keys)
</td>
<td>Blue</td>
<td>
<img src="../assets/palette/circles/latte_blue.png" height="16" width="16"/>
<img src="../assets/palette/circles/frappe_blue.png" height="16" width="16"/>
<img src="../assets/palette/circles/macchiato_blue.png" height="16" width="16"/>
<img src="../assets/palette/circles/mocha_blue.png" height="16" width="16"/>
</td>
</tr>
<tr>
<td>
Attributes<br>
(e.g. XML-style attributes)
</td>
<td>Yellow</td>
<td>
<img src="../assets/palette/circles/latte_yellow.png" height="16" width="16"/>
<img src="../assets/palette/circles/frappe_yellow.png" height="16" width="16"/>
<img src="../assets/palette/circles/macchiato_yellow.png" height="16" width="16"/>
<img src="../assets/palette/circles/mocha_yellow.png" height="16" width="16"/>
</td>
</tr>
</table> </table>
</td> </td>
<td> <td>
@ -761,6 +801,39 @@
<img src="../assets/palette/circles/mocha_rosewater.png" height="16" width="16"/> <img src="../assets/palette/circles/mocha_rosewater.png" height="16" width="16"/>
</td> </td>
</tr> </tr>
<tr>
<td>Cursor Line</td>
<td>
Text<br>
<strong>10% Opacity</strong>
</td>
<td>
<img src="../assets/palette/circles/latte_text.png" height="16" width="16"/>
<img src="../assets/palette/circles/frappe_text.png" height="16" width="16"/>
<img src="../assets/palette/circles/macchiato_text.png" height="16" width="16"/>
<img src="../assets/palette/circles/mocha_text.png" height="16" width="16"/>
</td>
</tr>
<tr>
<td>Line Numbers</td>
<td>Overlay 1</td>
<td>
<img src="../assets/palette/circles/latte_overlay1.png" height="16" width="16"/>
<img src="../assets/palette/circles/frappe_overlay1.png" height="16" width="16"/>
<img src="../assets/palette/circles/macchiato_overlay1.png" height="16" width="16"/>
<img src="../assets/palette/circles/mocha_overlay1.png" height="16" width="16"/>
</td>
</tr>
<tr>
<td>Active Line Number</td>
<td>Lavender</td>
<td>
<img src="../assets/palette/circles/latte_lavender.png" height="16" width="16"/>
<img src="../assets/palette/circles/frappe_lavender.png" height="16" width="16"/>
<img src="../assets/palette/circles/macchiato_lavender.png" height="16" width="16"/>
<img src="../assets/palette/circles/mocha_lavender.png" height="16" width="16"/>
</td>
</tr>
<tr> <tr>
<td> <td>
Normal Links<br> Normal Links<br>
@ -1084,7 +1157,6 @@
</tr> </tr>
</table> </table>
<table> <table>
<tr> <tr>
<th colspan="3" align="center"> <th colspan="3" align="center">