Unable to get Common.css working

[quartz cave]

Hello, I don't really understand CSS but I am trying to apply (1:1 copy & paste) the Common.css file from the wiki.gg site defaultloadout.wiki.gg/wiki/MediaWiki:Common.css to use for mine and then make modifications to it from there. However I cannot seem to get it working. I set the ThemeToggle extension on and my default skin is Vector. Can someone help? The wiki website on Miraheze: https://tbo.miraheze.org/wiki/Main_Page

[fierce rock]

common.css can take a while to take effect, you should see the changes if you add ?debug=2 to the url

[quartz cave]

Ive set it but still cant see changes. Is there an alternative way to edit CSS so I can see how it looks/changes?

[solid coral]

You can either edit in the browsers inspector.
This will update live as you edit it, but wont persist through even a page reload (my personal preferred option in 99% of cases)
Or you can go to your person version of the common/skinname.css pages, you can find links to those in your preferences, these update as soon as you save your edit, but will only apply for your account

[quartz cave]

I tried the person version but it still does not update

Not even after forced refresh

[solid coral]

Well then it is probably overwritten by other CSS that takes higher priority

[quartz cave]

But how is it possible to know if or what other CSS may overwrite it?

Or what can even overwrite common.css

[solid coral]

It is not so much about the source of the CSS, but the selectors used and ofc any presence of !important... CSS Hierarchy can be really weird and hard to wrap your head around

[quartz cave]

But also its definitely applying it its in the style editor

[quartz cave]

Yeah Its kind of hard I mainly code in backend

[solid coral]

Well what you show there in that ScreenShot is "just" a bunch of variables, and wont do anything by themselves, they need to actually be used somewhere. Ofc I don't know how Vector, or that themeToggle extension works, so they might be used somewhere, by the base skin and/or extension ofc, I can't really help on that part

[quartz cave]

Yes you are correct

[quartz cave]

I think its just these are not being used but Im confused because I took this from the link's common.css directly where it works

[quartz cave]

Ok solved, I just realised that where these variables are referenced is the Vector.css of the site

Now it works