Experimenting using the current Zen logo component

[full citrus]

I really like the current Zen logo, it already looks perfect! Too bad it has to change because of the 'Z.' This is my take on redesigning it using parts of the current logo.

the third one kinda looks like @gaunt chasm Zen logo tho

[hasty matrix]

I like that the shapes are simple, sharp and recognizable, that makes it easy to read on all sizes

[crimson monolith]

I like it more than the signoraria version tbh

[vital escarp]

That looks really clean

[tardy hollow]

That last one!!!!! I dig it

The most right row

[full citrus]

yea, that last one felt more like a browser

reminds me of this icon

[tardy hollow]

I would love an SVG of this (so I can use it myself for the menu button lol)

[full citrus]

here you go

[tardy hollow]

sipppp tengs brad

[full citrus]

yoi, aman bro

[tardy hollow]

Reformatted the SVG so it can have the same colors as other buttons:

[full citrus]

nice

[tardy hollow]

lookin gooooooood

[full citrus]

whoaah, looks great

but how to do it tho, im having some trouble following this guide https://github.com/KiKaraage/ZenMods/tree/main/[Prototyping %26 Setup]/[Setup] Arc Mode on Zen

[tardy hollow]

Which part

[full citrus]

Already followed all the steps, but the icon hasn’t changed

but the other optional tweaks are working

[full citrus]

tried copying all the arcmode.css content into userChrome.css, but it still doesn’t work either

[tardy hollow]

Wait

[full citrus]

Oh, btw, some people on reddit are also facing the same problem

[tardy hollow]

yeah maaan i forgot it should be @import url("./arcmode.css"); 🤡

big clown moment

[full citrus]

no wayy

classic programmer mistake

[full citrus]

Anyway, thanks! I’ll try it out now

[tardy hollow]

yeah that's what you get if you straight up copied your code from userchrome.css

[full citrus]

still not working

I don’t think I missed a file

maybe I’ll ask chatgpt later to help figure out the problem

[tardy hollow]

yeah it should be there

[tardy hollow]

try !important;?

[full citrus]

yeah im going to try it

maybe this is common firefox problem https://support.mozilla.org/bm/questions/1329862

[tardy hollow]

well i did put it on the guide

[full citrus]

wait, i just realized its already there

the !important;

[full citrus]

yeah

[tardy hollow]

no i mean on that import code

try it first

@import url("./arcmode.css") !important;

otherwise, just copy the code on userchrome

[full citrus]

still not working

[tardy hollow]

[full citrus]

already tried copy the code to the userchrome before, but its not working either

but this code is working tho

[tardy hollow]

have you enabled uc.arc.mode in about:config?

i wrapped the css in that config

.....damn i haven't put that one in the Readme holycrap

[full citrus]

yeah, thats the problem

finally its working hahah

[full citrus]

💀

[tardy hollow]

🤡

[tardy hollow]

.

https://tenor.com/btVkm.gif

[full citrus]

another clown moment ig

[tardy hollow]

https://tenor.com/vw4FOFTNeLm.gif

[full citrus]

anyway thanks, finally its worked

[tardy hollow]

[full citrus]

[full citrus]

Somehow it’s not working with the @import url. The only way it works is by copying the code from arcmode.css directly into userChrome.css and then activating uc.arc.mode in about:config

[tardy hollow]

Weird.... it worked just with these settings in mine

[tall dove]

Also the middle bar can be compared to the Zeta which has a stroke

[full citrus]

hmm

wait, i'll tried !important again

nah

@import url(".arcmode.css");
@import url("./arcmode.css");
@import url("./arcmode.css") !important;

still not working

[tardy hollow]

dang

need one other person to test it, tbh

[full citrus]

yeah, i think we need to confirm is it only happen to me or not

[tardy hollow]

at least you can work it out with pasting the arcmode.css code to userchrome, right

that's the most important thing

[full citrus]

yeah

[tardy hollow]

gotta add it to the readme too

[full citrus]

oh, that's actually make sense