🌸 Light pastel syntax theme for cozy, cute coding & typing. 🌱
UI theme in screenshot is a WIP
soft era UI
. you can use One Light UI and these CSS overrides to use it now :)
~.~ a soft, warm, low contrast theme, with pastel accents that are easy on your eyes
^.^ make stuff and learn. make the world your kinda place. take care of the people around you
🌿
soft-era-syntax
and click Installapm install soft-era-syntax
💾 enjoy <3
Some UI may cause the cursor to appear as invisible, or the same as the background color, in search boxes. If you have this issue, you can add this to your stylesheet:
.cursor {
color: rgba(244,129,187,1);
border-left: 2px solid rgba(244,129,187,1) !important;
}
@soft-
is still in use in the base.less
filereact
(~500k downloads) and language-babel
(~1.5m downloads), as they lead to different colors in a lot of cases.language-babel
react
way of handling things—this should not be treated as primary since it isn't defaultindent-guide-improved
package, inside of index.less
language-markdown
-> package contribution reference
syntax--string
classes and that makes it not work well (especially when writing with punctuation)@cyan
from base.less
Much of this cleanup and organization is in the push to make this theme easier to 1) organize for porting to other editors, and 2) using the same organizational thought behind the syntax highlighting to quickly create other themes.
Steps for cloning a repo from http://flight-manual.atom.io/hacking-atom/sections/creating-a-theme/#creating-a-ui-theme
if the editor loses track of the local working copy of this (or any) theme, follow steps 3
– 9
must use apm link
instead of apm link --dev
for this local theme to work in normal, non-dev editor instances.
(using --dev
is a "safe mode" which will prevent the theme from activating in a normal window, in case you break something while editing.)
atom --dev .
in the terminal or use the View > Developer > Open in Dev Mode menu-ui
, for example super-white-ui
[for syntax themes like this package, use -syntax
instead of -ui
]apm link --dev
to symlink your repository to ~/.atom/dev/packages
Alt+Cmd+Ctrl+L
Currently styled with .js
, .css
, .html
, .json
, .md
, .svg
files in mind as that's my main use case. Would like to hear more about other files/languages.
Happy to hear any input <3
💖 @animalphase on twitter
Good catch. Let us know what about this package looks wrong to you, and we'll investigate right away.