{"id":17154986,"date":"2023-10-27T08:21:43","date_gmt":"2023-10-27T08:21:43","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/great-15936\/"},"modified":"2023-10-27T08:21:43","modified_gmt":"2023-10-27T08:21:43","slug":"great-15936","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/great-15936\/","title":{"rendered":"Great"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Great plugin. Thanks for the excellent work.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">SVG in tab navigation is great option, but there are no way to style this type of icons (example: regular\/hover fill color). So here is my suggestion: all of the block&#8217;s styles to be defined as css variables on the <em>.tabs-container<\/em>. Then one could apply any style by custom css according to the current config:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.tabs-nav .tab-title {\n    color: var(--tab-text-color);\n}\n.tabs-nav .tab-title svg {\n    fill: var(--tab-text-color);\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Defaults vars could be applied on <em>html\/body<\/em><\/p>\n","protected":false},"template":"","class_list":["post-17154986","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/17154986","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/17154986\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=17154986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}