Styles are broken for the Tabs plugin

[yougotwill]

I have used the custom.css option to improve the styling of the Tabs plugin but not sure how to include my changes in this repository (assuming you want to add support for it).

Otherwise this might be useful for other people!

1. Make sure to turn on tabs:inherit-custom-css Advanced: inherit custom.css styles in the Tabs plugin.
2. Copy the code below into your custom.css file

#app .dark .logseq-tab-wrapper .logseq-tab {
  /* --ls-secondary-background-color */
  background-color: #27282b !important;
  border-color: transparent !important;
  color: rgb(156,163,175) !important;
}

#app .dark .logseq-tab-wrapper .logseq-tab button:hover {
  /* --ls-quaternary-background-color */
  background-color: #36383b;
}

#app .light .logseq-tab-wrapper .logseq-tab {
  /* --ls-secondary-background-color */
  background-color: #f8f8f8 !important;
  color: initial !important;
}

#app .light .logseq-tab-wrapper .logseq-tab button:hover {
  /* --ls-quaternary-background-color */
  background-color: #ebeaea;
}

3. Profit 💰

Before

After