1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-23 18:17:20 +00:00

Style tweaks for toolbar buttons

This commit is contained in:
Jermolene 2015-07-02 16:59:35 +01:00
parent f3b5dc530e
commit db0d95afcd

View File

@ -346,37 +346,38 @@ html body.tc-body .tc-btn-boxed svg {
} }
.tc-btn-boxed:hover { .tc-btn-boxed:hover {
background: <<colour foreground>>; background: <<colour muted-foreground>>;
color: <<color background>>; color: <<colour background>>;
} }
html body.tc-body .tc-btn-boxed:hover svg { html body.tc-body .tc-btn-boxed:hover svg {
fill: <<color background>>; fill: <<colour background>>;
} }
.tc-btn-rounded { .tc-btn-rounded {
font-size: 0.6em; font-size: 0.5em;
padding: 0.2em 0.4em 0.2em 0.4em; line-height: 2;
padding: 0em 0.3em 0.2em 0.4em;
margin: 1px; margin: 1px;
border: 1px solid <<colour foreground>>; border: 1px solid <<colour muted-foreground>>;
background: <<colour foreground>>; background: <<colour muted-foreground>>;
color: <<color background>>; color: <<colour background>>;
border-radius: 2em; border-radius: 2em;
} }
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: <<color background>>; fill: <<colour background>>;
} }
.tc-btn-rounded:hover { .tc-btn-rounded:hover {
border: 1px solid <<colour foreground>>; border: 1px solid <<colour muted-foreground>>;
background: <<colour background>>; background: <<colour background>>;
color: <<color foreground>>; color: <<colour muted-foreground>>;
} }
html body.tc-body .tc-btn-rounded:hover svg { html body.tc-body .tc-btn-rounded:hover svg {
fill: <<color foreground>>; fill: <<colour muted-foreground>>;
} }
.tc-btn-icon svg { .tc-btn-icon svg {