Git Product home page Git Product logo

heybereket / lunar-theme Goto Github PK

View Code? Open in Web Editor NEW
23.0 2.0 2.0 14.91 MB

๐ŸŒ“ A minimal dark and light theme for Visual Studio Code. Handpicked colours, easy on the eyes, and perfect for coding in the day/night.

Home Page: https://marketplace.visualstudio.com/items?itemName=bereketsemagn.Lunar

License: MIT License

vscode color-theme dark-vscode-theme night light dark-syntax-theme space theme vscode-theme editor-theme

lunar-theme's Introduction

Lunar Logo

Lunar Theme for VSCode

Version Downloads Installs

story

Lunar Theme has always been in my head for a while now, just sitting there. I remember opening up VSCode and not knowing what theme I should pick because either there was one that I liked the background of but not the colours or that one that just didn't get updated frequently. Shortly after, I knew I wanted to do something about that. I quickly rolled out a piece of paper and had an idea and that idea was to make a Visual Studio Code theme, my original idea for that theme was not that great but turns out when I launched it, the next day it had over 50k installs...(yeah I wish).

Seriously, the whole thing grew expodentially and I wasn't noticing any growth in it, I lost the token for that extension and just quit that project.

4 months later...

But wait, hold on. Am I really going to just give up? No, look at me Bereket. You are going to make another extension that will be better than whatever you've built in the past. That's what was going through my head for weeks, until...I went for it. I sat down and just went on focus mode and hardcored coding that extension, which is now Lunar Theme!

features

  • minimalistic design/colours
  • dark, light, and italic modes
  • good for work ethic
  • easy on the eyes
  • lightweight and simple
  • pastel colours

installation

Option #1:
Press ctl + shift + p or cmd + shift + p

Option #2:
<choice> = Dark, Light, or Italic

  1. Open Extensions sidebar panel in VS Code. View โ†’ Extensions
  2. Search for Lunar Theme
  3. Click Install to install it
  4. Reload Visual Studio Code
  5. File/Code > Preferences > Color Theme > Lunar <choice>

info

Recommended Settings:
Note: You can add more settings preferences to this of your choice, these are just the basic reccomended settings specifications.

<choice> = Dark, Light, or Italic

{
  "workbench.colorTheme": "Lunar <choice>",
  "editor.fontFamily": "Operator Mono, Menlo, Monaco, 'Courier New', monospace",
  "editor.fontSize": 17
}

demo

thanks

Thank you for either reading this README, supporting me, or just installing/downloading Lunar Theme, your support is very much appreciated and I wouldn't be here without each and every one of you. If you encounter a bug or have a feature request - send an issue under the issues tab. If you would like to contribute, simply fork this repo, or clone it, make your changes, and submit a PR under the pull requests tab.

Bereket Semagn - Creator
Find me on Twitter - @heybereket

lunar-theme's People

Contributors

heybereket avatar

Stargazers

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

Watchers

 avatar  avatar

lunar-theme's Issues

Screenshot bottom bar color doesn't match extension color

Like the title says, the screenshot bottom bar color doesn't match the actual extension bottom bar color.
This can be a little misleading as people choose a theme they want to install based on the screenshot in the theme description.

Text links are difficult to read on Lunar Dark.

The colour for "textLink.foreground" is super dark on the welcome screen and in intelisense tooltips.

image
image

I've hastily thrown up a lighter value and more saturated into my workbench comfig.

"textLink.foreground": "#4e887c"

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.