Bundled install for Altover + Nebula

[allecsc]

Hi,

I’m not sure I can bundle it properly since I have to directly modify some of Nebula’s files, and I don’t know how that would work if I try to pack my theme as a standalone mod. Ever since I installed Nebula through Sine, I haven’t been able to tweak Nebula-specific stuff using a regular CSS file. I used to have a Nebula_override.css with all my changes, but now I have to add them directly into Nebula’s userChrome.css to get them to work.

On top of that, there’s one thing I can’t override at all, not even from Nebula’s own files. The only way I’ve been able to change it is by editing Tabstyles.css directly inside Nebula’s modules, which obviously isn’t ideal in case of an update. I’m not entirely sure what’s going on or why it behaves this way. It’d definitely be a lot more convenient if everything could be overridden from one file, which would probably make bundling work too. But so far, I haven’t had any luck figuring it out. Any idea what might be causing this? ChatGPT mentioned something about higher specificity, whatever that means.

[CosmoCreeper]

@allecsc Yeah...so the order in which Zen/Sine loads mods/themes is in alphabetical order, this means that you can't overwrite Nebula cause Altover loads before it. I have been thinking about adding something like this that could be like "loadOrder" so you could load your css last, but until then, I would go with what ChatGPT is saying.

Basically, what ChatGPT is saying is to use something that would overwrite Nebula's styling cause your styling only happens on certain conditions (such conditions occur everytime.) If you could share the edits you are making to Nebula's CSS, I'd gladly help.

[allecsc]

Most of the edits are in Nebula's userChrome.css and this specific line: .tabbrowser-tab .tab-background::before { background: linear-gradient(to left, rgba(139, 10, 10, 0.75), rgba(139, 30, 10, 0) 40%, transparent 40%) !important; } from Nebula/modules/Tabstyles.css which wouldn't work from userChrome.css for whatever reason.

I could set the theme ID in theme.json to something like zzzAltover, so that it loads last, if you say it would work that way. This is often used in gaming mods where load order is important. What puzzles me the most is that the main userChrome.css file the chrome folder doesn't have the highest authority anymore. Shouldn't that be above all other css files?

[allecsc]

Managed to make it work, and tested it together with the bundle. It will automatically install Nebula, but it won't work with multiple modules. I've tried adding both Nebula and my other mod and it only installed the last one of them every time. Is this supposed to happen or am I missing something?

Anyway, I've got it prepared for Sine and will open a new issue to add the theme. Give it a check when you have the time.

[CosmoCreeper]

@allecsc yeah, I was busy for a bit, sorry.

Regarding your modules issue, if you wish to do multiple modules, you have to make it an array of strings.

[allecsc]

Like this? Didn't seem to work. Once it only installed Nebula, and the second time it only installed Icon Tweaker.

  "modules": [
        "JustADumbPrsn/Zen-Nebula", 
        "allecsc/Icon-Tweaker"
    ],

EDIT: Hmm, it looks like it installed them, but it doesn't load Nebula.
EDIT2: I can't figure it out, but it won't install both of them. I've left only Nebula as a module.

[CosmoCreeper]

@allecsc could you try ensuring that both are uninstalled? Then, try it again. If it fails, give me the Ctrl+Shift+J logs.

[allecsc]

I did multiple times, uninstalled all 3 of them and checked zen-themes folder also, then restarted the browser. Don't worry anymore, I will just include icon tweaker inside the theme and that's that. The important thing is to install Nebula along and that's working.

[allecsc]

Hey, I've made a standalone version of Altover that doesn't require Nebula anymore. I'd like to keep the current one as an Add-on version for Nebula, and upload the new one as a Standalone mod. I've tried submitting it but since they're on different branches of the same repo, it got automatically detected as already submitted. They have different IDs and names in theme.json. Is there anything I can do to have them both up?

[CosmoCreeper]

@allecsc it may not be detecting thr branch automatically, so ill check that, but i don't really think that i would want two of the "same" themes on the store.

I have an idea though. Im going to be gone for a week on a trip, but afterwards, ill look into implementing a system that will install a theme from a branch if the user has a module, but a different branch if the user doesnt have all the modules.

[allecsc]

Alright, it's cool, I thought it would be weird to have two of the same as well. If anyone is interested they can install it manually. Hopefully they'll fix the unloader for Zen, then I won't need the standalone version at all.