Add an alternate theme

No UI for switching themes yet, try these two commands in the console:

`$tw.wiki.addTiddler({title:"$:/theme",
text:"$:/themes/tiddlywiki/starlight"})`

and

`$tw.wiki.addTiddler({title:"$:/theme",
text:"$:/themes/tiddlywiki/snowwhite"})`
This commit is contained in:
Jeremy Ruston 2013-04-30 22:58:18 +01:00
parent 523d70127b
commit 5c56d645ff
3 changed files with 46 additions and 1 deletions

View File

@ -3,6 +3,7 @@
"tiddlywiki/fullscreen"
],
"themes": [
"tiddlywiki/snowwhite"
"tiddlywiki/snowwhite",
"tiddlywiki/starlight"
]
}

View File

@ -0,0 +1,9 @@
{
"title": "$:/themes/tiddlywiki/starlight",
"description": "A simple, dark layout",
"author": "JeremyRuston",
"version": "0.0.0",
"core-version": ">=5.0.0",
"plugin-type": "theme",
"dependents": ["$:/themes/tiddlywiki/snowwhite"]
}

View File

@ -0,0 +1,35 @@
title: $:/themes/tiddlywiki/starlight/styles.tid
tags: [[$:/tags/stylesheet]]
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline
\define border-radius(radius)
```
-webkit-border-radius: $radius$;
-moz-border-radius: $radius$;
border-radius: $radius$;
```
\end
\define box-shadow(shadow)
```
-webkit-box-shadow: $shadow$;
-moz-box-shadow: $shadow$;
box-shadow: $shadow$;
```
\end
\define background-linear-gradient(gradient)
```
background-image: linear-gradient($gradient$);
background-image: -o-linear-gradient($gradient$);
background-image: -moz-linear-gradient($gradient$);
background-image: -webkit-linear-gradient($gradient$);
background-image: -ms-linear-gradient($gradient$);
```
\end
/*
Placeholder for a more thorough refinement of Snow White
*/
html body {
font-family: "Georgia", "Times";
}