Giter VIP home page Giter VIP logo

jetbrains-moonlight-theme's Introduction

🌌 Moonlight Theme for JetBrains IDE

A friendly dark theme for those long coding sessions, inspired and colors picked from the serene Moonlight.

πŸ“Έ Screenshots

Visualize and immerse yourself in the cool, dark tranquility of the Moonlight Theme with different frameworks:

React Example

React Example with Moonlight Theme

Vue Example

Vue Example with Moonlight Theme

Angular Example

Angular Example with Moonlight Theme

✨ Features

  • Dark and Friendly: Crafted for ease on your eyes, ensuring comfort throughout long coding sessions.
  • Framework Agnostic: Beautifully adapts whether you’re coding in React, Vue, Angular, or others.
  • Enhanced Readability: Deliberately chosen colors and contrasts to ensure your code is clear and easy to read.
  • Harmonious Design: Consistently delightful and aesthetic design across all languages and frameworks.

πŸš€ Installation

Integrate the Moonlight Theme into your JetBrains IDE with a few simple steps:

  1. Navigate to Settings | Plugins.
  2. Search for the Moonlight Theme plugin and install it.
  3. Restart the IDE for the changes to take effect.
  4. Navigate to Settings | Appearance & Behavior | Appearance.
  5. Select Moonlight Theme from the theme dropdown menu.

Voila! Let the serene moonlight guide your code through the night.

πŸ’– Support & Contributions

Your appreciation for Moonlight means the world! Consider sponsoring or contributing to keep the project vibrant.

How to Contribute

Moonlight is not just a theme; it’s a continually growing project, and your involvement is heartily welcomed!

πŸš€ Join & Grow: I’m open to collaborators who can help the Moonlight Theme reach new heights. Let's improve it together, make it even more versatile and delightful for all developers out there.

🎨 Expand the Universe: Inspired by the original, let’s craft additional versions, explore new color schemes, and bring Moonlight into different coding environments.

πŸ†• New Horizons: Why stop here? With the collective creativity and skills of this wonderful community, we can branch out to create even more themes, enhancing various IDEs and editors with the spirit of Moonlight.

πŸ”„ Improvements & Ideas: Your ideas and feedback are not just welcomed, but crucial in refining and expanding the Moonlight Theme. Whether it's a new color scheme or a feature request, your insights pave the way for future developments.

πŸ”— To start contributing, check out the issues tab for current tasks, enhancements, and bugs, or propose new ideas to make Moonlight shine even brighter.

Together, let’s illuminate the coding universe with the serene glow of Moonlight. πŸŒ•

πŸ“¬ Stay Updated

Keep your coding environment fresh and subscribe to updates! Detailed release notes will be available in the Changelog once released.

πŸ™ Acknowledgements

Infinite thanks to sponsors, contributors, and all wonderful beings who’ve shared feedback and love for Moonlight.


Moonlight Theme is gracefully crafted with ❀️ by Francisco Marin

jetbrains-moonlight-theme's People

Contributors

abdelhalimjean avatar franmc01 avatar petehouston avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

jetbrains-moonlight-theme's Issues

Edge of panels is not visible

Would it be possible to show a line at the edge of resizable panels as shown in the screenshot? It makes it hard to resize when you can't locate the edge. In this example I'm looking at the Find in File window. I've drawn a red line to show where the edge is.

CleanShot 2024-03-10 at 13 54 20@2x

New UI, Running is difficult to read

image

As you can see, it is rather difficult to see the Run area along the top of the window in the new UI while the app is actually running.

image

It does look quite good when the app is not running, though a background color of some sort to give it shape would be welcome.

Contrast for highlight vs selection

Hi Francisco!

Thanks for your amazing theme. I've been using it for months now and it's really a great one!

There is one thing though I'm struggling with: colours between highlight and selection seems to be inverted. Highlight colour is more visible than selection which confuses me a lot. Here's an example:

Highlight colour (cursor in the middle of findByRole):
Screenshot 2022-07-08 at 08 08 44

Selection colour (the firstfindByRole is selected):
Screenshot 2022-07-08 at 08 10 45

As you can see, it's really hard to see that the first findByRole is selected. It seems that it's actually the second one. What do you think?

Thanks,
Lucas

Not updated in the marktplace

image

I See that has a change 3 weeks ago, that allow compatible with the 2023.2, but it still doesn't appears on the marketplace, anyway can help with it?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.