Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/aleksa-codes/one-dark-modern-pro

⚫ VS Code theme based on One Dark Pro for syntax highlighting and the default Dark Modern theme for UI.
https://github.com/aleksa-codes/one-dark-modern-pro

onedark onedark-pro onedarkpro theme vscode vscode-theme

Last synced: 2 days ago
JSON representation

⚫ VS Code theme based on One Dark Pro for syntax highlighting and the default Dark Modern theme for UI.

Awesome Lists containing this project

README

        

# [One Dark Modern Pro](https://marketplace.visualstudio.com/items?itemName=aleksa-codes.one-dark-modern-pro)

[![Preview in vscode.dev](https://img.shields.io/badge/preview%20in-vscode.dev-blue)](https://vscode.dev/theme/aleksa-codes.one-dark-modern-pro) [![Version](https://vsmarketplacebadges.dev/version/aleksa-codes.one-dark-modern-pro.png)](https://marketplace.visualstudio.com/items?itemName=aleksa-codes.one-dark-modern-pro) [![Installs](https://vsmarketplacebadges.dev/installs/aleksa-codes.one-dark-modern-pro.png)](https://marketplace.visualstudio.com/items?itemName=aleksa-codes.one-dark-modern-pro)

A custom theme that combines the best of both worlds. While I loved One Dark Pro's syntax highlighting, even its Darker variant wasn't quite dark enough for my taste. When VS Code introduced their Dark Modern theme, I was impressed by it but was missing One Dark Pro's syntax colors. This inspired me to create a hybrid theme that features **One Dark Pro**'s excellent syntax highlighting with **VS Code Dark Modern**'s refined user interface elements.

[GitHub Repo](https://github.com/aleksa-codes/one-dark-modern-pro)

## Preview

![Preview](./preview.png)

## Features

- **Syntax Highlighting**: [One Dark Pro](https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme) theme syntax colors.
- **UI Elements**: VS Code's native [Dark Modern](https://github.com/microsoft/vscode/blob/main/extensions/theme-defaults/themes/dark_modern.json) UI elements.

## Leave a Review

If you enjoy using this theme, please consider leaving a review and rating on the [VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=aleksa-codes.one-dark-modern-pro&ssr=false#review-details). Your feedback helps other developers discover this theme and is greatly appreciated!

## Recommendations

To enhance your coding experience, consider using the following:

- **Font**: [Source Code Pro](https://github.com/adobe-fonts/source-code-pro) – A clean, monospaced font designed specifically for developers.
- **Icons**: [Bearded Icons](https://marketplace.visualstudio.com/items?itemName=BeardedBear.beardedicons) – A modern and stylish icon set for Visual Studio Code.

## How to Switch to the Theme (If Not Applied Automatically)

If the theme doesn't switch automatically after installation, follow these steps:

1. Open **Command Palette** by pressing:
- **`Ctrl+Shift+P`** on Windows/Linux
- **`Cmd+Shift+P`** on macOS
2. Type **"Color Theme"** and select **"Preferences: Color Theme"**.
3. Scroll through the list and select **One Dark Modern Pro**.

Your theme should now be active, with One Dark Pro colors for syntax and the native VS Code Dark Modern UI elements.

## License

This theme is available under the [MIT License](LICENSE).