Skip to content

Commit ea63853

Browse files
committed
✨ Se agregan nuevos temas
- Se corrigen problemas de accesibilidad y contrastes en colores - Se agregan 3 nuevos temas - Se agrega opción para cambiar de tema mediante comando - se actualiza changelog - Se actualiza README
1 parent af60410 commit ea63853

File tree

12 files changed

+4185
-113
lines changed

12 files changed

+4185
-113
lines changed

CHANGELOG.md

Lines changed: 27 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,32 @@
22

33
All notable changes to the "SofiDev" extension will be documented in this file.
44

5-
Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how to structure this file.
5+
## [4.2.0] - YYYY-MM-DD
66

7-
## [Unreleased]
7+
### Added
8+
- New theme variants: SofiOceanic and SofiCatppuccin
9+
- Theme switching commands via Command Palette
10+
- Extension activation logic for theme management
811

9-
- Initial release
12+
### Changed
13+
- Updated author contact email to contact@sofidev.top
14+
- Improved extension packaging structure
15+
- Enhanced documentation for theme commands
16+
17+
### Fixed
18+
- URL formatting in author metadata
19+
- Theme configuration validation
20+
21+
## [5.0.1] - 2025-04-05
22+
23+
### Added
24+
- SofiDark theme variant
25+
- SofiAgust seasonal theme
26+
- Social media and sponsorship links
27+
28+
## [4.0.0] - 2025-04-05
29+
30+
### Added
31+
- Initial release of SofiDev theme
32+
- Base theme configuration
33+
- Documentation setup

README.md

Lines changed: 57 additions & 93 deletions
Original file line numberDiff line numberDiff line change
@@ -1,110 +1,74 @@
1+
12
![Preview](/portada.png)
23
# SofiDev Visual Studio Code Theme
34

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.
456

467
## Installation
478

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)
5331

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
5932
```json
6033
{
61-
// Theme configurations
6234
"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",
7036
"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"
8238
}
8339
```
8440

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)
9670

9771
## License
72+
Distributed under MIT License. See [LICENSE](LICENSE) for details.
9873

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!** 🚀

extension.js

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
const vscode = require('vscode');
2+
3+
function activate(context) {
4+
const themeCommands = {
5+
'sofidev.setTheme.SofiDev': 'SofiDev',
6+
'sofidev.setTheme.SofiDark': 'SofiDark',
7+
'sofidev.setTheme.SofiAgust': 'SofiAgust',
8+
'sofidev.setTheme.SofiOceanic': 'SofiOceanic',
9+
'sofidev.setTheme.SofiCatppuccin': 'SofiCatppuccin'
10+
};
11+
12+
Object.entries(themeCommands).forEach(([command, theme]) => {
13+
let disposable = vscode.commands.registerCommand(command, () => {
14+
vscode.workspace.getConfiguration().update(
15+
'workbench.colorTheme',
16+
theme,
17+
vscode.ConfigurationTarget.Global
18+
);
19+
});
20+
context.subscriptions.push(disposable);
21+
});
22+
}
23+
24+
exports.activate = activate;

package.json

Lines changed: 54 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,22 @@
22
"name": "sofidev",
33
"displayName": "SofiDev",
44
"description": "My SofiDev Theme",
5-
"version": "3.2.1",
5+
"version": "5.0.1",
6+
"main": "./extension.js",
67
"engines": {
78
"vscode": "^1.79.0"
89
},
10+
"activationEvents": [
11+
"onCommand:sofidev.setTheme.SofiDev",
12+
"onCommand:sofidev.setTheme.SofiDark",
13+
"onCommand:sofidev.setTheme.SofiAgust",
14+
"onCommand:sofidev.setTheme.SofiOceanic",
15+
"onCommand:sofidev.setTheme.SofiCatppuccin"
16+
],
917
"author": {
1018
"name": "Sofia Osorio (SofiDev)",
11-
"email": "sofi.dev@outlook.com",
12-
"url": "https:/itssofi.dev/"
19+
"email": "contact@sofidev.top",
20+
"url": "https://itssofi.dev/"
1321
},
1422
"icon": "icon.png",
1523
"galleryBanner": {
@@ -43,8 +51,50 @@
4351
"label": "SofiDark",
4452
"uiTheme": "vs-dark",
4553
"path": "./themes/sofiDark.json"
54+
},
55+
{
56+
"label": "SofiAgust",
57+
"uiTheme": "vs-dark",
58+
"path": "./themes/sofiAgust.json"
59+
},
60+
{
61+
"label": "SofiOceanic",
62+
"uiTheme": "vs-dark",
63+
"path": "./themes/sofiOceanic.json"
64+
},
65+
{
66+
"label": "SofiCatppuccin",
67+
"uiTheme": "vs-dark",
68+
"path": "./themes/sofiCatppuccin.json"
69+
}
70+
],
71+
"commands": [
72+
{
73+
"command": "sofidev.setTheme.SofiDev",
74+
"title": "SofiDev: Set SofiDev Theme",
75+
"category": "Themes"
76+
},
77+
{
78+
"command": "sofidev.setTheme.SofiDark",
79+
"title": "SofiDev: Set SofiDark Theme",
80+
"category": "Themes"
81+
},
82+
{
83+
"command": "sofidev.setTheme.SofiAgust",
84+
"title": "SofiDev: Set SofiAgust Theme",
85+
"category": "Themes"
86+
},
87+
{
88+
"command": "sofidev.setTheme.SofiOceanic",
89+
"title": "SofiDev: Set SofiOceanic Theme",
90+
"category": "Themes"
91+
},
92+
{
93+
"command": "sofidev.setTheme.SofiCatppuccin",
94+
"title": "SofiDev: Set SofiCatppuccin Theme",
95+
"category": "Themes"
4696
}
4797
]
4898
},
4999
"publisher": "SofiDev"
50-
}
100+
}

sofidev-4.0.0.vsix

2.32 MB
Binary file not shown.

sofidev-4.2.0.vsix

2.34 MB
Binary file not shown.

sofidev-5.0.0.vsix

2.34 MB
Binary file not shown.

sofidev-5.0.1.vsix

2.34 MB
Binary file not shown.

0 commit comments

Comments
 (0)