From 73c714b62dbb3a52fe0bf92191c0526e2d4cd547 Mon Sep 17 00:00:00 2001 From: Kevin Sawicki Date: Thu, 30 Jan 2014 17:07:19 -0800 Subject: [PATCH] :memo: Update user stylesheet docs to use styles.css --- docs/customizing-atom.md | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) diff --git a/docs/customizing-atom.md b/docs/customizing-atom.md index c9a8e161e..e6ad89305 100644 --- a/docs/customizing-atom.md +++ b/docs/customizing-atom.md @@ -120,22 +120,24 @@ make customizations. You have full access to Atom's API from code in this file. If customizations become extensive, consider [creating a package][create-a-package]. -### user.less +### styles.css If you want to apply quick-and-dirty personal styling changes without creating an entire theme that you intend to distribute, you can add styles to -_user.less_ in your _~/.atom_ directory. +_styles.css_ in your _~/.atom_ directory. For example, to change the color of the highlighted line number for the line -that contains the cursor, you could add the following style to _user.less_: +that contains the cursor, you could add the following style to _styles.css_: -```less -@highlight-color: pink; - -.editor .line-number.cursor-line { - color: @highlight-color; +```css +.editor .cursor { + border-color: pink; } ``` +You can also name the file _styles.less_ if you want to style Atom using +[LESS][LESS]. + [create-a-package]: creating-packages.md [create-theme]: creating-a-theme.md +[LESS]: http://www.lesscss.org