[Help]: Cannot decrease the opacity of note tab?

[BaconCoding74]

I'm new linux KDE user and I have no idea how to make the note tab translucent like the tab beside. I'm aware that I can decrease the opacity of my window but I just want to decrease the opacity of the note tab instead of whole window. Any suggestions? Thanks

[syrth-io]

I think this snippet should do what you want!

/* adjust note transparency */
.is-focused .workspace-leaf.mod-active .view-header, .workspace-leaf.mod-active .view-header, .workspace-leaf .view-header, .workspace-split.mod-root .view-content, .workspace-fake-target-overlay:not(.is-in-sidebar) .workspace-tabs .workspace-leaf, .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header, .anp-card-layout .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-leaf {
	background-color: rgb(var(--ctp-base), 0.5);
	--card-foreground-color: rgb(var(--ctp-base), 0.5);
	--card-background-color: rgb(var(--ctp-crust), 1); /* potentially needed for image backgrounds */
}

/* additional control for stacked tab headers to match note opacity */
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header {
	background-color: rgb(var(--ctp-base), 0.5);
}

/* remove faint gradient in header to avoid awkward color stop */
.mod-fade:not(.mod-at-end):after {
    background: transparent;
}

there's probably a more efficient or neater way to do the selectors, but that's what I've got for now lol. for the numbers at the end of the attributes (0.5 and 1), you can adjust them according to your desired transparency where 1 = 100% opaque and 0.5 = 50% opaque. this is what it looks like without the snippet:

without any changes to the snippet:

and without the additional tab header styling (note how it's more translucent than the note body--if you prefer this, just remove the corresponding section from the CSS):

I am not entirely sure if the --card-background-color property is needed or not as I'm just testing with the default colors and no background-image, but if you have trouble, try reducing the opacity there too.

it's not perfect, but I hope it helps! if you have any trouble, let me know. there's also a way to make the border inside less prominent if it bothers you, but I got a headache before I could play around with that, so also let me know if that's something you'd like.