mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-12-24 17:10:29 +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:
parent
4c648e7cdc
commit
aa243e4478
@ -11,6 +11,7 @@
|
||||
"tiddlywiki/snowwhite",
|
||||
"tiddlywiki/nighttime",
|
||||
"tiddlywiki/starlight",
|
||||
"tiddlywiki/seamless",
|
||||
"tiddlywiki/stickytitles",
|
||||
"tiddlywiki/centralised",
|
||||
"tiddlywiki/readonly"
|
||||
|
75
themes/tiddlywiki/seamless/base.tid
Normal file
75
themes/tiddlywiki/seamless/base.tid
Normal 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>>;
|
||||
}
|
9
themes/tiddlywiki/seamless/plugin.info
Normal file
9
themes/tiddlywiki/seamless/plugin.info
Normal 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"]
|
||||
}
|
Loading…
Reference in New Issue
Block a user