sindresorhus / focus Goto Github PK

Code editor color theme that lets you focus on the content. Available for Sublime Text, Atom, TextMate, Vim, Chocolat, and more...

License: MIT License

TeX 5.64% Vim Script 92.75% HTML 1.61%

focus's Introduction

Focus

Code editor color theme that lets you focus on the content

For when you need to edit a lot of inline text without being distracted by code and markup.

Works perfectly with Markdown

And LaTeX

$Focus dark - LaTeX$

Install

Sublime Text

Install Focus with Package Control and restart Sublime.

Atom

See atom-focus-dark and atom-focus-light.

VS Code

See vscode-focus-dark and vscode-focus-light.

TextMate 2

Copy the .tmTheme files to ~/Library/Application Support/Textmate/Managed/Bundles/Themes.tmbundle.

TextMate

Copy the .tmTheme files to ~/Library/Application Support/TextMate/Themes.

Vim

Vim-plug

Plug 'sindresorhus/focus', {'rtp': 'vim'}

Vundle

Plugin 'sindresorhus/focus', {'rtp': 'vim'}

Manual

Copy the contents of the vim/colors folder to ~/.vim/colors.

Other editors

A lot more editors support the .tmTheme format. Google it if you're not using any of the above editors.

I would be more than happy to accept PRs for ports to other editors that doesn't support .tmTheme.

Dev

In Sublime, click on some syntax, then press Ctrl+Shift+P to see the scope in the statusbar.

License

MIT © Sindre Sorhus

focus's People

Contributors

Stargazers

Watchers

Forkers

peterpay dsqmoore leighghunt randylien deepak1556 davidpett learn-alex modulexcite dwieyoko supercrabtree sahwar igraguiar michaelbrunn3r

focus's Issues

Port to Kate

Tried the automatic converter http://coloration.sickill.net/, and it almost worked. Only thing it doesn't hide is HTML attributes. I don't have time to look into it, but PR welcome ;)

# Converted from Textmate theme Focus (light) using Coloration v0.3.2 (http://github.com/sickill/coloration)
# -------------------- Put following in katesyntaxhighlightingrc --------------------

[Default Item Styles - Schema Focus (light)]
Alert=dfdfdf,dfdfdf,0,0,0,0,,,---
Base-N Integer=dfdfdf,dfdfdf,0,0,0,0,,,---
Character=dfdfdf,dfdfdf,0,0,0,0,,,---
Comment=dfdfdf,dfdfdf,0,0,0,0,,,---
Data Type=dfdfdf,dfdfdf,0,0,0,0,,,---
Decimal/Value=dfdfdf,dfdfdf,0,0,0,0,,,---
Error=dfdfdf,dfdfdf,0,0,0,0,,,---
Floating Point=dfdfdf,dfdfdf,0,0,0,0,,,---
Function=dfdfdf,dfdfdf,0,0,0,0,,,---
Keyword=dfdfdf,dfdfdf,0,0,0,0,,,---
Normal=5a5a59,5a5a59,0,0,0,0,,,---
Others=5a5a59,5a5a59,0,0,0,0,,,---
Region Marker=5a5a59,5a5a59,0,0,0,0,,,---
String=dfdfdf,dfdfdf,0,0,0,0,,,---

[Highlighting Ruby - Schema Focus (light)]
Ruby:Access Control=0,dfdfdf,dfdfdf,0,0,0,0,,,---
Ruby:Command=0,dfdfdf,dfdfdf,0,0,0,0,,,---
Ruby:Constant=0,dfdfdf,dfdfdf,0,0,0,0,,,---
Ruby:Constant Value=0,dfdfdf,dfdfdf,0,0,0,0,,,---
Ruby:Default globals=0,dfdfdf,dfdfdf,0,0,0,0,,,---
Ruby:Definition=0,dfdfdf,dfdfdf,0,0,0,0,,,---
Ruby:Delimiter=0,dfdfdf,dfdfdf,0,0,0,0,,,---
Ruby:Global Constant=0,dfdfdf,dfdfdf,0,0,0,0,,,---
Ruby:Global Variable=0,dfdfdf,dfdfdf,0,0,0,0,,,---
Ruby:Instance Variable=0,dfdfdf,dfdfdf,0,0,0,0,,,---
Ruby:Class Variable=0,dfdfdf,dfdfdf,0,0,0,0,,,---
Ruby:Kernel methods=0,dfdfdf,dfdfdf,0,0,0,0,,,---
Ruby:Member=0,dfdfdf,dfdfdf,0,0,0,0,,,---
Ruby:Message=0,5a5a59,5a5a59,0,0,0,0,,,---
Ruby:Operator=0,dfdfdf,dfdfdf,0,0,0,0,,,---
Ruby:Pseudo variable=0,dfdfdf,dfdfdf,0,0,0,0,,,---
Ruby:Raw String=0,5a5a59,5a5a59,0,0,0,0,,,---
Ruby:Regular Expression=0,dfdfdf,dfdfdf,0,0,0,0,,,---
Ruby:Symbol=0,dfdfdf,dfdfdf,0,0,0,0,,,---

[Highlighting JavaScript - Schema Focus (light)]
JavaScript:Objects=0,dfdfdf,dfdfdf,0,0,0,0,,,---

[Highlighting Ruby/Rails/RHTML - Schema Focus (light)]
Ruby/Rails/RHTML:Message=0,5a5a59,5a5a59,0,0,0,0,,,---
Ruby/Rails/RHTML:Raw String=0,5a5a59,5a5a59,0,0,0,0,,,---
Ruby/Rails/RHTML:Symbol=0,dfdfdf,dfdfdf,0,0,0,0,,,---
Ruby/Rails/RHTML:Value=0,dfdfdf,dfdfdf,0,0,0,0,,,---
Ruby/Rails/RHTML:Element=0,dfdfdf,dfdfdf,0,0,0,0,,,---
Ruby/Rails/RHTML:Kernel methods=0,dfdfdf,dfdfdf,0,0,0,0,,,---
Ruby/Rails/RHTML:Attribute=0,dfdfdf,dfdfdf,0,0,0,0,,,---

[Highlighting XML - Schema Focus (light)]
XML:Value=0,dfdfdf,dfdfdf,0,0,0,0,,,---
XML:Element=0,dfdfdf,dfdfdf,0,0,0,0,,,---
XML:Attribute=0,dfdfdf,dfdfdf,0,0,0,0,,,---

[Default Item Styles - Schema Focus (dark)]
Alert=34373b,34373b,0,0,0,0,,,---
Base-N Integer=34373b,34373b,0,0,0,0,,,---
Character=34373b,34373b,0,0,0,0,,,---
Comment=34373b,34373b,0,0,0,0,,,---
Data Type=34373b,34373b,0,0,0,0,,,---
Decimal/Value=34373b,34373b,0,0,0,0,,,---
Error=34373b,34373b,0,0,0,0,,,---
Floating Point=34373b,34373b,0,0,0,0,,,---
Function=34373b,34373b,0,0,0,0,,,---
Keyword=34373b,34373b,0,0,0,0,,,---
Normal=c2c5bd,c2c5bd,0,0,0,0,,,---
Others=c2c5bd,c2c5bd,0,0,0,0,,,---
Region Marker=c2c5bd,c2c5bd,0,0,0,0,,,---
String=34373b,34373b,0,0,0,0,,,---

[Highlighting Ruby - Schema Focus (dark)]
Ruby:Access Control=0,34373b,34373b,0,0,0,0,,,---
Ruby:Command=0,34373b,34373b,0,0,0,0,,,---
Ruby:Constant=0,34373b,34373b,0,0,0,0,,,---
Ruby:Constant Value=0,34373b,34373b,0,0,0,0,,,---
Ruby:Default globals=0,34373b,34373b,0,0,0,0,,,---
Ruby:Definition=0,34373b,34373b,0,0,0,0,,,---
Ruby:Delimiter=0,34373b,34373b,0,0,0,0,,,---
Ruby:Global Constant=0,34373b,34373b,0,0,0,0,,,---
Ruby:Global Variable=0,34373b,34373b,0,0,0,0,,,---
Ruby:Instance Variable=0,34373b,34373b,0,0,0,0,,,---
Ruby:Class Variable=0,34373b,34373b,0,0,0,0,,,---
Ruby:Kernel methods=0,34373b,34373b,0,0,0,0,,,---
Ruby:Member=0,34373b,34373b,0,0,0,0,,,---
Ruby:Message=0,c2c5bd,c2c5bd,0,0,0,0,,,---
Ruby:Operator=0,34373b,34373b,0,0,0,0,,,---
Ruby:Pseudo variable=0,34373b,34373b,0,0,0,0,,,---
Ruby:Raw String=0,c5c8c6,c5c8c6,0,0,0,0,,,---
Ruby:Regular Expression=0,34373b,34373b,0,0,0,0,,,---
Ruby:Symbol=0,34373b,34373b,0,0,0,0,,,---

[Highlighting JavaScript - Schema Focus (dark)]
JavaScript:Objects=0,34373b,34373b,0,0,0,0,,,---

[Highlighting Ruby/Rails/RHTML - Schema Focus (dark)]
Ruby/Rails/RHTML:Message=0,c2c5bd,c2c5bd,0,0,0,0,,,---
Ruby/Rails/RHTML:Raw String=0,c5c8c6,c5c8c6,0,0,0,0,,,---
Ruby/Rails/RHTML:Symbol=0,34373b,34373b,0,0,0,0,,,---
Ruby/Rails/RHTML:Value=0,34373b,34373b,0,0,0,0,,,---
Ruby/Rails/RHTML:Element=0,34373b,34373b,0,0,0,0,,,---
Ruby/Rails/RHTML:Kernel methods=0,34373b,34373b,0,0,0,0,,,---
Ruby/Rails/RHTML:Attribute=0,34373b,34373b,0,0,0,0,,,---

[Highlighting XML - Schema Focus (dark)]
XML:Value=0,34373b,34373b,0,0,0,0,,,---
XML:Element=0,34373b,34373b,0,0,0,0,,,---
XML:Attribute=0,34373b,34373b,0,0,0,0,,,---




# -------------------- Put following in kateschemarc --------------------

[Focus (light)]
Color Background=245,245,245
Color Highlighted Bracket=245,245,245
Color Highlighted Line=236,236,236
Color Selection=223,223,223
Color Tab Marker=225,225,225
Color Word Wrap Marker=225,225,225

[Focus (dark)]
Color Background=27,29,31
Color Highlighted Bracket=27,29,31
Color Highlighted Line=33,35,37
Color Selection=52,55,59
Color Tab Marker=67,70,76
Color Word Wrap Marker=67,70,76

Toggle By KeyBind

Can you make this "togglable" instead of having to switch color scheme each time?

Port to jEdit

Tried the automatic converter http://coloration.sickill.net/, but it didn't work. Shouldn't be hard to do this manually using the Editor Scheme plugin.

I don't have time for this atm, but if anyone wants this, PR welcome.

Location: ~/Library/jEdit/schemes

Is comment content considered as relevant content ?

Hi,

You made, comment .syntax-comment in the visible color. But, in most case, comment content is not considered as relevant content, isnt it ?

Or is this for doc comment purpose ?

Tested on Atom

Editor plugin to toggle the theme

This is really more of a temporary theme, so it would be useful for the user to have a quick way to toggle it.

Highlighting isn't right with code in vim

This works great for HTML and LaTeX files, but it doesn't seem to work for the codes files I've tried. I think I'll make a keyboard shortcut to toggle these scheme when editing markup.

When editing C, Python, on JavaScript code is highlighted instead of text strings.

Python:

JavaScript:

[editor] Brackets

I ❤️ Brackets. Need to get Focus into it.

The LaTeX example is hiding areas that are actually content. Please note that I haven't actually used the theme (I don't use any of the supported editors). The following are issues with the example text:

The command \LaTex, \TeX, etc. are still content even though they use special commands to display the content. I'm sure the same problem exists with things like the commands to show Greek letters, etc.
The equations inside the align environment (the area beteween the \begin{} and \end{}) are content. The same is true for other environments.
Double check the color between the quick math environment commands $. Someone HN said there are issues with equations and this is probably what they're seeing.

Port to more editors

My top priorities:

Brackets (Codemirror?)
Webstorm
Emacs
Coda
Espresso
Visual Studio
Notepad++
ACE (web)

And: https://github.com/altercation/solarized#editors--ides

PR welcome! :)

Visit the [gruntjs.com](http://gruntjs.com/) website for all the things.

Right now, this is what I see:

Visit the [           ](                   ) website for all the things.

But I'd much rather see:

Visit the  gruntjs.com                       website for all the things.

Also, headers. Not the ### but the text.

Recommend Projects

React

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

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

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

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

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

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.