How do I get CSS elements for Themify?

Hi, I'm trying to grab the CSS elements for the BedVisualzier and the plugin because the background of the plugin doesn't seem to respect the Discorded theme. I'm using Vivaldi (based on Google Chrome) for pulling up the interface

Try the last customization as seen here.

I've tried div#sidebar_plugin_bedlevelingwizard_wrapper>div.accordion-heading>a:before but it doesn't change the color

But did you try...

#tab_plugin_bedlevelvisualizer_link -> fa fa-balance-scale

Are you suggesting that the icon for the tab isn't displaying correctly or something else?

No not the actual icon itself. I mean the acutal background of the plugin.

Erm... it isn't a sidebar. It's a tab.

@NovaViper: For some browsers there a developer plugins that can help to find the appropriate CSS styles. (e.g. Web Developer for Firefox)

There happens to be one in Vivaldi (since it's based off of Chrome), but it's kinda hard to retrieve the name of the actual CSS element

Ok.. I did manage to find where exactly I need to change the values to affect the color, but how do I call that specific svg element without messing with any of the other ones?
image

Try #bedlevelvisualizergraph div svg if you're targeting the SVG itself with background-color set to #rrggbb for whatever hexadecimal color you're after.

Er.. it made the entire thing the color I selected

Which you expected, right? Now I'm guessing that you need to style the individual parts of the SVG individually if you really want to go down this rabbit hole.

I didn't expect all of the lines to be colored the same (I can't even see anything at all). It's suppose to be like this:

Not sure if you already got this, but maybe this:

#bedlevelvisualizergraph > div.plot-container