Convert @giffmex themes into colour palettes

Although there are some style changes in the existing themes they’re
mostly a matter of a changed palette.

@giffmex - I’ll send you a prerelease of 5.0.8 so that you can tweak
the palettes if you’ve got time.
This commit is contained in:
Jermolene 2014-02-22 11:00:51 +00:00
parent d6a44b67a3
commit 199fdb090d
13 changed files with 179 additions and 205 deletions

81
core/palettes/Blanca.tid Normal file
View File

@ -0,0 +1,81 @@
title: $:/palettes/Blanca
name: Blanca
description: A clean white palette to let you focus
tags: $:/tags/Palette
type: application/x-tiddler-dictionary
alert-background: #ffe476
alert-border: #b99e2f
alert-highlight: #881122
alert-muted-foreground: #b99e2f
background: #ffffff
blockquote-bar: <<colour muted-foreground>>
code-background: #f7f7f9
code-border: #e1e1e8
code-foreground: #dd1144
download-background: #34c734
download-foreground: <<colour background>>
dragger-background: <<colour foreground>>
dragger-foreground: <<colour background>>
dropdown-background: <<colour background>>
dropdown-border: <<colour muted-foreground>>
dropdown-tab-background-selected: #fff
dropdown-tab-background: #ececec
dropzone-background: rgba(0,200,0,0.7)
foreground: #333333
message-background: #ecf2ff
message-border: #cfd6e6
message-foreground: #547599
modal-backdrop: <<colour foreground>>
modal-background: <<colour background>>
modal-border: #999999
modal-footer-background: #f5f5f5
modal-footer-border: #dddddd
modal-header-border: #eeeeee
muted-foreground: #999999
notification-background: #ffffdd
notification-border: #999999
page-background: #ffffff
pre-background: #f5f5f5
pre-border: #cccccc
primary: #5778d8
sidebar-controls-foreground-hover: #000000
sidebar-controls-foreground: #ccc
sidebar-foreground: #acacac
sidebar-foreground-shadow: rgba(255,255,255, 0.8)
sidebar-muted-foreground-hover: #444444
sidebar-muted-foreground: #c0c0c0
sidebar-tab-background-selected: #ececec
sidebar-tiddler-link-foreground-hover: #444444
sidebar-tiddler-link-foreground: #5959c0
static-alert-foreground: #aaaaaa
tab-background-selected: #ffffff
tab-background: #eee
tab-border-selected: #fff
tab-border: #cccccc
tab-divider: #d8d8d8
tab-foreground: #666666
table-border: #000
table-footer-background: #a8a8a8
table-header-background: #eee
tag-background: #ffeebb
tag-foreground: #000
tiddler-background: <<colour background>>
tiddler-border: #eee
tiddler-controls-foreground-hover: #888888
tiddler-controls-foreground-selected: #444444
tiddler-controls-foreground: #cccccc
tiddler-editor-background: #f8f8f8
tiddler-editor-border-image: #ffffff
tiddler-editor-border: #cccccc
tiddler-editor-fields-even: #e0e8e0
tiddler-editor-fields-odd: #f0f4f0
tiddler-info-background: #f8f8f8
tiddler-info-border: #dddddd
tiddler-info-tab-background: #f8f8f8
tiddler-link-background: <<colour background>>
tiddler-link-foreground: <<colour primary>>
tiddler-subtitle-foreground: #c0c0c0
tiddler-title-foreground: #ff9900
untagged-background: #999999
very-muted-foreground: #888888

View File

@ -1,6 +1,6 @@
title: $:/palettes/Sky
name: Sky
description: Largely blue
title: $:/palettes/Blue
name: Blue
description: A blue theme
tags: $:/tags/Palette
type: application/x-tiddler-dictionary
@ -8,7 +8,7 @@ alert-background: #ffe476
alert-border: #b99e2f
alert-highlight: #881122
alert-muted-foreground: #b99e2f
background: #f9f9ff
background: #fff
blockquote-bar: <<colour muted-foreground>>
code-background: #f7f7f9
code-border: #e1e1e8
@ -35,10 +35,10 @@ modal-header-border: #eeeeee
muted-foreground: #999999
notification-background: #ffffdd
notification-border: #999999
page-background: #ececfc
page-background: #ddddff
pre-background: #f5f5f5
pre-border: #cccccc
primary: #F0B812
primary: #5778d8
sidebar-controls-foreground-hover: #000000
sidebar-controls-foreground: #ffffff
sidebar-foreground: #acacac
@ -47,20 +47,21 @@ sidebar-muted-foreground-hover: #444444
sidebar-muted-foreground: #c0c0c0
sidebar-tab-background-selected: <<colour page-background>>
sidebar-tiddler-link-foreground-hover: #444444
sidebar-tiddler-link-foreground: #999999
sidebar-tiddler-link-foreground: #5959c0
static-alert-foreground: #aaaaaa
tab-background-selected: <<colour background>>
tab-background: #bad0f1
tab-border-selected: #d8d8d8
tab-background: #ccccdd
tab-border-selected: #ccccdd
tab-border: #cccccc
tab-divider: #d8d8d8
tab-foreground: #666666
table-border: #dddddd
table-footer-background: #a8a8a8
table-header-background: #f0f0f0
tag-background: #d5ad34
tag-foreground: #ffffff
tag-background: #eeeeff
tag-foreground: #000
tiddler-background: <<colour background>>
tiddler-border: <<colour background>>
tiddler-controls-foreground-hover: #888888
tiddler-controls-foreground-selected: #444444
tiddler-controls-foreground: #cccccc
@ -75,6 +76,6 @@ tiddler-info-tab-background: #ffffff
tiddler-link-background: <<colour background>>
tiddler-link-foreground: <<colour primary>>
tiddler-subtitle-foreground: #c0c0c0
tiddler-title-foreground: #182955
tiddler-title-foreground: #5959c0
untagged-background: #999999
very-muted-foreground: #888888

View File

@ -61,6 +61,7 @@ table-header-background: #f0f0f0
tag-background: #d5ad34
tag-foreground: #ffffff
tiddler-background: <<colour background>>
tiddler-border: <<colour background>>
tiddler-controls-foreground-hover: #888888
tiddler-controls-foreground-selected: #444444
tiddler-controls-foreground: #cccccc

81
core/palettes/Rocker.tid Normal file
View File

@ -0,0 +1,81 @@
title: $:/palettes/Rocker
name: Rocker
description: A dark theme
tags: $:/tags/Palette
type: application/x-tiddler-dictionary
alert-background: #ffe476
alert-border: #b99e2f
alert-highlight: #881122
alert-muted-foreground: #b99e2f
background: #ffffff
blockquote-bar: <<colour muted-foreground>>
code-background: #f7f7f9
code-border: #e1e1e8
code-foreground: #dd1144
download-background: #34c734
download-foreground: <<colour background>>
dragger-background: <<colour foreground>>
dragger-foreground: <<colour background>>
dropdown-background: <<colour background>>
dropdown-border: <<colour muted-foreground>>
dropdown-tab-background-selected: #fff
dropdown-tab-background: #ececec
dropzone-background: rgba(0,200,0,0.7)
foreground: #333333
message-background: #ecf2ff
message-border: #cfd6e6
message-foreground: #547599
modal-backdrop: <<colour foreground>>
modal-background: <<colour background>>
modal-border: #999999
modal-footer-background: #f5f5f5
modal-footer-border: #dddddd
modal-header-border: #eeeeee
muted-foreground: #999999
notification-background: #ffffdd
notification-border: #999999
page-background: #000
pre-background: #f5f5f5
pre-border: #cccccc
primary: #cc0000
sidebar-controls-foreground-hover: #000000
sidebar-controls-foreground: #ffffff
sidebar-foreground: #acacac
sidebar-foreground-shadow: rgba(255,255,255, 0.0)
sidebar-muted-foreground-hover: #444444
sidebar-muted-foreground: #c0c0c0
sidebar-tab-background-selected: #000
sidebar-tiddler-link-foreground-hover: #444444
sidebar-tiddler-link-foreground: #cc0000
static-alert-foreground: #aaaaaa
tab-background-selected: #ffffff
tab-background: #d8d8d8
tab-border-selected: #d8d8d8
tab-border: #cccccc
tab-divider: #d8d8d8
tab-foreground: #666666
table-border: #dddddd
table-footer-background: #a8a8a8
table-header-background: #f0f0f0
tag-background: #ffbb99
tag-foreground: #000
tiddler-background: <<colour background>>
tiddler-border: <<colour background>>
tiddler-controls-foreground-hover: #888888
tiddler-controls-foreground-selected: #444444
tiddler-controls-foreground: #cccccc
tiddler-editor-background: #f8f8f8
tiddler-editor-border-image: #ffffff
tiddler-editor-border: #cccccc
tiddler-editor-fields-even: #e0e8e0
tiddler-editor-fields-odd: #f0f4f0
tiddler-info-background: #f8f8f8
tiddler-info-border: #dddddd
tiddler-info-tab-background: #f8f8f8
tiddler-link-background: <<colour background>>
tiddler-link-foreground: <<colour primary>>
tiddler-subtitle-foreground: #c0c0c0
tiddler-title-foreground: #cc0000
untagged-background: #999999
very-muted-foreground: #888888

View File

@ -61,6 +61,7 @@ table-header-background: #f0f0f0
tag-background: #d5ad34
tag-foreground: #ffffff
tiddler-background: <<colour background>>
tiddler-border: <<colour background>>
tiddler-controls-foreground-hover: #888888
tiddler-controls-foreground-selected: #444444
tiddler-controls-foreground: #cccccc

View File

@ -6,4 +6,4 @@ type: text/vnd.tiddlywiki
This brief introduction shows how to install and use TiddlyDesktop:
<iframe width="560" height="315" src="http://www.youtube.com/embed/i3Bggkm7paA" frameborder="0" allowfullscreen></iframe>
<iframe width="560" height="315" src="http://www.youtube.com/embed/i3Bggkm7paA?version=3&enablejsapi=1" frameborder="0" allowfullscreen></iframe>

View File

@ -1,10 +0,0 @@
{
"title": "$:/themes/giffmex/blanca",
"name": "Blanca",
"author": "DaveGifford",
"version": "0.0.0",
"core-version": ">=5.0.0",
"plugin-type": "theme",
"description": "A clean white theme to let you focus",
"dependents": ["$:/themes/tiddlywiki/snowwhite"]
}

View File

@ -1,60 +0,0 @@
title: $:/themes/giffmex/blanca/styles
tags: [[$:/tags/stylesheet]]
html body.tw-body {
font-size:14px;
line-height:20px;
background-color:#ffffff;
}
html .tw-page-controls {background-color:#ffffff;
padding:8px;}
html .tw-sidebar-lists a.tw-tiddlylink {
color: #5959c0;
}
html h1 {
font-size: 1.5em;
margin: 0.67em 0;
padding-top:1em;}
html table th {padding:10px;vertical-align:top;}
html table td {padding:10px;vertical-align:top; background-color:#ffffff;}
html table th {color: #000;background-color:#eee;font-weight:normal;}
html table th {border-color:#000;}
html table td {border-color:#000;}
html table {border-color:#000;}
html .blueTable td {background-color:#eeeeff;}
html .blueTable th {background-color: #cccccc;}
html .tw-tag-label {
font-weight:normal;
padding: 4px 6px;
color: #000000;
text-shadow: none;
background-color: #ffeebb;
}
html .title {
color: #ff9900;
}
html .tw-tiddler-frame {
border-style:solid;border-color:#eee;border-width:1px;
}
html .tw-tab-buttons button {
background-color: #eee;
}
html .tw-tab-buttons button.tw-tab-selected {
background-color: #ffffff;
border-bottom: 1px solid #ffffff;
}
html svg.tw-image-new-button, html svg.tw-image-options-button, html svg.tw-image-save-button {
fill: #cccccc;
}

View File

@ -1,10 +0,0 @@
{
"title": "$:/themes/giffmex/blue",
"name": "Blue",
"author": "DaveGifford",
"version": "0.0.0",
"core-version": ">=5.0.0",
"plugin-type": "theme",
"description": "A blue theme",
"dependents": ["$:/themes/tiddlywiki/snowwhite"]
}

View File

@ -1,53 +0,0 @@
title: $:/themes/giffmex/blue/styles
tags: [[$:/tags/stylesheet]]
html body.tw-body {
font-size:14px;
line-height:20px;
background-color:#ddddff;
}
html .tw-sidebar-lists a.tw-tiddlylink {
color: #5959c0;
}
html .tw-page-controls {background-color:#ddddff;
padding:8px;}
html .title {
color: #5959c0;
}
html .tw-tab-buttons button {
background-color: #ccccdd;
}
html .tw-tab-buttons button.tw-tab-selected {
background-color: #ddddff;
border-bottom: 1px solid #ddddff;
}
html .tw-tag-label {
font-weight:normal;
padding: 4px 6px;
color: #000000;
text-shadow: none;
background-color: #eeeeff;
}
html h1 {
font-size: 1.5em;
margin: 0.67em 0;
padding-top:1em;}
html table th {padding:10px;vertical-align:top;}
html table td {padding:10px;vertical-align:top; background-color:#ffffff;}
html table th {color: #000;background-color:#eee;font-weight:normal;}
html table th {border-color:#000;}
html table td {border-color:#000;}
html table {border-color:#000;}
html .btn-mini {
color: #c0c0c0;
}

View File

@ -1,10 +0,0 @@
{
"title": "$:/themes/giffmex/rocker",
"name": "Rocker",
"author": "DaveGifford",
"version": "0.0.0",
"core-version": ">=5.0.0",
"plugin-type": "theme",
"description": "A dark theme",
"dependents": ["$:/themes/tiddlywiki/snowwhite"]
}

View File

@ -1,49 +0,0 @@
title: $:/themes/giffmex/rocker/styles
tags: [[$:/tags/stylesheet]]
html body.tw-body { font-size:14px;line-height:20px; background-color:#000000;}
html .tw-page-controls {background-color:#000000; padding:8px;}
html .title {color: #cc0000;}
html a.tw-tiddlylink {text-decoration: none;font-style: normal;font-weight: bold;color: #cc0000;}
html .tw-sidebar-lists a.tw-tiddlylink {color: #cc0000;}
html .sidebar-header {text-shadow: none;}
html .tw-tag-label {
font-weight:normal;
padding: 4px 6px;
color: #000000;
text-shadow: none;
background-color: #ffbb99;
}
html .tw-missing-tiddler-label {
font-style: italic;
font-weight: normal;
color:#cc0000;
}
html .tw-tab-buttons button {background-color: #000;color:#cc0000;font-weight:bold;border: 1px solid #665544;}
html .tw-tab-buttons button.tw-tab-selected {background-color: #000;color:#ff8800;font-weight:bold;border-bottom: 1px solid #000;}
html .tw-tab-divider {
border: 1px solid #654;
}
html h1 {
font-size: 1.5em;
margin: 0.67em 0;
padding-top:1em;}
html table th {padding:10px;vertical-align:top;}
html table td {padding:10px;vertical-align:top; background-color:#ffffff;}
html table th {color: #000;background-color:#eee;font-weight:normal;}
html table th {border-color:#000;}
html table td {border-color:#000;}
html table {border-color:#000;}
html .sidebar-header {
color: #ccc;
}

View File

@ -404,6 +404,7 @@ a.tw-tiddlylink-external {
.tw-tiddler-frame {
margin-bottom: 28px;
background-color: <<colour tiddler-background>>;
border: 1px solid <<colour tiddler-border>>;
}
.tw-tiddler-info {