Giter Club home page Giter Club logo

myoptic-theme's Introduction

Myoptic theme

Coding is extremely taxing on our eyes. Reading constantly, scanning for keywords and trying to understand code written by someone else can require a lot of work.

On top of this, if you are someone who suffers from myopia (or other forms of visual impairment), you will find it difficult to read dark themes due to the halo effect lights can produce.

Unfortunately dark themes seem to be the defacto standard for coding, but I think long-term it makes more sense to have a light theme with darker text and easy visual queues with aesthetic, but bold, colors.

Theory

I created the Myoptic theme after research on best practices for color theory and contrast. I wanted to also push the use of orange due to the color theory of orange being "optimism, confidence, enthusiasm, warmth, and agreeableness" which I find important for coding. Think of it as potentially a brain hack, maybe.

The idea is to make orange primary and so you see more of it.

Purple is secondary due to it's calming and soothing effect on the eyes.

Red for errors and warnings.

Green for comments and secondary text.

Blue for... excess. I wanted to limit the blue due to blue light being the most harmful to eyes, and let's face it, we already are using a light theme so it's probably a lot anyways. Simple fix, use blue light blocking glasses or tools.

Black (but not too black) text for regular text.

White for background.

So much white

I also wanted everything to blend. You'll notice not many borders so we reduce the distracting effect of containered areas like the side bar, title bar and activity area.

This theme is still in progress, but I think it's a good start and I'm happy with it.

It's primary focus is on:

  • Javascript
  • Typescript
  • HTML
  • CSS
  • Liquid
  • Markdown

But it does also contain support for other languages. If you have any suggestions for other languages, please let me know.

myoptic-theme's People

Contributors

doitalldev avatar

Watchers

 avatar

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.