1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-12-24 00:50:28 +00:00

Add new seamless theme

Gets rid of the borders around tiddlers, and tightens up the use of
white space. Works particularly well with the sidebar hidden.
This commit is contained in:
Jermolene 2014-04-14 13:12:44 +01:00
parent 4c648e7cdc
commit aa243e4478
3 changed files with 85 additions and 0 deletions

View File

@ -11,6 +11,7 @@
"tiddlywiki/snowwhite",
"tiddlywiki/nighttime",
"tiddlywiki/starlight",
"tiddlywiki/seamless",
"tiddlywiki/stickytitles",
"tiddlywiki/centralised",
"tiddlywiki/readonly"

View File

@ -0,0 +1,75 @@
title: $:/themes/tiddlywiki/seamless/base
tags: [[$:/tags/stylesheet]]
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline
.tw-page-controls button svg, .tw-tiddler-controls button svg, .tw-topbar button svg {
<<transition "fill 150ms ease-in-out">>
}
.tw-tiddler-controls button.tw-selected svg {
<<filter "drop-shadow(0px -1px 2px rgba(0,0,0,0.25))">>
}
.tw-drop-down {
border-radius: 4px;
<<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">>
}
.tw-block-dropdown {
border-radius: 4px;
<<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">>
}
.tw-modal-displayed {
-webkit-filter: blur(4px);
}
.modal {
border-radius: 6px;
<<box-shadow "0 3px 7px rgba(0,0,0,0.3)">>
}
.modal-footer {
border-radius: 0 0 6px 6px;
<<box-shadow "inset 0 1px 0 #fff">>;
}
.tw-alert {
border-radius: 6px;
<<box-shadow "0 3px 7px rgba(0,0,0,0.6)">>
}
.tw-notification {
border-radius: 6px;
<<box-shadow "0 3px 7px rgba(0,0,0,0.3)">>
text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
}
.tw-message-box img {
<<box-shadow "1px 1px 3px rgba(0,0,0,0.5)">>
}
@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics##storywidth}}) {
body.tw-body .tw-tiddler-frame {
padding: 0;
}
body.tw-body .tw-sidebar-scrollable {
padding: 57px 0 28px 42px;
}
}
html body.tw-body {
background-color: <<colour background>>;
}
body.tw-body .tw-page-controls svg {
fill: <<colour muted-foreground>>;
}
body.tw-body .tw-sidebar-lists .tw-tab-buttons button.tw-tab-selected {
background-color: <<colour background>>;
}

View File

@ -0,0 +1,9 @@
{
"title": "$:/themes/tiddlywiki/seamless",
"name": "Seamless",
"author": "JeremyRuston",
"core-version": ">=5.0.0",
"plugin-type": "theme",
"description": "Borderless tiddlers",
"dependents": ["$:/themes/tiddlywiki/vanilla"]
}