Themes - Revision history

Bozhidar: Reverted edits by 37.59.80.67 (talk) to last revision by Bozhidar

2012-06-24T19:40:18Z

Reverted edits by 37.59.80.67 (talk) to last revision by Bozhidar

37.59.80.67: Anh chau may voi nhau nhin di

2012-06-24T15:16:00Z

Anh chau may voi nhau nhin di

Bozhidar at 14:59, 19 April 2012

2012-04-19T14:59:19Z

Bozhidar: moved theme info into a separate article

2012-04-19T14:55:23Z

moved theme info into a separate article

New page

== Basics ==

An Emacs theme is basically a set of [[Emacs Terminology#Faces | faces]]. Emacs has a predefined set of core faces for basic things like comments, keywords, etc and by modifying those you can significantly alter the appearance of Emacs. Many modes add faces of their own as well. Prior to Emacs 24 the most popular way to incorporate custom color themes into Emacs was the [http://www.emacswiki.org/emacs/ColorTheme color-theme package]. While it usually got the job done it had some problems that we won’t be discussing here and more importantly - it’s a third-party package, that’s not part of Emacs proper. Emacs 24 comes with a selection of built-in themes that you can choose from, so you’re no longer bound to the default theme (which many find quite ugly). To choose a new theme just do a <tt>M-x load-theme</tt> (tab completion is available for the names of the available themes). At this point you can give the command a try with the <tt>tango</tt> theme. If you like a theme so much that you’d want to use it all the time you can put in your Emacs configuration (<tt>.emacs</tt> or <tt>init.el</tt> for instance) like this:

<pre>(load-theme 'theme-name t)</pre>

If you’d like to return to the default-theme just do a <tt>M-x disable-theme</tt>.

== Create Custom Themes ==

[http://batsov.com/articles/2011/08/19/a-peek-at-emacs24/ Emacs 24] finally introduced a new standard way of dealing with color themes (based on Emacs’s built-in [[Custom|customize]] facility). While it doesn’t have a proper name (as far as I know) it’s commonly referred to as the <tt>deftheme</tt> facility, since <tt>deftheme</tt> is the name of the macro you’d use to create such a theme. ( <tt>deftheme</tt> has actually been around since Emacs 23, but it was heavily improved in Emacs 24 )

How do you create a <tt>deftheme</tt> theme? Quite simply actually - just do a “M-x customize-create-theme”. You’ll be presented with an UI prompting you for a theme name, description and faces. After you save the theme a file called <tt>name-theme.el</tt> will be written on your filesystem. Here’s its skeleton:

<syntaxhighlight lang="lisp">
(deftheme demo
"Demo theme")

(custom-theme-set-faces
'demo
;;; list of custom faces
)

(provide-theme 'demo)
</syntaxhighlight>

There was also an online theme generator [http://elpa.gnu.org/themes/ here], but it seems to be down at the moment.

If dislike customize, you can just have a look at the source code of the built-in tango (or any other) theme and use it as a reference.

Once you’ve created the new theme you’ll have to drop it in a folder that’s on the <tt>custom-theme-load-path</tt>. I’d suggest the following:

<pre class="lisp">(add-to-list 'custom-theme-load-path "~/.emacs.d/themes")</pre>
If you’re an [https://github.com/bbatsov/emacs-prelude Emacs Prelude] user you’re already covered. This folder exists and is automatically added to <tt>custom-theme-load-path</tt> by Prelude, so all you have to do is drop there the themes you’d want to try out.

You may find the [http://julien.danjou.info/software/rainbow-mode rainbow-mode] useful when developing color themes. If fontifies strings that represent color codes according to those colors. The mode is known to be a great addition to css-mode, but I find it very helpful with color theme development as well. It’s also included (and enabled) in Prelude by default.

The Emacs package manager <tt>package.el</tt> (formerly known as ELPA) is gaining a lot of popularity lately and the community [http://marmalade-repo.org/ Marmalade] repository already houses a few Emacs 24 themes that you can install from there. If you’re developing a theme that you’d like to submit to Marmalade it’s imperative that the theme modifies the <tt>custom-theme-load-path</tt> in an <tt>autoload</tt> - otherwise it won’t be of much use. Add the following snippet (or something similar) before the <tt>provide-theme</tt> line if your custom theme:

<syntaxhighlight lang="lisp">
;;;###autoload
(when load-file-name
(add-to-list 'custom-theme-load-path
(file-name-as-directory (file-name-directory load-file-name))))
</syntaxhighlight>
I’d also advise you follow the proper naming convention <tt>name-theme.el</tt> so that it’s apparent that your theme is <tt>deftheme</tt> compatible.

Oh, and one more thing - porting themes from color-theme to deftheme is really simple (just have a look at the old and the new version of Zenburn in its repo), so you should really consider porting all the themes you maintain to <tt>deftheme</tt>.

== Popular Color Themes ==

* [[Zenburn]]
* [[Solarized]]

← Older revision		Revision as of 15:16, 24 June 2012
Line 1:		Line 1:
−	~~== Basics ==~~	+	Hello my friend heres my new gig easy as it looks Ill send u a total of 5350++ backlinks to your website in 2 tiers. This gig its for 1 website and up to 5 keywords. First tier to your main website 350 page rank 1-5 and the the second tier of 5000 profile backlinks pointing to your first tier.Ill send u a report in a txt file in less than 48 hours.Any question just send me a private message
−
−	An Emacs theme is basically a set of [[Emacs Terminology#Faces \| faces]]. Emacs has a predefined set of core faces for basic things like comments, keywords, etc and by modifying those you can significantly alter the appearance of Emacs. Many modes add faces of their own as ~~well. Prior to Emacs 24 the most popular way to incorporate custom color themes into Emacs was the [http://www.emacswiki.org/emacs/ColorTheme color-theme package]. While it usually got the job done~~ it ~~had some problems that we won’t be discussing here and more importantly - it’s~~ a ~~third-party package, that’s not part~~ of Emacs proper. Emacs 24 comes with a selection of built-in themes that you can choose from, so you’re no longer bound to the default theme (which many find quite ugly). To choose a new theme just do a <tt>M-x load-theme</tt> (tab completion is available for the names of the available themes). At this point you can give the command a try with the <tt>tango</tt> theme. If you like a theme so much that you’d want to ~~use it all the time you can put in~~ your ~~Emacs configuration (<tt>.emacs</tt> or <tt>init.el</tt> for instance) like this:~~
−
−	~~<syntaxhighlight lang="lisp">~~
−	~~(load-theme 'theme-name t)~~
−	~~</syntaxhighlight>~~
−
−	~~If you’d like to return to the default-theme just do a <tt>M-x disable-theme</tt>.~~
−
−	~~== Create Custom Themes ==~~
−
−	~~[http://batsov.com/articles/2011/08/19/a-peek-at-emacs24/ Emacs 24] finally introduced a new standard way of dealing with color themes (based on Emacs’s built-~~in ~~[[Custom\|customize]] facility)~~. While it doesn’t have a proper name (as far as I know) it’s commonly referred to as the <tt>deftheme</tt> facility, since <tt>deftheme</tt> is the name of the macro you’d use to create such a theme. ( <tt>deftheme</tt> has actually been around since Emacs 23, but it was heavily improved in Emacs 24 )
−
−	~~How do you create a <tt>deftheme</tt> theme? Quite simply actually - just do a “M-x customize-create-theme”. You’ll be presented with an UI prompting you~~ for ~~a theme name, description~~ and ~~faces. After you save the theme a file called <tt>name-theme.el</tt> will be written on your filesystem. Here’s its skeleton:~~
−
−	~~<syntaxhighlight lang="lisp">~~
−	~~(deftheme demo~~
−	~~"Demo theme")~~
−
−	~~(custom-theme-set-faces~~
−	~~'demo~~
−	~~;;; list of custom faces~~
−	)
−
−	~~(provide-theme 'demo)~~
−	~~</syntaxhighlight>~~
−
−	~~There was also an online theme generator [http://elpa.gnu.org/themes/ here], but it seems~~ to ~~be down at the moment~~.
−
−	~~If dislike customize, you can just have a look at the source code of the built-in tango (or any other) theme and use it as a reference.~~
−
−	~~Once you’ve created the new theme you’ll have~~ to ~~drop it in a folder that’s on the <tt>custom-theme-load-path</tt>. I’d suggest the following:~~
−
−	~~<syntaxhighlight lang="lisp">~~
−	~~(add~~-~~to-list 'custom-theme-load-path "~/.emacs.d/themes)~~
−	~~</syntaxhighlight>~~
−
−	~~If you’re an [https://github.com/bbatsov/emacs-prelude Emacs Prelude] user you’re already covered. This folder exists~~ and ~~is automatically added to <tt>custom-theme-load-path</tt> by Prelude, so all you have to do is drop there~~ the ~~themes you’d want to try out.~~
−
−	~~You may find~~ the ~~[http://julien.danjou.info/software/rainbow-mode rainbow-mode] useful when developing color themes. If fontifies strings that represent color codes according~~ to ~~those colors~~. ~~The mode is known to be~~ a ~~great addition to css-mode, but I find it very helpful with color theme development as well. It’s also included (and enabled)~~ in ~~Prelude by default.~~
−
−	~~The Emacs package manager <tt>package.el</tt> (formerly known as ELPA) is gaining~~ a lot of popularity lately and the community [http://marmalade-repo.org/ Marmalade] repository already houses a few Emacs 24 themes that you can install from there. If you’re developing a theme that you’d like to submit to Marmalade it’s imperative that the theme modifies the <tt>custom-theme-load-path</tt> in ~~an <tt>autoload</tt> - otherwise it won’t be of much use. Add the following snippet (or something similar) before the <tt>provide-theme</tt> line if your custom theme:~~
−
−	~~<syntaxhighlight lang="lisp">~~
−	~~;;;###autoload~~
−	~~(when load-file-name~~
−	~~(add-to-list 'custom-theme-load-path~~
−	~~(file-name-as-directory (file-name-directory load-file-name))))~~
−	~~</syntaxhighlight>~~
−	~~I’d also advise you follow the proper naming convention <tt>name-theme.el</tt> so that it’s apparent that your theme is <tt>deftheme</tt> compatible~~.
−
−	~~Oh, and one more thing - porting themes from color-theme to deftheme is really simple (~~just ~~have~~ a ~~look at the old and the new version of Zenburn in its repo), so you should really consider porting all the themes you maintain to <tt>deftheme</tt>.~~
−
−	~~== Popular Color Themes ==~~
−
−	* [[Zenburn]]
−	* [[Solarized]]

← Older revision		Revision as of 19:40, 24 June 2012
Line 1:		Line 1:
−	~~Hello my friend heres my new gig easy~~ as it ~~looks Ill send u~~ a ~~total~~ of ~~5350++ backlinks~~ to your ~~website~~ in ~~2 tiers~~. ~~This gig~~ its ~~for 1 website~~ and up to ~~5 keywords~~. ~~First tier~~ to ~~your main website 350 page rank 1~~-5 and the the ~~second tier of 5000 profile backlinks pointing~~ to ~~your first tier~~.~~Ill send u~~ a ~~report~~ in a ~~txt~~ file ~~in less than 48 hours~~.~~Any question~~ just ~~send me~~ a ~~private message~~	+	== Basics ==
		+
		+	An Emacs theme is basically a set of [[Emacs Terminology#Faces \| faces]]. Emacs has a predefined set of core faces for basic things like comments, keywords, etc and by modifying those you can significantly alter the appearance of Emacs. Many modes add faces of their own as well. Prior to Emacs 24 the most popular way to incorporate custom color themes into Emacs was the [http://www.emacswiki.org/emacs/ColorTheme color-theme package]. While it usually got the job done it had some problems that we won’t be discussing here and more importantly - it’s a third-party package, that’s not part of Emacs proper. Emacs 24 comes with a selection of built-in themes that you can choose from, so you’re no longer bound to the default theme (which many find quite ugly). To choose a new theme just do a <tt>M-x load-theme</tt> (tab completion is available for the names of the available themes). At this point you can give the command a try with the <tt>tango</tt> theme. If you like a theme so much that you’d want to use it all the time you can put in your Emacs configuration (<tt>.emacs</tt> or <tt>init.el</tt> for instance) like this:
		+
		+	<syntaxhighlight lang="lisp">
		+	(load-theme 'theme-name t)
		+	</syntaxhighlight>
		+
		+	If you’d like to return to the default-theme just do a <tt>M-x disable-theme</tt>.
		+
		+	== Create Custom Themes ==
		+
		+	[http://batsov.com/articles/2011/08/19/a-peek-at-emacs24/ Emacs 24] finally introduced a new standard way of dealing with color themes (based on Emacs’s built-in [[Custom\|customize]] facility). While it doesn’t have a proper name (as far as I know) it’s commonly referred to as the <tt>deftheme</tt> facility, since <tt>deftheme</tt> is the name of the macro you’d use to create such a theme. ( <tt>deftheme</tt> has actually been around since Emacs 23, but it was heavily improved in Emacs 24 )
		+
		+	How do you create a <tt>deftheme</tt> theme? Quite simply actually - just do a “M-x customize-create-theme”. You’ll be presented with an UI prompting you for a theme name, description and faces. After you save the theme a file called <tt>name-theme.el</tt> will be written on your filesystem. Here’s its skeleton:
		+
		+	<syntaxhighlight lang="lisp">
		+	(deftheme demo
		+	"Demo theme")
		+
		+	(custom-theme-set-faces
		+	'demo
		+	;;; list of custom faces
		+	)
		+
		+	(provide-theme 'demo)
		+	</syntaxhighlight>
		+
		+	There was also an online theme generator [http://elpa.gnu.org/themes/ here], but it seems to be down at the moment.
		+
		+	If dislike customize, you can just have a look at the source code of the built-in tango (or any other) theme and use it as a reference.
		+
		+	Once you’ve created the new theme you’ll have to drop it in a folder that’s on the <tt>custom-theme-load-path</tt>. I’d suggest the following:
		+
		+	<syntaxhighlight lang="lisp">
		+	(add-to-list 'custom-theme-load-path "~/.emacs.d/themes)
		+	</syntaxhighlight>
		+
		+	If you’re an [https://github.com/bbatsov/emacs-prelude Emacs Prelude] user you’re already covered. This folder exists and is automatically added to <tt>custom-theme-load-path</tt> by Prelude, so all you have to do is drop there the themes you’d want to try out.
		+
		+	You may find the [http://julien.danjou.info/software/rainbow-mode rainbow-mode] useful when developing color themes. If fontifies strings that represent color codes according to those colors. The mode is known to be a great addition to css-mode, but I find it very helpful with color theme development as well. It’s also included (and enabled) in Prelude by default.
		+
		+	The Emacs package manager <tt>package.el</tt> (formerly known as ELPA) is gaining a lot of popularity lately and the community [http://marmalade-repo.org/ Marmalade] repository already houses a few Emacs 24 themes that you can install from there. If you’re developing a theme that you’d like to submit to Marmalade it’s imperative that the theme modifies the <tt>custom-theme-load-path</tt> in an <tt>autoload</tt> - otherwise it won’t be of much use. Add the following snippet (or something similar) before the <tt>provide-theme</tt> line if your custom theme:
		+
		+	<syntaxhighlight lang="lisp">
		+	;;;###autoload
		+	(when load-file-name
		+	(add-to-list 'custom-theme-load-path
		+	(file-name-as-directory (file-name-directory load-file-name))))
		+	</syntaxhighlight>
		+	I’d also advise you follow the proper naming convention <tt>name-theme.el</tt> so that it’s apparent that your theme is <tt>deftheme</tt> compatible.
		+
		+	Oh, and one more thing - porting themes from color-theme to deftheme is really simple (just have a look at the old and the new version of Zenburn in its repo), so you should really consider porting all the themes you maintain to <tt>deftheme</tt>.
		+
		+	== Popular Color Themes ==
		+
		+	* [[Zenburn]]
		+	* [[Solarized]]

@@ Line 3: / Line 3: @@
 An Emacs theme is basically a set of [[Emacs Terminology#Faces | faces]].  Emacs has a predefined set of core faces for basic things like comments, keywords, etc and by modifying those you can significantly alter the appearance of Emacs. Many modes add faces of their own as well. Prior to Emacs 24 the most popular way to incorporate custom color themes into Emacs was the [http://www.emacswiki.org/emacs/ColorTheme color-theme package]. While it usually got the job done it had some problems that we won’t be discussing here and more importantly - it’s a third-party package, that’s not part of Emacs proper. Emacs 24 comes with a selection of built-in themes that you can choose from, so you’re no longer bound to the default theme (which many find quite ugly). To choose a new theme just do a <tt>M-x load-theme</tt> (tab completion is available for the names of the available themes). At this point you can give the command a try with the <tt>tango</tt> theme. If you like a theme so much that you’d want to use it all the time you can put in your Emacs configuration (<tt>.emacs</tt> or <tt>init.el</tt> for instance) like this:
-<pre>(load-theme 'theme-name t)</pre>
+<syntaxhighlight lang="lisp">
 If you’d like to return to the default-theme just do a <tt>M-x disable-theme</tt>.
@@ Line 31: / Line 33: @@
 Once you’ve created the new theme you’ll have to drop it in a folder that’s on the <tt>custom-theme-load-path</tt>. I’d suggest the following:
-<pre class="lisp">(add-to-list 'custom-theme-load-path &quot;~/.emacs.d/themes&quot;)</pre>
+<syntaxhighlight lang="lisp">
 If you’re an [https://github.com/bbatsov/emacs-prelude Emacs Prelude] user you’re already covered. This folder exists and is automatically added to <tt>custom-theme-load-path</tt> by Prelude, so all you have to do is drop there the themes you’d want to try out.