pulsar-edit/pulsar
1
1
Fork 0
mirror of https://github.com/pulsar-edit/pulsar.git synced 2025-01-08 16:19:17 +03:00
Code Issues Packages Projects Releases Wiki Activity

Changes for kevin

Browse Source
This commit is contained in:
Ben Ogle 2014-02-27 17:05:10 -08:00
parent 739d171462
commit e67a9c9664
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
docs/creating-a-theme.md
View File

@ -33,14 +33,14 @@ Let's create your first theme.
To get started, hit `cmd-shift-P`, and start typing "Generate Syntax Theme" to To get started, hit `cmd-shift-P`, and start typing "Generate Syntax Theme" to
generate a new theme package. Select "Generate Syntax Theme," and you'll be generate a new theme package. Select "Generate Syntax Theme," and you'll be
asked for the path where your theme will be created. Let's call ours asked for the path where your theme will be created. Let's call ours
_motif-syntax_. __Tip:__ suffix syntax themes with _-syntax_! _motif-syntax_. __Tip:__ syntax themes should end with _-syntax_.
Atom will pop open a new window, showing the _motif-syntax_ theme, with a default set Atom will pop open a new window, showing the _motif-syntax_ theme, with a
of folders and files created for us. If you open the settings view (`cmd-,`) default set of folders and files created for us. If you open the settings view
and navigate to the _Themes_ section on the left, you'll see the _Motif_ (`cmd-,`) and navigate to the _Themes_ section on the left, you'll see the
listed in the _Syntax Theme_ drop-down. Select it from the menu to activate it, _Motif_ theme listed in the _Syntax Theme_ drop-down. Select it from the menu to
now when you open an editor you should see that your new _motif-syntax_ theme in activate it, now when you open an editor you should see that your new
action. _motif-syntax_ theme in action.
Open up _stylesheets/colors.less_ to change the various colors variables which Open up _stylesheets/colors.less_ to change the various colors variables which
have been already been defined. For example, turn `@red` into `#f4c2c1`. have been already been defined. For example, turn `@red` into `#f4c2c1`.
@ -56,8 +56,8 @@ in your Atom window. Pretty neat!
__Tip:__ You can avoid reloading to see changes you make by opening an atom __Tip:__ You can avoid reloading to see changes you make by opening an atom
window in dev mode. To open a Dev Mode Atom window run `atom --dev .` in the window in dev mode. To open a Dev Mode Atom window run `atom --dev .` in the
terminal or use the _View > Developer > Open in Dev Mode_ menu. When you edit terminal, use `cmd-shift-o` or use the _View > Developer > Open in Dev Mode_
your theme, changes will instantly be reflected! menu. When you edit your theme, changes will instantly be reflected!
## Creating an Interface Theme ## Creating an Interface Theme
@ -74,7 +74,7 @@ To create an interface UI theme, do the following:
4. Open your new theme in a Dev Mode Atom window run `atom --dev .` in the 4. Open your new theme in a Dev Mode Atom window run `atom --dev .` in the
terminal or use the _View > Developer > Open in Dev Mode_ menu terminal or use the _View > Developer > Open in Dev Mode_ menu
5. Change the name of the theme in the theme's `package.json` file 5. Change the name of the theme in the theme's `package.json` file
6. Name your theme with a `-ui` suffix. i.e. `super-white-ui` 6. Name your theme end with a `-ui`. i.e. `super-white-ui`
7. Run `apm link` to symlink your repository to `~/.atom/packages` 7. Run `apm link` to symlink your repository to `~/.atom/packages`
8. Reload Atom using `cmd-alt-ctrl-L` 8. Reload Atom using `cmd-alt-ctrl-L`
9. Enable the theme via _UI Theme_ drop-down in the _Themes_ section of the 9. Enable the theme via _UI Theme_ drop-down in the _Themes_ section of the