Colorful Sidebar Tabs

Mohammad

unread,

Dec 21, 2018, 7:10:51 AM12/21/18

to TiddlyWiki

How is it possible to use different colors for sidebar tabs?

For example I wish to have

- open tab in green

- recent tab in blue

- tools in red

--Mohammad

TonyM

unread,

Dec 21, 2018, 5:06:54 PM12/21/18

to TiddlyWiki

Mohammad,

Some help, not an answer.

To do this you will need to modify the sidebar tabs tiddler, I would suggest using the colour field on the tiddlers that make the sidebar tab and using that.

One issue is you may need modify the tabs macro as well, or perhaps clone and rename the copy the existing one.

I will investigate further if no better answers are posted.

Regards
Tony

pedruchini

unread,

Dec 22, 2018, 5:32:02 AM12/22/18

to TiddlyWiki

Maybe this can help.

Ton Gerner

unread,

Dec 22, 2018, 5:55:28 AM12/22/18

to TiddlyWiki

Hi Mohammad,

In my own theme I use the following for Sidebar tabs and the vertical More sidebar tabs:

/* SIDEBAR TABS */
.tc-sidebar-lists .tc-tab-buttons button {
     color: #0044BB;
     background-color: #FFFFFF;
     border: 1px solid #D1DDF3;
     border-radius: 0.3em;
}

.tc-sidebar-lists .tc-tab-buttons button.tc-tab-selected {
     font-weight: bold;
     color: #0044BB;
     background-color: #D1DDF3;
     border: 1px solid #A2BBE6;
     border-radius: 0.3em;
}

/* SIDEBAR 'More' TABS */
.tc-more-sidebar > .tc-tab-set > .tc-tab-buttons > button {
     background-image: none;
     background-color: #FFFFFF;
     border: 1px solid #D1DDF3;
}
.tc-more-sidebar > .tc-tab-set > .tc-tab-buttons > button.tc-tab-selected {
     background-image: none;
     background-color: #D1DDF3;
     border: 1px solid #A2BBE6;
}

Cheers,

Ton

Mohammad

unread,

Dec 22, 2018, 8:05:35 AM12/22/18

to TiddlyWiki

Hello Pedruchini,

Many thanks. That is useful for customizing tabs.

/Mohammad

On Saturday, December 22, 2018 at 2:02:02 PM UTC+3:30, pedruchini wrote:

Maybe this can help.

Mohammad

unread,

Dec 22, 2018, 8:06:56 AM12/22/18

to TiddlyWiki

Hello Ton,

This is a great help. I would be great if we could apply different colors for different tabs.