https://github.com/2u841r/bytes-newsletter-theme

A vibrant Visual Studio Code theme inspired by Bytes newsletter
https://github.com/2u841r/bytes-newsletter-theme

dark-mode dark-theme dark-themes syntax-highlighting theme

Last synced: 2 days ago
JSON representation

A vibrant Visual Studio Code theme inspired by Bytes newsletter

• Host: GitHub
• URL: https://github.com/2u841r/bytes-newsletter-theme
• Owner: 2u841r
• License: mit
• Created: 2024-07-07T13:26:56.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-07-25T06:19:29.000Z (4 months ago)
• Last Synced: 2024-07-25T07:34:44.934Z (4 months ago)
• Topics: dark-mode, dark-theme, dark-themes, syntax-highlighting, theme
• Homepage:
• Size: 718 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Bytes Newsletter Theme

![Bytes](https://github.com/2u841r/bytes-newsletter-theme/raw/main/images/logo.png)

The optimized dark theme for web development.

## Intuitive Syntax Highlighting

**Bytes Newsletter Theme** is the optimized dark theme for web development. It has been meticulously designed to be easy on the eyes and intuitive. It's pleasant for long coding hours in any language, and particularly well suited for HTML, CSS, and JavaScript (React).

- HTML & CSS work together

- Optimized for JSX and React

- Clear distinctions between code and markup

## Colors

| Usage                     | Palette             | Hex Code                                                           |

| ------------------------- | ------------------- | ------------------------------------------------------------------ |

| Keyword, Storage, Entity  | Pink Sherbet        | ![#f38ba3](https://placehold.it/15/f38ba3/ffffff?text=+) `#f38ba3` |

| Variable, Name, Type, Tag | Aero                | ![#12b5e5](https://placehold.it/15/12b5e5/000000?text=+) `#12b5e5` |

| Attribute                 | Green (Pigment)     | ![#0ba95b](https://placehold.it/15/0ba95b/000000?text=+) `#0ba95b` |

| Function, Boolean         | Middle Blue Purple  | ![#9d7dce](https://placehold.it/15/9d7dce/000000?text=+) `#9d7dce` |

| Comment, Regex, Template  | Blue-Gray (Crayola) | ![#c0c5ce](https://placehold.it/15/C0C5CE/000000?text=+) `#c0c5ce` |

| Number                    | Spanish Yellow      | ![#fcba28](https://placehold.it/15/fcba28/000000?text=+) `#fcba28` |

| String                    | Atomic Tangerine    | ![#f99157](https://placehold.it/15/f99157/000000?text=+) `#f99157` |

| Punctuation               | Beige               | ![#f9f4da](https://placehold.it/15/f9f4da/000000?text=+) `#f9f4da` |

## Screenshots

(Use Colorized+ Version, if you want to ignore too much Gray / ![#c0c5ce](https://placehold.it/15/C0C5CE/000000?text=+) )

### HTML

![New Moon Screenshot HTML](https://github.com/2u841r/bytes-newsletter-theme/raw/main/images/hco.png)

### HTML Colorized+

![New Moon Screenshot HTML](https://github.com/2u841r/bytes-newsletter-theme/raw/main/images/hcc.png)

### Javascript

![New Moon Screenshot JS](https://github.com/2u841r/bytes-newsletter-theme/raw/main/images/j.png)

### JSX

![New Moon Screenshot JSX](https://github.com/2u841r/bytes-newsletter-theme/raw/main/images/ro.png)

### JSX Colorized+

![New Moon Screenshot JSX](https://github.com/2u841r/bytes-newsletter-theme/raw/main/images/rc.png)

## Acknowledgements

- Originally inspired by [Bytes.dev](https://Bytes.dev).

- Tutorial by [Coder Coder](https://www.youtube.com/watch?v=pGzssFNtWXw)

- Color Names Collected from [colorprofessor.com](https://colorprofessor.com).

- Thanks to [Tania Rascia](https://github.com/taniarascia) for a few different reasons. 

## Credits

Logo courtesy of [Bytes.dev](https://Bytes.dev)

## Author

- [Zubair Ibn Zamir](https://zmt3.com)

## License

This project is open source and available under the [MIT License](LICENSE).