Vyang | tribute to natsumi browser (BETA)

[floral crater]

https://github.com/ferrocyante/vyang

[lethal perch]

your readme is broken

[floral crater]

wut💀 this is not how i wanted to be started like lol

[lethal perch]

sry lol

[distant rover]

wtff

[floral crater]

works for me

[lethal perch]

fair enough lmao

[distant rover]

mhm lemme try uploading it on imgbb

[floral crater]

@distant rover check out dude?

[distant rover]

wait but it

does work

for me too

[floral crater]

Vyang | tribute to natsumi browser (BETA)

[mild isle]

it doesnt for me

[floral crater]

ik wait trying to fix things

[gilded thunder]

Man I can't wait for the folders to come to beta release officially.

[floral crater]

actually you need to put icons as shown in screen shot and also disable new tab button in settings

set windows control button to left in about:config

dont add additional icon on tab section instead add them to hoverable toolbar on right side

[mild isle]

what? I am talking about the image in your readme

[floral crater]

yep

[distant rover]

why tf does image on readme does not work lmfao

works fine for me

[floral crater]

oh wut loading for me lol

[mild isle]

why do i need to change new tab button settings in order to see your readme properly?

this is what i am talking about

[floral crater]

ah i misuderstood i thought you saying about css not working

[distant rover]

i guess

its

discord image problem

[floral crater]

?

[distant rover]

maybe only the ones who have access to image on discord could view it on other websites

[mild isle]

but i am opening the link with zen and i use discord as app

[floral crater]

wait let me open in another browser

[mild isle]

i am confused

[distant rover]

no i mean the image was in our dm, and maybe only the ones who have access to the dm can see it

for privacy reasons or smth like that

i guess so

[mild isle]

okayy

[floral crater]

wut ? such things exist ?

[mild isle]

i have to admit, i dont think so

[floral crater]

i just loaded in private window on brave just works fine

can somebody double confirm that it working or not

[mild isle]

i tried arc but it doesnt work either

same with brave

[floral crater]

hmm wait i should reupload image then

[distant rover]

check on a diff device idk

[floral crater]

guys if theme is not working then try following all github intruction properly try to put icons as show in theme photo and dont put put extra icons in tabs section instead put them hover right side toolbar also dont forget to toogle zen about:config setting mentioned in repo

[frosty galleon]

this is exactly what i was waiting for! Kudos man

[frosty galleon]

no css uploaded?

[frosty galleon]

its working

[floral crater]

see in releases its a beta release many icon sizes and other thing could be missalligned till now i have only adjusted to my needs but this testing phase to see how it can become useable for masses

[frosty galleon]

no worries man. will stay tuned when its somewhat stable

[merry eagle]

@floral crater ah i was really looking for dynamic coloring with the folder icons.

but it seems that it is just green.

this might help u progress towards that.

i had created them to be used with css to have dynamic coloring based on the shade/color. but i ended up giving up

[crimson snow]

where is the Csss lmaoo

[daring agate]

Any fixes?

[floral crater]

oh ty i will look

[floral crater]

extension and any other css along is not supported untill you yourself somehow fix it

remove workspace related css remove extension as essentials css

[latent zodiac]

@floral crater

can you please fix this

or is it just a problem for me

the closing and opening tab buttons

[floral crater]

you have enable that zen.view.experimental-force-window-controls-left

[latent zodiac]

howw

[floral crater]

type about:config in url bar

[latent zodiac]

and my new tab and some essentials are off centered

@floral crater

[floral crater]

are you using any other css?

[latent zodiac]

nop

heres my chrome

[floral crater]

wait let me see then

[latent zodiac]

here

[floral crater]

i am fixing it wait

enable this till then

in advanced preferences

[latent zodiac]

thnks

um let me see if i can learn to edit css

😈😈😈

[floral crater]

fixed it redownload and see

[latent zodiac]

okkk

@floral crater

how the heck did you get tab groups

folders

[floral crater]

follow github instructions

[latent zodiac]

ok

ok

and the new tab is still off centered urghh

[floral crater]

i actually dont use that button if i will fix as most people use it wait

[floral crater]

fixed it

[distant rover]

superpins problem

remove that mod

[latent zodiac]

@distant rover

i don't even have that mos

mod

and my new tab is still off centered 😭

[distant rover]

weird

rip

[latent zodiac]

yep

[floral crater]

downloaded the latest version ?

i updated again

[frosty galleon]

@floral crater i just want the folders, and the workspace icons so that i can add it in my current config. could you just share the particular source code for them. and the history icon as well??

[floral crater]

you will be able to that in stable release i will working on segregating the css more properly

[frosty galleon]

alright man, i will try to export it myself till then

[restive vault]

What is the codeline that you are using to place the close, minimize and maximize buttons to the left ?

[floral crater]

read github instruction

[restive vault]

I was talking about the css code ^^

I like to learn how things, like certain part of a code, modificate other things 😉 And, since I have a intereset on those buttons, that is my question

(By the way, has a nice day)

[frosty galleon]

+1

[floral crater]

yep stable build would be having lot of folders specifing each of different thing like for urlbar , workspace all code in specific respective places

would be easeir for normal people to edit and extract a specfic function out of theme

[restive vault]

This would be nice, indeed ^^

I'm looking forward, so good luck with the project 😉

[wanton kelp]

awesome to see this progressing :D

I'll definitely keep and eye on it untikl it becomes more stable

[novel hemlock]

When i click on add tabs to new folder by selecting two tabs no folder is created can someone help me

[strong lava]

hi

[latent zodiac]

@floral crater

what do you think

and btw can you please fix the off centered new tab

and then it will be perfect

for now

for me at least

[floral crater]

dude it should be centered have you downloaded the latest release?

i edited the release it will not be shown as new release

[latent zodiac]

yep i have

but ain't working still

maybe its a problem for only me or it might be for everyone

[latent zodiac]

@floral crater

[floral crater]

lemme check on new profile wait

[floral crater]

size of new tab is default you want to make it more smaller?

[polar monolith]

i need css

[floral crater]

go to github repo see for release in right side under you will see tag in that download the zip file

[polar monolith]

i don't see any thing

[floral crater]

i think in latest twilight , tab folders got fixed kind of , they dont disappear on restarting of browser i will try to get workspace specific color icon i intially tried to drew the icon so they arent perfect dms me the open folder icons (svgs) even if they are colored i will look into it

[floral crater]

click to tags

[low yoke]

@floral crater is there a way to remove the white dot from the URL bar?

[low yoke]

were u able to implement the different colours?

[floral crater]

actually cant untill they are fully relleased

[low yoke]

ohh

thats the only downside by far ig

[floral crater]

i tried to remove that but i guess it broke somthing i dont remember exactly what it broked

[low yoke]

btw which component do I have to alter to make the font size small?

[low yoke]

ohh

[floral crater]

overall font ot just of url bar?

[low yoke]

overall

and the folder font

this one?

[floral crater]

wait

lemme see

[low yoke]

okk

[floral crater]

under this label should do it

[low yoke]

which file is it?

i saw it but I forgot

[floral crater]

~experiment

[low yoke]

ohh okk

[floral crater]

btw change your density to touch

[low yoke]

ohh

btw it looks like the font u asked to alter changes the font of the folders only

[floral crater]

hmm overall tabs font should be in ~tabs-allign i have to check

[low yoke]

ohhmaybe the one I sent cuz its from that one

[lethal perch]

also @floral crater even once i continue natsumi PLEASE keep this theme alive

[floral crater]

🙌 yep dw

btw should i use windows folder icons or stick with mac arc one?

[scarlet pebble]

macccc

[low yoke]

mac

btw @floral crater

i found out whats causing the white dot on the floating url bar

this code block at the very end of ~urlbar

but I dont know how to fix this unfortunately so hopefully u can fix it

[floral crater]

oki i will see

[low yoke]

okk. pls tell me the fix once u find it

[low yoke]

i fixed it

there should be the line list-style: none !important;

[floral crater]

nah that will break the search result

[low yoke]

it didnt though

[floral crater]

alright then good

[low yoke]

yeaa

[merry eagle]

i have simply made 3 color types of svgs, linked per workspace id's

that is the simplest solution but requires more manual work...

but it would be better if somehow it is dynamic to the workspace color.

[floral crater]

oo nice dms me the svgs

i will try to edit

[latent marsh]

how do i make the url bar appear on like middle or top of windows instead of bottom?

[floral crater]

tornado or wut lol

[lethal perch]

holy shit

bro is COOKING

[merry eagle]

it's cool, just not aesthetically pleasing as the blur streak one

@lethal perch do u know how we could apply such animation with workspace switching as trigger instead of tabs. since animations are happening upon every new tab that is re-opened.

i tried with specific workspace id's but dont seem to call it as trigger. i have used it before. to have a color highlight per workspace change dynamically which worked.

[lethal perch]

i might

[lethal perch]

@floral crater hey

#browser:has(#zen-tabs-wrapper[style*="scrollbar"]) {
  &:has(.zen-workspace-tabs-section[active]) hbox.deck-selected:not([zen-split="true"]) {
    animation-name: swipeInFromRight;
  }

  &:has(.zen-workspace-tabs-section[active][style*="translateX(-"]) hbox.deck-selected:not([zen-split="true"]) {
    animation-name: swipeInFromLeft !important;
  }
}

now it switches based on the direction

its a bit hacky but it still gets the job done

somewhat

[floral crater]

yep got it working thanks buddy

[floral crater]

https://tenor.com/view/angry-cat-gif-25783770

dont leak features before they are shipped in stable version of this theme though

[novel hemlock]

@floral crater Im not able to create tab groups please help

[floral crater]

some other css hindering?

maybe let me see on new profile

[novel hemlock]

I did it on a clean profile

The tab groups is not working on any of the profiles

[floral crater]

twilight or beta?

[novel hemlock]

beta

[floral crater]

oo actually i havent tried on beta

lemme see what can i do if doesnt help wait for 2-3 days cheff gonna implement trab grps anyway

[novel hemlock]

oke 🙂

[floral crater]

btw if your borders looking akward you should download tacky borders

i tweaked border to look good with that without tacky borders it just so bad

[novel hemlock]

where do i get tacky borders from

its not a zen mod right

[floral crater]

go on my github i have mentioned link there

https://github.com/lukeyou05/tacky-borders

[novel hemlock]

Oh oke and do you know how I can add the extensions icon on the sidebar it is missing in the customize toolbar section as well

[floral crater]

hmm its invisible in the space between

[novel hemlock]

ah yes gotcha

[novel hemlock]

Thanks brother

[lethal perch]

bro i wrote the code

i aint leaking it if theyre mine

[floral crater]

hey stop , asserting dominance i am calling mods

wait a min....

[lethal perch]

[latent zodiac]

oh yh dudes a moderator

dude

@floral crater

you got trolledd

by mr greenn

🤣🤣🤣🤣

anyway

this

is

my

problem

• audio indicator out of position

no idea what happened here

and is it possible to get blur on the music player

and change the color

of the folders

like make the folders blurred

[floral crater]

yep stable version will have that

[floral crater]

have tried resizing the browser it is known zen issue not due to the theme

[floral crater]

this is just testing phase will change many thing before release you can give suggestions if you want

[latent zodiac]

kk

what about this problem

with the folders

and blurred folders do you have upcoming as well, mac style arc?

the color aint changing

[floral crater]

folders arent released yet

wait for zen devlopers to release them

[merry eagle]

there is no contrast. upe the white in the icons a bit. also the glow part is a bit too strong. but great concept

@latent zodiac wdym with folder blur?

[wanton kelp]

how is your css structured? if possible could you make seperate files for the all the stuff

/* Arc 2.0 CSS Files */

@import "Chrome CSS/sidebar.css";
@import "Chrome CSS/miscellaneous.css";
@import "Chrome CSS/bettercolouredessentials.css";
@import "Chrome CSS/arcfont.css";
@import "Chrome CSS/urlbar.css";
@import "Chrome CSS/bettercustomizetoolbar.css";
@import "Chrome CSS/moreroundedtabs.css";
@import "Chrome CSS/extensions.css";
@import "Chrome CSS/workspaceborders.css";
/* @import "Chrome CSS/animations.css"; */

this is just an example but

that would be nice

[floral crater]

in stable release after my exams over

[lethal perch]

nah dont do that

create a css file in the folder that loads everything

so in the userchrome you can load the whole theme with one line

[wanton kelp]

yes thats what its doing

[lethal perch]

good

[wanton kelp]

the steps on how to install it were written kinda poorly

it took me so long to understand what to do

because for some reason the name of the import file wasnt arc.css by default

[floral crater]

[wanton kelp]

anyone who isnt me would have probably figured it out pretty easily 😭

i am stoopid

[floral crater]

naah its my fault too

i actully hurried in releasing it

[wanton kelp]

nono youre fine i was referencing a different css

sorry

youre all good 😭

[floral crater]

yeah but actually i will be rereleasing this after exams rn kinda stressed and busy due to exams

[wanton kelp]

dont worry about the theme too much

just focus on the exams but dont forget to take breaks while studying too

forcing yourself to work on the css might just burn u out..

[floral crater]

yea its just hobby i am not trying too much for it

[coarse swallow]

any way to hide the arc logo?

[coarse swallow]

what does tacky borders do?

[low yoke]

obviously there is. play with the css. the ~urlbar css

[coarse swallow]

what if i say i don't know how to edit css?

[scarlet pebble]

Try deleting the part where it changes the icon

Ull see an image in the gas

Css

[coarse swallow]

lemme see

[cosmic moat]

are you using windows

[floral crater]

yep

[cosmic moat]

how do u have the macos buttons then?

[floral crater]

css

[cosmic moat]

is it included with ts one?

[floral crater]

yep

[cosmic moat]

alr

[coarse swallow]

does the folder colour change?

[latent zodiac]

not for me

[coarse swallow]

uhh okk

[latent zodiac]

yoo

@coarse swallow

rate out of 10

i am using this theme

and a extension for new tab

[coarse swallow]

looks sick, but isn't the new tab layout sophisticated?

[latent zodiac]

i agree let me make that cleaner

and

@coarse swallow

[coarse swallow]

ye?

[latent zodiac]

um

do you

are you in the mdf server?

[coarse swallow]

mdf?

[latent zodiac]

mydockfinder

like

its an app that brings the macos dock and top bar to windows

[coarse swallow]

no am not, is there any?

[latent zodiac]

@floral crater

has it

[floral crater]

?

[coarse swallow]

yeah yeah, i use it

[latent zodiac]

ok um thats good
maybe lets go to #general

for this

because

[coarse swallow]

kk

[latent zodiac]

i need to ask you for some icons

[floral crater]

uh? no problem

[latent zodiac]

ok so

@floral crater

do you have light vision os type icons

i only got dark but would prefer light

[floral crater]

nope

[orchid chasm]

.css?

[latent zodiac]

ok

[coarse swallow]

why deleted?

[mellow elk]

looks like they changed repository https://github.com/ferrocyante/Arc-H

[signal stream]

and they didnt tell us 😔

[mellow elk]

I assume they plan to... hope I didnt spoil it haha

[signal stream]

hopefully haha, howd you find the github?

[mellow elk]

I didnt actually, was chatting with Cheff and @ different55 in the zen themes server and diff found it

I assume from looking at ferrocenes github profile

[signal stream]

yeah i assume, i couldnt find the github here tho

[mellow elk]

the original repository link is up here

404's now

byut can still find the profile from it

[coarse swallow]

is it working

[wanton kelp]

how can i make the inactive workspaces into dots like that?

[low yoke]

@floral crater did you make the folders for different colors as well?

[floral crater]

this is closed how you guys messaging

[low yoke]

ohh where's the new one?

[floral crater]

not released yet will release when folders will come

[low yoke]

i saw the new repo with blue folders. previously u had green. soi thought u added other colors

[floral crater]

kikarage doing it i am cooking some other stuff

[low yoke]

ohh what r u cooking?

[floral crater]

tidy tabs and clear tabs like arc

[low yoke]

js?

[floral crater]

yep

[low yoke]

ohh

so is it gonna be for cheff and he wil imp then to zen or ur personal theme?

[floral crater]

nope for personal and close cirlcle people only

[low yoke]

ohh

is it even possible to implement js

lol

[floral crater]

cause it has many inconsistancies

[low yoke]

ohh

[floral crater]

fx_autoconfig

[low yoke]

ohh

[latent zodiac]

is the final one almost ready?

@floral crater

[floral crater]

not till folders release in zen

[wanton kelp]

so any answer to this?

[frosty galleon]

@floral crater u still havent shared the code for the workspace icons

[frosty galleon]

thanks man..

[floral crater]

make sure that you replace my workspace ids with yours

else it wont work

to get your workspace id type worspace in about:config and it was smthing line zen.active.worspace it will show id next to it

[latent zodiac]

but they havee

[signal stream]

as a setting hidden in about:config

firefox hasnt finished yet

[latent zodiac]

oh alright

i thought it was done look

[signal stream]

yeah, its still a bit buggy on my end

[latent zodiac]

oh it was tab groups

like

if you look at zen zero showcase

@signal stream

[signal stream]

well, they used css to tweak the tab groups

tab groups are still in production in firefox

people just modded it to get it early

at the cost of bugs every once in a while

[latent zodiac]

ok ok

[fierce tapir]

you can find them on Gumroad

[latent zodiac]

those cost money

any that don’t that you know of?

[latent zodiac]

oh sorry got myself confused with the iphone version

[latent zodiac]

i meant any on gumroad that don’t cost money and the link if possible

@fierce tapir

[rocky shale]

can I have these

[novel hemlock]

The new update made the blur disappear? its all see through now.

[floral crater]

twilight?

[novel hemlock]

beta

[floral crater]

oo lemme se

[floral crater]

pls tell the version no of beta ?

[novel hemlock]

Version 1.11.2b

[floral crater]

yep it did nothing broken!

can u share ss of that

[novel hemlock]

your's is working?

[floral crater]

yep

[floral crater]

welp i am pushing new version then

[novel hemlock]

I'm guessing its just a problem for me. Dunno why

[novel hemlock]

When is it comin

[fierce tapir]

I have them, I wouldn't mind sending them to you

[latent zodiac]

sure thanks