Skip to content

Instantly share code, notes, and snippets.

@tomByrer
Created June 16, 2013 05:27
Show Gist options
  • Save tomByrer/5790876 to your computer and use it in GitHub Desktop.
Save tomByrer/5790876 to your computer and use it in GitHub Desktop.
Hacked Light Table's HOME/.lighttable/css/themes/solarized-light.css, mostly to make selected text readable (now sweet light green background). Also lightened comment text, minor CSS & comments reduction, & removed gutter PNG. Might still work on CodeMirror, which Light Table's editor is based on. Not sure what the licensing should be; can't fin…
/*
Solarized theme for code-mirror
http://ethanschoonover.com/solarized
http://ethanschoonover.com/solarized/img/solarized-palette.png
*/
.solarized-light.base03 { color: #002b36; }
.solarized-light.base02 { color: #073642; }
.solarized-light.base01 { color: #586e75; }
.solarized-light.base00 { color: #657b83; }
.solarized-light.base0 { color: #839496; }
.solarized-light.base1 { color: #93a1a1; }
.solarized-light.base2 { color: #eee8d5; }
.solarized-light.base3 { color: #fdf6e3; }
.solarized-light.solar-yellow { color: #b58900; }
.solarized-light.solar-orange { color: #cb4b16; }
.solarized-light.solar-red { color: #dc322f; }
.solarized-light.solar-magenta { color: #d33682; }
.solarized-light.solar-violet { color: #6c71c4; }
.solarized-light.solar-blue { color: #268bd2; }
.solarized-light.solar-cyan { color: #2aa198; }
.solarized-light.solar-green { color: #859900; }
/* Color scheme for code-mirror */
#multi.solarized-light {
background-color: #fdf6e3;
color: #657b83;
}
.cm-s-solarized-light {
color-profile: sRGB;
rendering-intent: auto;
background-color: #fdf6e3;
color: #657b83;
}
.cm-s-solarized-light .CodeMirror-widget {
text-shadow: none;
}
.cm-s-solarized-light .cm-keyword { color: #cb4b16 }
.cm-s-solarized-light .cm-atom { color: #d33682; }
.cm-s-solarized-light .cm-number { color: #d33682; }
.cm-s-solarized-light .cm-def { color: #2aa198; }
.cm-s-solarized-light .cm-variable { color: #268bd2; }
.cm-s-solarized-light .cm-variable-2 { color: #b58900; }
.cm-s-solarized-light .cm-variable-3 { color: #6c71c4; }
.cm-s-solarized-light .cm-property { color: #2aa198; }
.cm-s-solarized-light .cm-operator {color: #6c71c4;}
.cm-s-solarized-light .cm-comment { color: #93a1a1; font-style:italic; }
.cm-s-solarized-light .cm-string { color: #859900; }
.cm-s-solarized-light .cm-string-2 { color: #b58900; }
.cm-s-solarized-light .cm-meta { color: #859900; }
.cm-s-solarized-light .cm-error,
.cm-s-solarized-light .cm-invalidchar {
color: #586e75;
border-bottom: 1px dotted #dc322f;
}
.cm-s-solarized-light .cm-qualifier { color: #b58900; }
.cm-s-solarized-light .cm-builtin { color: #d33682; }
.cm-s-solarized-light .cm-bracket { color: #cb4b16; }
.cm-s-solarized-light .CodeMirror-matchingbracket { color: #859900; }
.cm-s-solarized-light .CodeMirror-nonmatchingbracket { color: #dc322f; }
.cm-s-solarized-light .cm-tag { color: #93a1a1 }
.cm-s-solarized-light .cm-attribute { color: #2aa198; }
.cm-s-solarized-light .cm-header { color: #586e75; }
.cm-s-solarized-light .cm-quote { color: #93a1a1; }
.cm-s-solarized-light .cm-hr {
color: transparent;
border-top: 1px solid #586e75;
display: block;
}
.cm-s-solarized-light .cm-link { color: #93a1a1; cursor: pointer; }
.cm-s-solarized-light .cm-special { color: #6c71c4; }
.cm-s-solarized-light .cm-em {
color: #999;
text-decoration: underline;
text-decoration-style: dotted;
}
.cm-s-solarized-light .cm-strong { color: #eee; }
.cm-s-solarized-light .CodeMirror-focused .CodeMirror-selected {
background: #eee8d5;
color: inherit;
}
.cm-s-solarized-light ::selection {
background: #eee8d5;
color: inherit;
}
.cm-s-solarized-light .CodeMirror-selected {
background: #d2e3cf; /*greenish selected highlighting*/
}
/* Gutter colors and line number styling based of color scheme: light) */
.cm-s-solarized-light .CodeMirror-gutters {
background-color: #eee8d5;
border-color: #eee8d5;
}
/* Common */
.cm-s-solarized-light .CodeMirror-linenumber {
color: #586e75;
}
.cm-s-solarized-light .CodeMirror-gutter .CodeMirror-gutter-text {
color: #586e75;
}
.cm-s-solarized-light .CodeMirror-lines {
padding-left: 5px;
}
.cm-s-solarized-light .CodeMirror-lines .CodeMirror-cursor {
border-left: 1px solid #819090;
}
/*
Active line. Negative margin compensates left padding of the text in the
view-port
*/
.cm-s-solarized-light .activeline {
/* margin-left: -20px;*/
background: rgba(0, 0, 0, 0.05);
}
//removed gutter .png; not used
@tomByrer
Copy link
Author

Preview: http://imgur.com/Fx8Vmcf
Now you don't need super-vision to read selected text!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment