kopia lustrzana https://github.com/miklobit/TiddlyWiki5
More palette tweaks and polish
Jermolene
rodzic
ca1daf5a4e
commit
118b841aa2
|
|
@ -0,0 +1,80 @@
|
|||
title: $:/palettes/Contrast
|
||||
name: Contrast
|
||||
description: High contrast and unambiguous
|
||||
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: #000000
|
||||
pre-background: #f5f5f5
|
||||
pre-border: #cccccc
|
||||
primary: #5778d8
|
||||
sidebar-controls-foreground-hover: #000000
|
||||
sidebar-controls-foreground: #ffffff
|
||||
sidebar-foreground: #ffffff
|
||||
sidebar-foreground-shadow: rgba(255,0,0, 0.5)
|
||||
sidebar-muted-foreground-hover: #444444
|
||||
sidebar-muted-foreground: #c0c0c0
|
||||
sidebar-tab-background-selected: #ececec
|
||||
sidebar-tiddler-link-foreground-hover: #444444
|
||||
sidebar-tiddler-link-foreground: #999999
|
||||
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: #d5ad34
|
||||
tag-foreground: #ffffff
|
||||
tiddler-background: <<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: #182955
|
||||
untagged-background: #999999
|
||||
very-muted-foreground: #888888
|
||||
|
|
@ -39,18 +39,19 @@ notification-border: #999999
|
|||
page-background: #ececfc
|
||||
pre-background: #f5f5f5
|
||||
pre-border: #cccccc
|
||||
primary: #5778d8
|
||||
primary: #d8b757
|
||||
sidebar-controls-foreground-hover: #000000
|
||||
sidebar-controls-foreground: #ffffff
|
||||
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-tab-background-selected: <<colour page-background>>
|
||||
sidebar-tiddler-link-foreground-hover: #444444
|
||||
sidebar-tiddler-link-foreground: #999999
|
||||
static-alert-foreground: #aaaaaa
|
||||
tab-background-selected: #ffffff
|
||||
tab-background: #d8d8d8
|
||||
tab-background-selected: <<colour background>>
|
||||
tab-background: #bad0f1
|
||||
tab-border-selected: #d8d8d8
|
||||
tab-border: #cccccc
|
||||
tab-divider: #d8d8d8
|
||||
|
|
|
|||
|
|
@ -42,6 +42,7 @@ primary: #5778d8
|
|||
sidebar-controls-foreground-hover: #000000
|
||||
sidebar-controls-foreground: #ffffff
|
||||
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
|
||||
|
|
|
|||
|
|
@ -1,5 +1,52 @@
|
|||
title: $:/core/ui/PageStylesheet
|
||||
|
||||
\define colour(name)
|
||||
<$transclude tiddler={{$:/palette}} index="$name$"/>
|
||||
\end
|
||||
\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 filter(filter)
|
||||
```
|
||||
-webkit-filter: $filter$;
|
||||
-moz-filter: $filter$;
|
||||
filter: $filter$;
|
||||
```
|
||||
\end
|
||||
\define transition(transition)
|
||||
```
|
||||
-webkit-transition: $transition$;
|
||||
-moz-transition: $transition$;
|
||||
transition: $transition$;
|
||||
```
|
||||
\end
|
||||
\define transform-origin(origin)
|
||||
```
|
||||
-webkit-transform-origin: $origin$;
|
||||
-moz-transform-origin: $origin$;
|
||||
transform-origin: $origin$;
|
||||
```
|
||||
\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
|
||||
<$list filter="[is[shadow]tag[$:/tags/stylesheet]] [!is[shadow]tag[$:/tags/stylesheet]]">
|
||||
<$transclude/>
|
||||
</$list>
|
||||
|
|
|
|||
|
|
@ -2,53 +2,9 @@ title: $:/themes/tiddlywiki/snowwhite/base
|
|||
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 filter(filter)
|
||||
```
|
||||
-webkit-filter: $filter$;
|
||||
-moz-filter: $filter$;
|
||||
filter: $filter$;
|
||||
```
|
||||
\end
|
||||
\define transition(transition)
|
||||
```
|
||||
-webkit-transition: $transition$;
|
||||
-moz-transition: $transition$;
|
||||
transition: $transition$;
|
||||
```
|
||||
\end
|
||||
\define transform-origin(origin)
|
||||
```
|
||||
-webkit-transform-origin: $origin$;
|
||||
-moz-transform-origin: $origin$;
|
||||
transform-origin: $origin$;
|
||||
```
|
||||
\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
|
||||
|
||||
.sidebar-header {
|
||||
text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
|
||||
text-shadow: 0 1px 0 <<colour sidebar-foreground-shadow>>;
|
||||
}
|
||||
|
||||
.tw-page-controls svg {
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
title: $:/themes/tiddlywiki/starlight/themetweaks
|
||||
tags: $:/tags/ControlPanel
|
||||
tags: $:/tags/ControlPanel/Appearance
|
||||
caption: Star Tweaks
|
||||
|
||||
Demo of a control panel tab dynamically loaded with a theme.
|
||||
|
|
|
|||
|
|
@ -6,24 +6,6 @@ You can tweak certain aspects of the ''Vanilla'' theme.
|
|||
|
||||
//Take care to preserve any backticks (`) in the settings//
|
||||
|
||||
! Colours
|
||||
|
||||
* Primary colour: <$edit-text tiddler="$:/themes/tiddlywiki/vanilla/colours" index="primary" default="" tag="input" type="color"/>
|
||||
* Background colour: <$edit-text tiddler="$:/themes/tiddlywiki/vanilla/colours" index="background" default="" tag="input" type="color"/>
|
||||
* Foreground colour: <$edit-text tiddler="$:/themes/tiddlywiki/vanilla/colours" index="foreground" default="" tag="input" type="color"/>
|
||||
* Page background colour: <$edit-text tiddler="$:/themes/tiddlywiki/vanilla/colours" index="pagebackground" default="" tag="input" type="color"/>
|
||||
* Medium contrast color: <$edit-text tiddler="$:/themes/tiddlywiki/vanilla/colours" index="medium" default="" tag="input" type="color"/>
|
||||
|
||||
! Colour mappings
|
||||
|
||||
* Tiddler background colour mapping: <$edit-text tiddler="$:/themes/tiddlywiki/vanilla/colourmappings" index="tiddlerbackground" default="" tag="input"/>
|
||||
* Tiddler foreground colour mapping: <$edit-text tiddler="$:/themes/tiddlywiki/vanilla/colourmappings" index="foreground" default="" tag="input"/>
|
||||
* Page background colour mapping: <$edit-text tiddler="$:/themes/tiddlywiki/vanilla/colourmappings" index="pagebackground" default="" tag="input"/>
|
||||
* Link background colour mapping: <$edit-text tiddler="$:/themes/tiddlywiki/vanilla/colourmappings" index="linkbackground" default="" tag="input"/>
|
||||
* Link foreground colour mapping: <$edit-text tiddler="$:/themes/tiddlywiki/vanilla/colourmappings" index="linkforeground" default="" tag="input"/>
|
||||
* Dropdown background colour mapping: <$edit-text tiddler="$:/themes/tiddlywiki/vanilla/colourmappings" index="dropdownbackground" default="" tag="input"/>
|
||||
* Dropdown border colour mapping: <$edit-text tiddler="$:/themes/tiddlywiki/vanilla/colourmappings" index="dropdownborder" default="" tag="input"/>
|
||||
|
||||
! Settings
|
||||
|
||||
* Font family: <$edit-text tiddler="$:/themes/tiddlywiki/vanilla/settings" index="fontfamily" default="" tag="input"/>
|
||||
|
|
|
|||
|
|
@ -2,17 +2,6 @@ title: $:/themes/tiddlywiki/vanilla/base
|
|||
tags: [[$:/tags/stylesheet]]
|
||||
|
||||
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline
|
||||
\define colour(name)
|
||||
<$transclude tiddler={{$:/palette}} index="$name$"/>
|
||||
\end
|
||||
\define border-radius(radius)
|
||||
```
|
||||
-webkit-border-radius: $radius$;
|
||||
-moz-border-radius: $radius$;
|
||||
border-radius: $radius$;
|
||||
```
|
||||
\end
|
||||
|
||||
/*
|
||||
** Start with the normalize CSS reset, and then belay some of its effects
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -1,10 +0,0 @@
|
|||
title: $:/themes/tiddlywiki/vanilla/colourmappings
|
||||
type: application/x-tiddler-dictionary
|
||||
|
||||
tiddlerbackground: {{$:/themes/tiddlywiki/vanilla/colours##background}}
|
||||
foreground: {{$:/themes/tiddlywiki/vanilla/colours##foreground}}
|
||||
pagebackground: {{$:/themes/tiddlywiki/vanilla/colours##pagebackground}}
|
||||
linkbackground: {{$:/themes/tiddlywiki/vanilla/colours##background}}
|
||||
linkforeground: {{$:/themes/tiddlywiki/vanilla/colours##primary}}
|
||||
dropdownbackground: {{$:/themes/tiddlywiki/vanilla/colours##background}}
|
||||
dropdownborder: {{$:/themes/tiddlywiki/vanilla/colours##medium}}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
title: $:/themes/tiddlywiki/vanilla/colours
|
||||
type: application/x-tiddler-dictionary
|
||||
|
||||
primary: #5778D8
|
||||
background: #ffffff
|
||||
foreground: #333333
|
||||
pagebackground: #ececec
|
||||
medium: #bbbbbb
|
||||
Ładowanie…
Reference in New Issue