Skip to content

Instantly share code, notes, and snippets.

@ramidem
Created February 16, 2017 09:16
Show Gist options
  • Save ramidem/1cc98522db1333839fa23f2889b0cf6c to your computer and use it in GitHub Desktop.
Save ramidem/1cc98522db1333839fa23f2889b0cf6c to your computer and use it in GitHub Desktop.
I love looking at @wesbos' Theme for sublime text. So, I made my own.
// This theme is based on https://medium.com/@docodemore/an-alternative-to-operator-mono-font-6e5d040e1c7e#.nk01drf9k
// I am using Cobalt2 for the Syntax Theme and One Dark for the UI Theme.
atom-text-editor {
font-family: 'Fira Code';
font-style: normal;
text-rendering: optimizeLegibility;
}
atom-text-editor::shadow {
.string.quoted,
.string.regexp {
-webkit-font-feature-settings: "liga" off, "calt" off;
}
.source.js.jsx > .keyword.control.flow.js,
.storage, .type .function, {
vertical-align: baseline;
font-family: 'Lobster Two', cursive;
height: inherit;
font-size: 1.2em;
line-height: 1rem;
}
.comment {
font-family: "Lobster Two", cursive;
font-style: italic;
letter-spacing: 1px;
}
.source.js.jsx,
.storage.type.function.arrow.js,
.variable {
font-family: 'Fira Code';
font-style: normal;
}
.string.unquoted.js {
color: #CDD3DE;
}
.entity.name {
font-weight: normal;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment