Custom CSS not applied and not visible in debug

averixus

The issue

I've added a test rule to Edit Custom CSS in the admin appearance settings:

.App-titleControl {
    color: red!important;
}

This should make the title of the Edit Custom CSS popup red. Instead it has no effect. Refreshing, clearing the browser cache, and clearing the flarum cache had no effect, and it's the same on multiple browsers and devices. The CSS is not being overriden by other rules, it's just not visible in the browser debug view at all:

Am I missing something obvious? Is there some other setting I need to change to make sure that my custom CSS actually gets applied?

Flarum information

Flarum core: 1.8.9
PHP version: 8.2.18
MySQL version: 5.7.23-23
Loaded extensions: Core, date, libxml, openssl, pcre, zlib, filter, hash, json, pcntl, random, readline, Reflection, SPL, session, standard, bcmath, bz2, calendar, ctype, curl, dom, mbstring, fileinfo, ftp, gd, gettext, gmp, iconv, imap, intl, exif, mysqlnd, odbc, PDO, pgsql, Phar, posix, pspell, SimpleXML, soap, sockets, sodium, sqlite3, tidy, tokenizer, xml, xmlwriter, xsl, zip, mysqli, pdo_mysql, PDO_ODBC, pdo_pgsql, pdo_sqlite, xmlreader, apcu, imagick, Zend OPcache
+--------------------------+---------+--------+
| Flarum Extensions        |         |        |
+--------------------------+---------+--------+
| ID                       | Version | Commit |
+--------------------------+---------+--------+
| flarum-suspend           | v1.8.3  |        |
| flarum-tags              | v1.8.2  |        |
| fof-user-bio             | 1.4.2   |        |
| fof-oauth                | 1.6.16  |        |
| flarum-subscriptions     | v1.8.1  |        |
| flarum-sticky            | v1.8.1  |        |
| flarum-statistics        | v1.8.1  |        |
| flarum-pusher            | v1.8.1  |        |
| flarum-mentions          | v1.8.4  |        |
| flarum-markdown          | v1.8.1  |        |
| flarum-lock              | v1.8.1  |        |
| flarum-likes             | v1.8.1  |        |
| flarum-lang-english      | v1.8.0  |        |
| flarum-flags             | v1.8.1  |        |
| flarum-extension-manager | v1.0.4  |        |
| flarum-emoji             | v1.8.1  |        |
| flarum-bbcode            | v1.8.0  |        |
| dhtml-composer           | 2.1.5   |        |
+--------------------------+---------+--------+
Base URL: https://community.tradescantia.uk
Installation path: /home3/tuhopymy/public_html/website_5850233a
Queue driver: sync
Session driver: file
Mail driver: mail
Debug mode: off

averixus

I've tried disabling every extension and the issue is still present. I don't really know what else I can do to troubleshoot except delete the whole website and reinstall the forum from scratch, which I would really like to avoid.

Can anyone point out where in the source the custom CSS is supposed to be saved and implemented, so I can check the files and see if it's there? And/or does anyone have any other ideas...?

averixus

As another option, what is the least-effort way that I can load my own separate CSS file manually without it being overriden by flarum updates?

averixus

I've realised that adding custom CSS does take effect on the user-facing forum, just not on admin pages. Is this intended behaviour? I wish it was clarified in the description if so, I wasted so much time assuming there was a problem.