humantex wrote:I'm running a demo install of 3.25.1 at the moment, and there's one instance where toggling the CDN option will not work to localize the serving of CSS files... the admin panel.
To simplify things, the large mass of external plugins used in the X3 panel are always loaded from JSDelivr CDN. x3.panel.css is not loaded from CDN though.
humantex wrote:From my viewpoint there's far too much bright-white background for working comfortably while using a 23" HD wide screen. Sorry, but ft's like trying to work in the middle of winter with the sun blazing at high noon on fresh snow.
Not sure if you mean this had anything to do with the CDN option on/off or not. X3 panel is based on Bootstrap 3.*, where these colors are default (
https://getbootstrap.com/docs/3.3/). If you want to edit colors, you would edit/add your own CSS, as it would be pointless to edit the bootstrap CSS, regardless if it is on CDN or loaded from local.
There is a trick to include your own CSS into the panel. Add a file
panel.css into the /config/ folder (eg. /config/panel.css). When this file exists, it will be included in the panel. Keep in mind, you may need to set background-color on more than just the body if you want to customize the panel style.
Some time soon we are planning X3 panel 2.0, where there will definitely be a "dark" version available.
humantex wrote:Using FireFox's dev panel, I tracked down the 4 CSS entries I needed to change. I opened the 'x3.panel.css' file, copied it out to unminify it, pasted it back, made the changes and saved... then refreshed the browser to see that nothing had changed. rechecking dev tools confirmed that the CDN was still active, and it's not reading the local version.
The file x3.panel.css does not load from CDN. It always loads from local path filemanager_css/x3.panel.css. If you have edited it and can't see any changes, this is likely related to your browser cache and even possibly proxy cache (if you are using something like Cloudflare). You will need to make sure to empty your browser cache, or use "Private browser" mode to make sure fresh CSS is loaded.
It would be better to use the approach explained with /config/panel.css file instead though. When using this approach, the CSS is included inline into the document, so you won't have any issues with browser-caching either.
humantex wrote:I haven't tried it, but I doubt I can add an entry into Custom CSS to override the admin side. I suppose the question would be... is there another option to change the default behavior, or is a code change needed to uncouple the CDN link on the backend? If this isn't possible unless the code is modified, could a second toggle for the admin panel be added into a future release? Then the front-end doesn't get effected by loosing CDN accessibility.
So ... You CAN edit CSS, and x3.panel.css is not loaded from CDN ... But the recommended approach is to add your styles into custom file
/config/panel.css.