Sidebar button coloring

[Damon Pritchett]

All,

I’ve been playing around with customizing my TW and am trying to change the color of the icons in the page controls buttons. I haven’t figured out a way to do it without breaking the save button changing colors when changes have occurred. I’m trying to get a color that’s different than the general background color. What am I missing?

Damon

[Reet Pandher]

Are you customizing via the color palette?

[Damon Pritchett]

Some but mostly through stylesheets. 

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/zx9TVa83ZdQ/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/a7984b7e-6a2f-4dbc-b6ee-4f66004775ab%40googlegroups.com.

[Birthe C]

Damon,

Terrible colours used here, I know, but it is only an example:

.tc-page-controls button:hover svg, .tc-page-controls a:hover svg {
fill:Orange;
}

.tc-page-controls .tc-image-save-button {
fill:blue;
}

body.tc-dirty span.tc-dirty-indicator svg  {
fill:darkred;
}

Birthe

[Damon Pritchett]

Thanks Birthe,

That last css statement is what I was missing. If I may ask, is that something you just picked up with experience or were you able to figure that out? If you figured it out, where did you find it?

Damon

[Birthe C]

Damon,

Honestly, I remembered I had done something like that years ago, tried to remember the name of one of my old wikis using it.

One way to find some information of what to do can be found using firefox, put the mouse on something, right click and select inspect element. Honestly many times it just ad to my confusion. It gets a little better with time, so keep doing it.

Birthe

[Damon Pritchett]

Thanks. Chrome has the same feature as well as TiddlyDesktop. It’s quite useful and I’ve learned a lot from. I can usually solve my styling problems easily with that. This time that one key statement eluded me. 

Thanks again for your help. 

Damon 

--

You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/zx9TVa83ZdQ/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/51a5a5d0-7b84-4b96-8813-965c52201fef%40googlegroups.com.