|
| 1 | + |
1 | 2 |  |
2 | 3 | # SofiDev Visual Studio Code Theme |
3 | 4 |
|
4 | | -SofiDev Visual Studio Code Theme! This theme is designed to enhance your coding experience with Visual Studio Code. |
5 | | - |
6 | | - |
7 | | -## Table of Contents |
8 | | - |
9 | | -- [Getting Started](#getting-started) |
10 | | -- [FONT](#font) |
11 | | -- [Features](#features) |
12 | | -- [Installation](#installation) |
13 | | -- [Usage](#usage) |
14 | | -- [Settings](#settings) |
15 | | -- [Contribution](#contribution) |
16 | | -- [License](#license) |
17 | | -- [Theme Information](#theme-information) |
18 | | - |
19 | | -## Getting Started |
20 | | - |
21 | | -To get started with SofiDev, follow these steps: |
22 | | - |
23 | | -1. Clone this repository to your local machine using `git clone https://github.com/your-username/sofidev-theme.git`. |
24 | | -2. Open Visual Studio Code. |
25 | | -3. Go to `Extensions` (you can use the shortcut `Ctrl+Shift+X`). |
26 | | -4. Search for `SofiDev Theme`. |
27 | | -5. Click `Install` to install the theme. |
28 | | -6. In the top menu, click `View` > `Command Palette`. |
29 | | -7. Type "Color Theme" and select "Preferences: Color Theme" from the dropdown. |
30 | | -8. Choose "SofiDev" as your color theme. |
31 | | - |
32 | | -## Font |
33 | | - |
34 | | -I highly recommend installing this font, [Fira Code](https://fonts.google.com/specimen/Fira+Code). |
35 | | - |
36 | | -## Features |
37 | | - |
38 | | -SofiDev Theme offers the following features: |
39 | | - |
40 | | -- A visually appealing and comfortable color scheme for all-day coding. |
41 | | -- Enhanced code readability. |
42 | | -- Customized syntax highlighting for various programming languages. |
43 | | -- Support for popular file types and extensions. |
44 | | -- Regular updates and maintenance. |
| 5 | +A collection of elegant dark themes for Visual Studio Code featuring purple tones and optimized for developer comfort. |
45 | 6 |
|
46 | 7 | ## Installation |
47 | 8 |
|
48 | | -You can install the SofiDev Theme via the Visual Studio Code Extensions marketplace. Simply search for "SofiDev Theme" and click the "Install" button. |
49 | | - |
50 | | -Alternatively, you can install it manually by following the steps outlined in the [Getting Started](#getting-started) section. |
51 | | - |
52 | | -## Usage |
| 9 | +1. Open VS Code Extensions (`Ctrl+Shift+X`) |
| 10 | +2. Search for "SofiDev Theme" |
| 11 | +3. Click Install |
| 12 | +4. Activate the theme: |
| 13 | + - `Ctrl+Shift+P` > "Preferences: Color Theme" |
| 14 | + - Select any SofiDev theme |
| 15 | + |
| 16 | +## Theme Switching Commands 🎨 |
| 17 | + |
| 18 | +Quickly switch between themes using VS Code commands: |
| 19 | +1. Open Command Palette (`Ctrl + Shift + P`) |
| 20 | +2. Type "SofiDev: Set" |
| 21 | +3. Choose from available themes: |
| 22 | + - SofiDev: Set SofiDev Theme |
| 23 | + - SofiDark: Set SofiDark Theme |
| 24 | + - SofiAgust: Set SofiAgust Theme |
| 25 | + - SofiOceanic: Set SofiOceanic Theme |
| 26 | + - SofiCatppuccin: Set SofiCatppuccin Theme |
| 27 | +## Recommended Setup |
| 28 | +For optimal experience: |
| 29 | +- Font: [Fira Code](https://fonts.google.com/specimen/Fira+Code) (enable ligatures) |
| 30 | +- Icons: [vscode-icons](https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons) |
53 | 31 |
|
54 | | -Once you have installed the SofiDev Theme, you can set it as your active color theme by following the steps in the [Getting Started](#getting-started) section. |
55 | | - |
56 | | -## Settings |
57 | | -💜This is the best settings for this Theme |
58 | | - in adition I recomend to install Fira Code and MesloGs NF for a better experience |
59 | 32 | ```json |
60 | 33 | { |
61 | | - // Theme configurations |
62 | 34 | "workbench.colorTheme": "SofiDev", |
63 | | - "workbench.iconTheme": "vscode-icons", |
64 | | - "editor.codeLensFontSize": 12, |
65 | | - "editor.fontSize": 14, |
66 | | - "editor.lineHeight": 20, |
67 | | - "editor.letterSpacing": 0.1, |
68 | | - "editor.fontWeight": "400", |
69 | | - "editor.fontFamily": "'Fira Code', monospace, 'MesloLGS NF'", |
| 35 | + "editor.fontFamily": "'Fira Code', 'MesloLGS NF', monospace", |
70 | 36 | "editor.fontLigatures": true, |
71 | | - "editor.cursorStyle": "line", |
72 | | - "editor.cursorWidth": 4, |
73 | | - "editor.cursorBlinking": "smooth", |
74 | | - "editor.renderWhitespace": "all", |
75 | | - "editor.snippetSuggestions": "top", |
76 | | - "workbench.startupEditor": "newUntitledFile", |
77 | | - "editor.glyphMargin": true, |
78 | | - "workbench.editor.enablePreview": false, |
79 | | - "terminal.integrated.fontFamily": "'MesloLGS NF'", |
80 | | - "window.zoomLevel": 1.5, |
81 | | -// Rest of your config... |
| 37 | + "workbench.iconTheme": "vscode-icons" |
82 | 38 | } |
83 | 39 | ``` |
84 | 40 |
|
85 | | -## Contribution |
86 | | - |
87 | | -Contributions are highly encouraged! If you'd like to contribute to the SofiDev Theme project, please follow these steps: |
88 | | - |
89 | | -1. Fork this repository. |
90 | | -2. Create a new branch for your feature or bug fix. |
91 | | -3. Make your changes and commit them with descriptive commit messages. |
92 | | -4. Push your changes to your fork. |
93 | | -5. Open a pull request to this repository's `main` branch. |
94 | | - |
95 | | -We appreciate all contributions, whether it's bug fixes, feature enhancements, or even just reporting issues. |
| 41 | +## Key Features |
| 42 | +- 🎨 5 dark variants with multi-language support |
| 43 | +- 🌙 Based on multiple MIT popular themes |
| 44 | +- 🖥 Optimized for web development and modern tech |
| 45 | +- ⚡️ Regular updates and active maintenance |
| 46 | + |
| 47 | +## Support the Project 💖 |
| 48 | +Enjoying the theme? Support my work: |
| 49 | +- [PayPal](https://www.paypal.com/paypalme/ansof89?country.x=MX&locale.x=es_XC) |
| 50 | +- [Ko-fi](https://ko-fi.com/sofidev) |
| 51 | +- [GitHub Sponsors](https://github.com/sponsors/SofiDevO) |
| 52 | +- [Become a YouTube Channel Member](https://www.youtube.com/channel/UC36_js-krsAHAEAWpEDhHtw/join) |
| 53 | + |
| 54 | +## Connect with Me 🌐 |
| 55 | +- [All Social Media Links](https://links.itssofi.dev/) |
| 56 | + |
| 57 | +## Contributing |
| 58 | +Want to improve the themes? Contributions welcome! |
| 59 | +1. Fork the repository |
| 60 | +2. Create your feature branch (`git checkout -b feature/improvement`) |
| 61 | +3. Commit your changes |
| 62 | +4. Push to the branch |
| 63 | +5. Open a Pull Request |
| 64 | + |
| 65 | +## Author |
| 66 | +👩💻 **Sofia Osorio (SofiDev)** |
| 67 | +📧 [contact@sofidev.top](mailto:contact@sofidev.top) |
| 68 | +🌐 [https://itssofi.dev/](https://itssofi.dev) |
| 69 | +🐱 [GitHub Repository](https://github.com/SofiDevO/sofidev-theme) |
96 | 70 |
|
97 | 71 | ## License |
| 72 | +Distributed under MIT License. See [LICENSE](LICENSE) for details. |
98 | 73 |
|
99 | | -This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details. |
100 | | - |
101 | | -## Theme Information |
102 | | - |
103 | | -- SofiDev |
104 | | - |
105 | | -- **Author**: [SofiDev](https://itssofi.dev/) |
106 | | - - **Email**: contact@itssofi.dev |
107 | | - - **Website**: [https://itssofi.dev/](https://itssofi.dev/) |
108 | | -- **Repository**: [SofiDev Theme Repository](https://github.com/SofiDevO/sofidev-theme) |
109 | | - |
110 | | -**Enjoy coding with SofiDev!** |
| 74 | +**Happy coding with SofiDev!** 🚀 |
0 commit comments