thomaslindstrom / no-caffeine-syntax Goto Github PK
View Code? Open in Web Editor NEWA dark, crisp and clean Atom Editor syntax theme with no caffeine
License: MIT License
A dark, crisp and clean Atom Editor syntax theme with no caffeine
License: MIT License
Hi there.
I'm trying out some dark themes and went on using no-caffeine-syntax along with numix-dark-ui. I was wondering whether a little better highlighting could be added for json-files?! Here's how I tweaked the light one I usespectrum-ligth-syntax to alternate the highlighting only for the leaf-nodes of the json structure(the '>' symbol is conflicting css-code and markdown):
silly gist
And here's a comparison:
Note that spectrum-ligth-syntax is highlighting non-string json-keys as errors as well.
I think it'll be a good addition, especially for package.json files that are utilized by the node-community. I'm not much into styling, otherwise would've make a better, if not direct suggestion on how that improvement could be done :)
Cheers,
Kostadin
The tabs remain white with the one-dark ui theme. There's some related information here.
[Enter steps to reproduce:]
Atom: 1.17.0 x64
Electron: 1.3.15
OS: Mac OS X 10.12.4
Thrown From: no-caffeine-syntax package 0.18.0
Failed to activate the no-caffeine-syntax theme
At .syntax--source.syntax--css is undefined in /Users/cbennell/.atom/packages/no-caffeine-syntax/styles/Languages/sass.less:21:8
LessError: .syntax--source.syntax--css is undefined
at /packages/no-caffeine-syntax/styles/Languages/sass.less:21:8
-0:08.9.0 tree-view:show (atom-workspace.workspace.scrollbars-visible-always)
atom-alignment 0.13.0
atom-beautify 0.29.24
atom-material-syntax 1.0.6
atomatigit 1.5.5
csscomb 0.3.1
emmet 2.4.3
file-icons 2.1.5
file-types 0.5.5
git-plus 7.8.0
highlight-selected 0.13.1
indent-guide-improved 1.4.12
language-diff 0.7.0
language-nginx 0.7.3
language-puppet 0.22.0
linter 2.1.4
linter-bootlint 1.0.4
linter-coffeelint 1.2.1
linter-csslint 1.3.4
linter-erb 1.1.0
linter-js-yaml 1.2.7
linter-jshint 3.1.2
linter-php 1.3.2
linter-puppet-lint 0.8.2
linter-ruby 1.2.5
linter-tidy 2.3.1
merge-conflicts 1.4.4
move-panes 0.2.0
no-caffeine-syntax 0.18.0
pane-layout-plus 0.7.3
pane-move-plus 0.3.1
pane-split-moves-tab 0.1.0
pigments 0.39.1
pretty-json 1.6.3
project-manager 3.3.4
quick-editor 0.4.3
seti-ui 1.8.0
sort-lines 0.14.0
symbols-tree-view 0.14.0
terminal-status 1.6.8
todo-show 1.11.0
unity-dark-ui 2.0.9
unity-ui 2.1.10
First off - I love this color scheme.
Second - not sure how difficult this would be but it'd be awesome if the function parameters were highlighted differently from other variables and maintained that highlighting through the function.
The function parameters query
and selectionMode
would maintain their yellow coloring (or some other color specific to function parameters) throughout the function so it's easy to tell that they were function parameters and not variables created within the function.
Python Tools for Visual Studio does this with Python and it's really helpful.
Hi! I am big fan of your theme :p
Since some days ago I dont see colors in my syntax. Reinstalled the theme, but the problem is still there. Also tryed cleaning atom cache files and other similar stuff.
I am running atom 1.12.7.
Any clue? Thx!
Hi, I have 3 lines for the YAML Syntax:
https://gist.github.com/isaactopo/19638915548037dc40b8
Thanks for this awesome theme.
I am working with Atom 0.208.0
. Text is not being highlighted properly. The alignment with the text seems to be off. Here is a screenshot.
Look at the var
text above. I have the following packages installed over the core packages.
Here is my stylesheet (nothing much, just one change):
/*
* Your Stylesheet
*
* This stylesheet is loaded when Atom starts up and is reloaded automatically
* when it is changed.
*
* If you are unfamiliar with LESS, you can read more about it here:
* http://www.lesscss.org
*/
.tree-view {
}
// style the background and foreground colors on the atom-text-editor-element
// itself
atom-text-editor {
}
// To style other content in the text editor's shadow DOM, use the ::shadow
// expression
atom-text-editor::shadow .cursor {
}
atom-text-editor::shadow .highlight.find-result .region {
background: yellow;
}
Any ideas?
Store package style sheets in the styles/
directory instead of stylesheets/
in the no-caffeine-syntax
package
ThemePackage.getStylesheetsPath (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:460:9)
ThemePackage.getStylesheetPaths (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:471:32)
ThemePackage.loadStylesheets (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:453:38)
<unknown> (/Applications/Atom.app/Contents/Resources/app.asar/src/theme-package.js:47:19)
ThemePackage.measure (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:163:15)
ThemePackage.activate (/Applications/Atom.app/Contents/Resources/app.asar/src/theme-package.js:43:12)
https://github.com/steelbrain/linter-ui-default
The border line causes quite a jarring look when linter-ui-default
is enabled. Many of the other syntax themes do not have this issue, and instead put the border properly on the right of all the gutters.
Atom 1.18.0
Using atom one dark theme
no-caffeine-syntax with one-dark ui theme causes file icons and name to disappear on the active tab. Also cause other problems like off-centering for Set ui theme.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.