clone/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/TiddlyWiki/TiddlyWiki5.git synced 2026-04-25 06:35:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use currentColor to style svg (#9316)

Browse Source 
* Replace fill: with currentColor

* Remove fill from wikitext

* Replace fill property with color property for svg selectors

* Further remove fill property

* Replace more fill properties

* Replace fill in seamless theme

* Replace fill in plugins
This commit is contained in:
Leilei332
2025-10-07 18:55:26 +08:00
committed by GitHub
parent 7e91bac6b8
commit dc7f2a57bb
12 changed files with 60 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
core/ui/EditTemplate/tags.tid
View File

@@ -17,13 +17,11 @@ tags: $:/tags/EditTemplate
<$let backgroundColor=<<colour>> > <$let backgroundColor=<<colour>> >
<span class="tc-tag-label tc-tag-list-item tc-small-gap-right" <span class="tc-tag-label tc-tag-list-item tc-small-gap-right"
data-tag-title=<<currentTiddler>> data-tag-title=<<currentTiddler>>
style=`color:$(foregroundColor)$; fill:$(foregroundColor)$; background-color:$(backgroundColor)$;` style=`color:$(foregroundColor)$; background-color:$(backgroundColor)$;`
> >
<$transclude tiddler=<<icon>>/> <$transclude tiddler=<<icon>>/>
<$view field="title" format="text"/> <$view field="title" format="text"/>
<$button class="tc-btn-invisible tc-remove-tag-button" <$button class="tc-btn-invisible tc-remove-tag-button">
style.fill=<<foregroundColor>>
>
<$action-listops $tiddler=<<saveTiddler>> $field=<<tagField>> $subfilter="-[{!!title}]"/> <$action-listops $tiddler=<<saveTiddler>> $field=<<tagField>> $subfilter="-[{!!title}]"/>
{{$:/core/images/close-button}} {{$:/core/images/close-button}}
</$button> </$button>

2
core/ui/ViewTemplate/title.tid
View File

@@ -2,7 +2,7 @@ title: $:/core/ui/ViewTemplate/title
tags: $:/tags/ViewTemplate tags: $:/tags/ViewTemplate
\whitespace trim \whitespace trim
\define title-styles() fill:$(foregroundColor)$; \define title-styles() color:$(foregroundColor)$;
<div class="tc-tiddler-title tc-clearfix"> <div class="tc-tiddler-title tc-clearfix">
<div class="tc-titlebar"> <div class="tc-titlebar">

1
core/wiki/macros/tag.tid
View File

@@ -3,7 +3,6 @@ tags: $:/tags/Macro
\define tag-pill-styles() \define tag-pill-styles()
background-color:$(backgroundColor)$; background-color:$(backgroundColor)$;
fill:$(foregroundColor)$;
color:$(foregroundColor)$; color:$(foregroundColor)$;
\end \end

2
core/wiki/macros/thumbnails.tid
View File

@@ -21,7 +21,7 @@ tags: $:/tags/Macro
style="width:$width$px;height:$height$px;background-color:$background-color$;" style="width:$width$px;height:$height$px;background-color:$background-color$;"
></$reveal></div><div ></$reveal></div><div
class="tc-thumbnail-icon" class="tc-thumbnail-icon"
style="fill:$color$;color:$color$;" style="color:$color$;"
>$icon$</div><div class="tc-thumbnail-caption">$caption$</div></div></$link> >$icon$</div><div class="tc-thumbnail-caption">$caption$</div></div></$link>
\end \end

2
plugins/tiddlywiki/comments/styles.tid
View File

@@ -25,7 +25,7 @@ tags: [[$:/tags/Stylesheet]]
} }
.tc-comment-button button svg { .tc-comment-button button svg {
fill: <<colour download-background>>; color: <<colour download-background>>;
height: 2em; height: 2em;
width: 2em; width: 2em;
} }

16
plugins/tiddlywiki/menubar/styles.tid
View File

@@ -87,8 +87,6 @@ nav.tc-menubar li.tc-menubar-item > button {
font-weight: 700; font-weight: 700;
color: <<colour foreground>>; color: <<colour foreground>>;
color: <<colour menubar-foreground>>; color: <<colour menubar-foreground>>;
fill: <<colour foreground>>;
fill: <<colour menubar-foreground>>;
text-decoration: none; text-decoration: none;
padding: 0.5em; padding: 0.5em;
margin: 0; margin: 0;
@@ -105,16 +103,14 @@ nav.tc-menubar li.tc-menubar-item > button.tc-selected {
background: <<colour menubar-foreground>>; background: <<colour menubar-foreground>>;
color: <<colour background>>; color: <<colour background>>;
color: <<colour menubar-background>>; color: <<colour menubar-background>>;
fill: <<colour background>>;
fill: <<colour menubar-background>>;
} }
nav.tc-menubar li.tc-menubar-item svg { nav.tc-menubar li.tc-menubar-item svg {
transition: none; transition: none;
width: 1em; width: 1em;
height: 1em; height: 1em;
fill: <<colour foreground>>; color: <<colour foreground>>;
fill: <<colour menubar-foreground>>; color: <<colour menubar-foreground>>;
} }
nav.tc-menubar li.tc-menubar-item .tc-menubar-dropdown-arrow svg { nav.tc-menubar li.tc-menubar-item .tc-menubar-dropdown-arrow svg {
@@ -124,8 +120,8 @@ nav.tc-menubar li.tc-menubar-item .tc-menubar-dropdown-arrow svg {
nav.tc-menubar li.tc-menubar-item > a.tc-selected svg, nav.tc-menubar li.tc-menubar-item > a.tc-selected svg,
nav.tc-menubar li.tc-menubar-item > button.tc-selected svg { nav.tc-menubar li.tc-menubar-item > button.tc-selected svg {
fill: <<colour background>>; color: <<colour background>>;
fill: <<colour menubar-background>>; color: <<colour menubar-background>>;
} }
nav.tc-menubar li.tc-menubar-item > a:hover, nav.tc-menubar li.tc-menubar-item > a:hover,
@@ -135,8 +131,6 @@ nav.tc-menubar li.tc-menubar-item > button:hover {
background: <<colour menubar-foreground>>; background: <<colour menubar-foreground>>;
color: <<colour background>>; color: <<colour background>>;
color: <<colour menubar-background>>; color: <<colour menubar-background>>;
fill: <<colour background>>;
fill: <<colour menubar-background>>;
border-radius: 0; border-radius: 0;
text-decoration: none; text-decoration: none;
} }
@@ -148,8 +142,6 @@ nav.tc-menubar li.tc-menubar-item > button:active {
background: <<colour menubar-foreground>>; background: <<colour menubar-foreground>>;
color: <<colour background>>; color: <<colour background>>;
color: <<colour menubar-background>>; color: <<colour menubar-background>>;
fill: <<colour background>>;
fill: <<colour menubar-background>>;
border-radius: 0; border-radius: 0;
text-decoration: none; text-decoration: none;
} }

2
plugins/tiddlywiki/text-slicer/styles.tid
View File

@@ -96,7 +96,7 @@ div.tc-edit-template-document-tiddler-heading a:hover {
.tc-view-template-document-tiddler-heading-icon svg, .tc-view-template-document-tiddler-heading-icon svg,
.tc-edit-template-document-tiddler-heading-icon svg { .tc-edit-template-document-tiddler-heading-icon svg {
fill: <<colour background>>; color: <<colour background>>;
} }
.tc-view-template-document-tiddler { .tc-view-template-document-tiddler {

1
plugins/tiddlywiki/tour/simplified-tiddler-with-tags.tid
View File

@@ -3,7 +3,6 @@ title: $:/plugins/tiddlywiki/tour/simplified-tiddler-with-tags
\whitespace trim \whitespace trim
\define tag-pill-styles() \define tag-pill-styles()
background-color:$(backgroundColor)$; background-color:$(backgroundColor)$;
fill:$(foregroundColor)$;
color:$(foregroundColor)$; color:$(foregroundColor)$;
\end \end

5
plugins/tiddlywiki/tour/styles.tid
View File

@@ -66,7 +66,6 @@ tags: $:/tags/Stylesheet
.tc-tour-panel-controls .tc-tour-panel-list-button.tc-selected { .tc-tour-panel-controls .tc-tour-panel-list-button.tc-selected {
color: <<colour tour-chooser-button-selected-foreground>>; color: <<colour tour-chooser-button-selected-foreground>>;
fill: <<colour tour-chooser-button-selected-foreground>>;
background: <<color tour-chooser-button-selected-background>>; background: <<color tour-chooser-button-selected-background>>;
} }
@@ -104,7 +103,6 @@ tags: $:/tags/Stylesheet
border-radius: 1em; border-radius: 1em;
background: <<colour tour-chooser-item-start-background>>; background: <<colour tour-chooser-item-start-background>>;
color: <<colour tour-chooser-item-start-foreground>>; color: <<colour tour-chooser-item-start-foreground>>;
fill: <<colour tour-chooser-item-start-foreground>>;
text-transform: uppercase; text-transform: uppercase;
} }
@@ -167,7 +165,7 @@ tags: $:/tags/Stylesheet
} }
.tc-tour-task svg { .tc-tour-task svg {
fill: <<colour tour-step-task-foreground>>; color: <<colour tour-step-task-foreground>>;
vertical-align: middle; vertical-align: middle;
width: 1.2em; width: 1.2em;
height: 1.2em; height: 1.2em;
@@ -240,7 +238,6 @@ tags: $:/tags/Stylesheet
.tc-tour-settings-tour-step-launch-button:hover { .tc-tour-settings-tour-step-launch-button:hover {
background: <<colour foreground>>; background: <<colour foreground>>;
color: <<colour background>>; color: <<colour background>>;
fill: <<colour background>>;
} }
.tc-tour-settings-tour-step-heading-step-number { .tc-tour-settings-tour-step-heading-step-number {

4
plugins/tiddlywiki/upgrade/styles.tid
View File

@@ -20,11 +20,11 @@ tags: $:/tags/Stylesheet
.tc-upgrade-wizard svg.tc-image-download-button { .tc-upgrade-wizard svg.tc-image-download-button {
width: 14em; width: 14em;
height: 14em; height: 14em;
fill: <<colour muted-foreground>>; color: <<colour muted-foreground>>;
} }
.tc-upgrade-wizard:hover svg.tc-image-download-button { .tc-upgrade-wizard:hover svg.tc-image-download-button {
fill: <<colour foreground>>; color: <<colour foreground>>;
} }
.tc-upgrade-wizard svg .tc-image-download-button-ring { .tc-upgrade-wizard svg .tc-image-download-button-ring {

2
themes/tiddlywiki/seamless/base.tid
View File

@@ -94,7 +94,7 @@ html:-webkit-full-screen {
/* Adjust the colour of the page controls */ /* Adjust the colour of the page controls */
body.tc-body .tc-page-controls svg { body.tc-body .tc-page-controls svg {
fill: <<colour muted-foreground>>; color: <<colour muted-foreground>>;
} }
/* Adjust the colour of the sidebar selected tabs */ /* Adjust the colour of the sidebar selected tabs */

108
themes/tiddlywiki/vanilla/base.tid
View File

@@ -93,7 +93,6 @@ button:-moz-focusring, input:-moz-focusring, textarea:-moz-focusring, select:-mo
html button { html button {
line-height: 1.2; line-height: 1.2;
color: <<colour button-foreground>>; color: <<colour button-foreground>>;
fill: <<colour button-foreground>>;
background: <<colour button-background>>; background: <<colour button-background>>;
border-color: <<colour button-border>>; border-color: <<colour button-border>>;
cursor: pointer; cursor: pointer;
@@ -104,10 +103,6 @@ button:disabled {
color: <<colour muted-foreground>>; color: <<colour muted-foreground>>;
} }
button:disabled svg {
fill: <<colour muted-foreground>>;
}
/* /*
** Basic element styles ** Basic element styles
*/ */
@@ -130,7 +125,7 @@ body.tc-body {
<<custom-background-datauri>> <<custom-background-datauri>>
color: <<colour foreground>>; color: <<colour foreground>>;
background-color: <<colour page-background>>; background-color: <<colour page-background>>;
fill: <<colour foreground>>; fill: currentColor;
} }
<<if-background-attachment """ <<if-background-attachment """
@@ -575,7 +570,7 @@ a.tc-tiddlylink-external:hover {
.tc-sidebar-tab-open .tc-btn-invisible.tc-btn-mini svg { .tc-sidebar-tab-open .tc-btn-invisible.tc-btn-mini svg {
font-size: 0.7em; font-size: 0.7em;
fill: <<colour muted-foreground>>; color: <<colour muted-foreground>>;
} }
/* /*
@@ -608,7 +603,6 @@ button svg, button img, label svg, label img {
border: none; border: none;
cursor: pointer; cursor: pointer;
color: <<colour foreground>>; color: <<colour foreground>>;
fill: <<colour foreground>>;
} }
button:disabled.tc-btn-invisible { button:disabled.tc-btn-invisible {
@@ -634,10 +628,6 @@ html body.tc-body .tc-btn-boxed svg {
color: <<colour background>>; color: <<colour background>>;
} }
html body.tc-body .tc-btn-boxed:hover svg {
fill: <<colour background>>;
}
.tc-btn-rounded { .tc-btn-rounded {
font-size: 0.5em; font-size: 0.5em;
line-height: 2; line-height: 2;
@@ -651,7 +641,7 @@ html body.tc-body .tc-btn-boxed:hover svg {
html body.tc-body .tc-btn-rounded svg { html body.tc-body .tc-btn-rounded svg {
font-size: 1.6666em; font-size: 1.6666em;
fill: <<colour background>>; color: <<colour background>>;
} }
.tc-btn-rounded:hover { .tc-btn-rounded:hover {
@@ -660,14 +650,10 @@ html body.tc-body .tc-btn-rounded svg {
color: <<colour muted-foreground>>; color: <<colour muted-foreground>>;
} }
html body.tc-body .tc-btn-rounded:hover svg {
fill: <<colour muted-foreground>>;
}
.tc-btn-icon svg { .tc-btn-icon svg {
height: 1em; height: 1em;
width: 1em; width: 1em;
fill: <<colour muted-foreground>>; color: <<colour muted-foreground>>;
} }
@@ -691,7 +677,6 @@ html body.tc-body .tc-btn-rounded:hover svg {
margin: 4px 8px 4px 8px; margin: 4px 8px 4px 8px;
background: <<colour download-background>>; background: <<colour download-background>>;
color: <<colour download-foreground>>; color: <<colour download-foreground>>;
fill: <<colour download-foreground>>;
border: none; border: none;
border-radius: 2px; border-radius: 2px;
font-size: 1.2em; font-size: 1.2em;
@@ -704,7 +689,6 @@ html body.tc-body .tc-btn-rounded:hover svg {
height: 2em; height: 2em;
width: 2em; width: 2em;
vertical-align: middle; vertical-align: middle;
fill: <<colour download-foreground>>;
} }
.tc-primary-btn { .tc-primary-btn {
@@ -717,7 +701,6 @@ html body.tc-body .tc-btn-rounded:hover svg {
.tc-sidebar-lists button { .tc-sidebar-lists button {
color: <<colour sidebar-button-foreground>>; color: <<colour sidebar-button-foreground>>;
fill: <<colour sidebar-button-foreground>>;
} }
.tc-sidebar-lists button.tc-btn-mini { .tc-sidebar-lists button.tc-btn-mini {
@@ -758,11 +741,11 @@ button svg.tc-image-button, button .tc-image-button img {
.tc-unfold-banner svg, .tc-fold-banner svg { .tc-unfold-banner svg, .tc-fold-banner svg {
height: 0.75em; height: 0.75em;
fill: <<colour tiddler-controls-foreground>>; color: <<colour tiddler-controls-foreground>>;
} }
.tc-unfold-banner:hover svg, .tc-fold-banner:hover svg { .tc-unfold-banner:hover svg, .tc-fold-banner:hover svg {
fill: <<colour tiddler-controls-foreground-hover>>; color: <<colour tiddler-controls-foreground-hover>>;
} }
.tc-fold-banner { .tc-fold-banner {
@@ -917,11 +900,11 @@ button.tc-btn-invisible.tc-remove-tag-button {
} }
.tc-topbar svg { .tc-topbar svg {
fill: <<colour muted-foreground>>; color: <<colour muted-foreground>>;
} }
.tc-topbar button:hover svg { .tc-topbar button:hover svg {
fill: <<colour foreground>>; color: <<colour foreground>>;
} }
@media (max-width: <<sidebarbreakpoint-minus-one>>) { @media (max-width: <<sidebarbreakpoint-minus-one>>) {
@@ -934,7 +917,6 @@ button.tc-btn-invisible.tc-remove-tag-button {
.tc-sidebar-header { .tc-sidebar-header {
color: <<colour sidebar-foreground>>; color: <<colour sidebar-foreground>>;
fill: <<colour sidebar-foreground>>;
} }
.tc-sidebar-header .tc-title a.tc-tiddlylink-resolves { .tc-sidebar-header .tc-title a.tc-tiddlylink-resolves {
@@ -984,11 +966,11 @@ button.tc-btn-invisible.tc-remove-tag-button {
} }
.tc-page-controls svg { .tc-page-controls svg {
fill: <<colour sidebar-controls-foreground>>; color: <<colour sidebar-controls-foreground>>;
} }
.tc-page-controls button:hover svg, .tc-page-controls a:hover svg { .tc-page-controls button:hover svg, .tc-page-controls a:hover svg {
fill: <<colour sidebar-controls-foreground-hover>>; color: <<colour sidebar-controls-foreground-hover>>;
} }
.tc-sidebar-lists .tc-menu-list-item { .tc-sidebar-lists .tc-menu-list-item {
@@ -1274,7 +1256,7 @@ button.tc-btn-invisible.tc-remove-tag-button {
.tc-tiddler-controls button svg, .tc-tiddler-controls button img, .tc-tiddler-controls button svg, .tc-tiddler-controls button img,
.tc-search button svg, .tc-search a svg { .tc-search button svg, .tc-search a svg {
fill: <<colour tiddler-controls-foreground>>; color: <<colour tiddler-controls-foreground>>;
} }
.tc-tiddler-controls button svg, .tc-tiddler-controls button img { .tc-tiddler-controls button svg, .tc-tiddler-controls button img {
@@ -1289,12 +1271,12 @@ button.tc-btn-invisible.tc-remove-tag-button {
.tc-tiddler-controls button.tc-selected svg, .tc-tiddler-controls button.tc-selected svg,
.tc-page-controls button.tc-selected svg { .tc-page-controls button.tc-selected svg {
fill: <<colour tiddler-controls-foreground-selected>>; color: <<colour tiddler-controls-foreground-selected>>;
} }
.tc-tiddler-controls button.tc-btn-invisible:hover svg, .tc-tiddler-controls button.tc-btn-invisible:hover svg,
.tc-search button:hover svg, .tc-search a:hover svg { .tc-search button:hover svg, .tc-search a:hover svg {
fill: <<colour tiddler-controls-foreground-hover>>; color: <<colour tiddler-controls-foreground-hover>>;
} }
@media print { @media print {
@@ -1422,7 +1404,6 @@ html body.tc-body.tc-single-tiddler-window {
vertical-align: middle; vertical-align: middle;
background-color: <<colour tiddler-controls-foreground>>; background-color: <<colour tiddler-controls-foreground>>;
color: <<colour tiddler-controls-foreground-selected>>; color: <<colour tiddler-controls-foreground-selected>>;
fill: <<colour tiddler-controls-foreground-selected>>;
border-radius: 4px; border-radius: 4px;
padding: 3px; padding: 3px;
margin: 2px 0 2px 4px; margin: 2px 0 2px 4px;
@@ -1453,7 +1434,6 @@ html body.tc-body.tc-single-tiddler-window {
.tc-editor-toolbar button:hover { .tc-editor-toolbar button:hover {
background-color: <<colour tiddler-controls-foreground-selected>>; background-color: <<colour tiddler-controls-foreground-selected>>;
fill: <<colour background>>;
color: <<colour background>>; color: <<colour background>>;
} }
@@ -1534,43 +1514,43 @@ html body.tc-body.tc-single-tiddler-window {
*/ */
.tc-page-controls svg.tc-image-new-button { .tc-page-controls svg.tc-image-new-button {
fill: <<colour toolbar-new-button>>; color: <<colour toolbar-new-button>>;
} }
.tc-page-controls svg.tc-image-options-button { .tc-page-controls svg.tc-image-options-button {
fill: <<colour toolbar-options-button>>; color: <<colour toolbar-options-button>>;
} }
.tc-page-controls svg.tc-image-save-button { .tc-page-controls svg.tc-image-save-button {
fill: <<colour toolbar-save-button>>; color: <<colour toolbar-save-button>>;
} }
.tc-tiddler-controls button svg.tc-image-info-button { .tc-tiddler-controls button svg.tc-image-info-button {
fill: <<colour toolbar-info-button>>; color: <<colour toolbar-info-button>>;
} }
.tc-tiddler-controls button svg.tc-image-edit-button { .tc-tiddler-controls button svg.tc-image-edit-button {
fill: <<colour toolbar-edit-button>>; color: <<colour toolbar-edit-button>>;
} }
.tc-tiddler-controls button svg.tc-image-close-button { .tc-tiddler-controls button svg.tc-image-close-button {
fill: <<colour toolbar-close-button>>; color: <<colour toolbar-close-button>>;
} }
.tc-tiddler-controls button svg.tc-image-delete-button { .tc-tiddler-controls button svg.tc-image-delete-button {
fill: <<colour toolbar-delete-button>>; color: <<colour toolbar-delete-button>>;
} }
.tc-tiddler-controls button svg.tc-image-cancel-button { .tc-tiddler-controls button svg.tc-image-cancel-button {
fill: <<colour toolbar-cancel-button>>; color: <<colour toolbar-cancel-button>>;
} }
.tc-tiddler-controls button svg.tc-image-done-button { .tc-tiddler-controls button svg.tc-image-done-button {
fill: <<colour toolbar-done-button>>; color: <<colour toolbar-done-button>>;
} }
.tc-page-controls svg.tc-image-layout-button { .tc-page-controls svg.tc-image-layout-button {
fill: <<colour toolbar-options-button>>; color: <<colour toolbar-options-button>>;
} }
/* /*
@@ -1710,7 +1690,7 @@ html body.tc-body.tc-single-tiddler-window {
.tc-edit-field-remove svg { .tc-edit-field-remove svg {
height: 1em; height: 1em;
width: 1em; width: 1em;
fill: <<colour muted-foreground>>; color: <<colour muted-foreground>>;
vertical-align: middle; vertical-align: middle;
} }
@@ -1824,7 +1804,7 @@ html body.tc-body.tc-single-tiddler-window {
.tc-btn-dropdown svg, .tc-btn-dropdown img { .tc-btn-dropdown svg, .tc-btn-dropdown img {
height: 1em; height: 1em;
width: 1em; width: 1em;
fill: <<colour muted-foreground>>; color: <<colour muted-foreground>>;
} }
.tc-drop-down-wrapper { .tc-drop-down-wrapper {
@@ -1847,15 +1827,15 @@ html body.tc-body.tc-single-tiddler-window {
} }
.tc-drop-down button svg, .tc-drop-down a svg { .tc-drop-down button svg, .tc-drop-down a svg {
fill: <<colour foreground>>; color: <<colour foreground>>;
} }
.tc-drop-down button:disabled svg { .tc-drop-down button:disabled svg {
fill: <<colour muted-foreground>>; color: <<colour muted-foreground>>;
} }
.tc-drop-down button.tc-btn-invisible:hover svg { .tc-drop-down button.tc-btn-invisible:hover svg {
fill: <<colour background>>; color: <<colour background>>;
} }
.tc-drop-down .tc-drop-down-info { .tc-drop-down .tc-drop-down-info {
@@ -2342,7 +2322,6 @@ html body.tc-body.tc-single-tiddler-window {
.tc-manager-list-item-heading-selected { .tc-manager-list-item-heading-selected {
font-weight: bold; font-weight: bold;
color: <<colour background>>; color: <<colour background>>;
fill: <<colour background>>;
background-color: <<colour foreground>>; background-color: <<colour foreground>>;
} }
@@ -2469,7 +2448,7 @@ html body.tc-body.tc-single-tiddler-window {
} }
.tc-alert-toolbar svg { .tc-alert-toolbar svg {
fill: <<colour alert-muted-foreground>>; color: <<colour alert-muted-foreground>>;
} }
.tc-alert-subtitle { .tc-alert-subtitle {
@@ -2526,14 +2505,12 @@ html body.tc-body.tc-single-tiddler-window {
border-bottom: none; border-bottom: none;
background: <<colour dirty-indicator>>; background: <<colour dirty-indicator>>;
color: <<colour background>>; color: <<colour background>>;
fill: <<colour background>>;
} }
.tc-drafts-list a:hover { .tc-drafts-list a:hover {
text-decoration: none; text-decoration: none;
background: <<colour foreground>>; background: <<colour foreground>>;
color: <<colour background>>; color: <<colour background>>;
fill: <<colour background>>;
} }
.tc-drafts-list a svg { .tc-drafts-list a svg {
@@ -2562,13 +2539,16 @@ html body.tc-body.tc-single-tiddler-window {
display: flex; display: flex;
text-shadow: none; text-shadow: none;
border: 1px solid <<colour muted-foreground>>; border: 1px solid <<colour muted-foreground>>;
fill: <<colour muted-foreground>>;
background-color: <<colour background>>; background-color: <<colour background>>;
margin: 0.5em 0 0.5em 0; margin: 0.5em 0 0.5em 0;
padding: 4px; padding: 4px;
align-items: center; align-items: center;
} }
.tc-plugin-info svg {
color: <<colour muted-foreground>>;
}
.tc-sidebar-lists a.tc-tiddlylink.tc-plugin-info { .tc-sidebar-lists a.tc-tiddlylink.tc-plugin-info {
color: <<colour tiddler-link-foreground>>; color: <<colour tiddler-link-foreground>>;
} }
@@ -2610,11 +2590,14 @@ a.tc-tiddlylink.tc-plugin-info:hover {
text-decoration: none; text-decoration: none;
background-color: <<colour primary>>; background-color: <<colour primary>>;
color: <<colour background>>; color: <<colour background>>;
fill: <<colour foreground>>; }
a.tc-tiddlylink.tc-plugin-info:hover svg {
color: <<colour foreground>>;
} }
a.tc-tiddlylink.tc-plugin-info:hover > .tc-plugin-info-chunk > svg { a.tc-tiddlylink.tc-plugin-info:hover > .tc-plugin-info-chunk > svg {
fill: <<colour background>>; color: <<colour background>>;
} }
a.tc-tiddlylink.tc-plugin-info:hover > .tc-plugin-info-chunk .tc-plugin-info-stability { a.tc-tiddlylink.tc-plugin-info:hover > .tc-plugin-info-chunk .tc-plugin-info-stability {
@@ -2738,7 +2721,6 @@ a.tc-tiddlylink.tc-plugin-info:hover > .tc-plugin-info-chunk .tc-plugin-info-sta
font-weight: bold; font-weight: bold;
background: green; background: green;
color: white; color: white;
fill: white;
border-radius: 4px; border-radius: 4px;
padding: 3px; padding: 3px;
} }
@@ -2927,7 +2909,7 @@ input.tc-palette-manager-colour-input {
width: 0.7em; width: 0.7em;
height: 0.7em; height: 0.7em;
vertical-align: middle; vertical-align: middle;
fill: <<colour sidebar-foreground>>; color: <<colour sidebar-foreground>>;
} }
.tc-table-of-contents ol { .tc-table-of-contents ol {
@@ -3050,7 +3032,6 @@ html body.tc-dirty svg.tc-image-save-button-dynamic .tc-image-save-button-dynami
} }
html body.tc-dirty span.tc-dirty-indicator, html body.tc-dirty span.tc-dirty-indicator svg { html body.tc-dirty span.tc-dirty-indicator, html body.tc-dirty span.tc-dirty-indicator svg {
fill: <<colour dirty-indicator>>;
color: <<colour dirty-indicator>>; color: <<colour dirty-indicator>>;
} }
@@ -3137,7 +3118,7 @@ html body.tc-dirty span.tc-dirty-indicator, html body.tc-dirty span.tc-dirty-ind
.tc-thumbnail-wrapper:hover .tc-thumbnail-icon svg, .tc-thumbnail-wrapper:hover .tc-thumbnail-icon svg,
.tc-thumbnail-wrapper:hover .tc-thumbnail-icon img { .tc-thumbnail-wrapper:hover .tc-thumbnail-icon img {
fill: #fff; color: #fff;
<<filter "drop-shadow(3px 3px 4px rgba(0,0,0,0.6))">> <<filter "drop-shadow(3px 3px 4px rgba(0,0,0,0.6))">>
} }
@@ -3244,7 +3225,7 @@ html body.tc-dirty span.tc-dirty-indicator, html body.tc-dirty span.tc-dirty-ind
} }
.tc-tree svg { .tc-tree svg {
fill: #acacac; color: #acacac;
} }
.tc-tree span svg { .tc-tree span svg {
@@ -3361,7 +3342,6 @@ span.tc-translink > a:first-child {
} }
.tc-test-case-result-icon { .tc-test-case-result-icon {
fill: #fff;
padding: 0.25em; padding: 0.25em;
display: inline-block; display: inline-block;
line-height: 0; line-height: 0;
@@ -3370,6 +3350,10 @@ span.tc-translink > a:first-child {
margin-right: 0.25em; margin-right: 0.25em;
} }
.tc-test-case-result-icon svg {
color: #fff;
}
.tc-test-case-result-icon-pass { .tc-test-case-result-icon-pass {
background-color: green; background-color: green;
} }
@@ -3403,7 +3387,7 @@ span.tc-translink > a:first-child {
} }
.tc-test-case-toolbar svg { .tc-test-case-toolbar svg {
fill: <<colour tiddler-controls-foreground>>; color: <<colour tiddler-controls-foreground>>;
} }
.tc-test-case-toolbar .tc-drop-down { .tc-test-case-toolbar .tc-drop-down {