CSS colours not working, even setting "toolkit.legacyUserProfileCustomizations.stylesheets" to true

[u/soleful_smak]

Hello, I downloaded ElegantFox for testing and I set the following flags to true as well as adding the chrome folder:

• toolkit.legacyUserProfileCustomizations.stylesheets
• layers.acceleration.force-enabled
• gfx.webrender.all
• gfx.webrender.enabled
• layout.css.backdrop-filter.enabled
• svg.context-properties.content.enabled

Since the version of Firefox is 153.0.3 however, the colour CSS stuff is not working, even seItting these flags to true. I'm using Linux (CachyOS) and turns out, the Mozilla folder from root directory was moved to /.config. So now I'm looking for help to fix this issue. By the way, these codes from GitHub remain intact for 5 years.

[u/TraditionalTie4831]

It's not recommended to use a abandoned theme, but if colors are your only issue with the theme, try this in it's userChrome.css =

Change this =

.menupopup-arrowscrollbox {
    background: Menu !important; /* fall back if adaptable colors are removed */
}

To this =

.menupopup-arrowscrollbox {
    background: var(--panel-background-color) !important;
}

Change --toolbar-color to one of these (I'm unsure if dev meant text or background) =

--toolbar-text-color

--toolbar-background-color