#Natsumi Browser (my Zen Browser userchrome)
1 messages · Page 2 of 1
1003

this is already built in on mac
i mean with color, but translucent
like this
this only works on compact mode
when not it compact mode, its solid
reduce your contrast
you cant get these colors in the color wheel.
you can add AA to the end of each color in costom color or this
but this has the above mentioned problem aswell
real glass effect
it is form a webside called cssgradient.io
no i mean i didnt know we can use lineargradient code instead of hexcode
i found it on reddit
Have I borked something hard because nothing gets applied no other css I add or even the basic close icons
and if I just restart the browser this happens, no additional css to the usercrhome it's default from the github, no mods
your css is being applied correctly
really? I rmb it looking differently also I've completely tried multiple new css and they don't apply
i removed it
oh recently?
ye
okay my bad then I'm going crazy lol
but I still don't understand why it doesn't apply sometimes like the SS below
Hi one ask. Please I can sidebar in css recolored my custom hex color??
But work blur with color...
i wonder if i should make a natsumi browser discord server
You could make a server for projects under your name, why stick to natsumi alone
zenbento.py and your upcoming GUI app for uCL are very cool too
@hidden kernel you definitely should!
is there a way to disable the container color thing because I have a workspace with all container tabs and it's really ugly to just see the strike on each
like
@hidden kernel sorry for pig but is this toggleable or in css?
will add an option for next release
i been lackin
just realized i been on the old ver of PF tonight, no wonder i didn't have any of the fancy natsumi stuff lol
IKR, it's super
mr. green, could you please check if you're having this issue as well? Removing natsumi fixed this animation for me.
update to 2.1.0
i removed the custom animations there
now rices are released on beta you makings new version for zen rices means new update will be released as rice?
when will it be any idea?.
no
Ah cool
Yep, it works now!
hey mr green, i'm not sure if this was happening to anyone else, but i kept getting this 1px line across the top of the browser in compact mode and was able to find the cause of it in the navbar.css.
I adjusted the border from 1px to 0px
padding: 0 !important;
width: calc(100vw - 2px) !important;
background: var(--natsumi-glass-background) !important;
border: 0px solid light-dark(rgba(20, 20, 20, 0.2), rgba(235, 235, 235, 0.3)) !important;
backdrop-filter: blur(var(--natsumi-glass-blur-radius)) !important;```
probably a conflict with mods you have installed
i am having problem in hover delay of selected tab does natsumi css affect that?
no
Is this an issue with Natsumi?
How can i get this color theme ?
Yea but i want the green nature theme too who is at the top
then just.. move the color knobs around
You can just put the color hex code in the box below
@hidden kernel pls help
i'll try to fix this for next release
hi mr. green, is this out yet? my current sidebar takes so long to close in compact mode
its there in experiments, but you'll have to download the whole natsumi
i removed the experiment
wait what?
i already have the whole natsumi downloaded
how do i add that bounce natively?
its there already in the browser now
natively means its in the browser
but my sidebar takes too long to close
I want it to close immediately when I take move my mouse away
@hidden kernel Which module tweaks the flare of Essentials?
Seems like it messes with the native favicons
the base one
Container tabs gradient?
Wait no that's just width
Sned help
@keyframes essentials-select {
0% {
opacity: 0.2;
scale: 1;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 10px;
}
100% {
opacity: 0;
width: calc(100% + 20px);
height: calc(100% + 20px);
left: -10px;
top: -10px;
border-radius: 20px;
}
}
#zen-essentials-container {
overflow: visible !important;
.tabbrowser-tab {
overflow: visible !important;
@media not (-moz-bool-pref: "zen.workspaces.show-workspace-indicator") {
margin-bottom: 5px !important;
}
.tab-background {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3) !important;
}
&:not([usercontextid]) .tab-background {
border: 1px solid var(--natsumi-primary-color) !important;
@media (prefers-color-scheme: dark) {
border: 1px solid var(--natsumi-colors-primary) !important;
}
}
@media not (-moz-bool-pref: "natsumi.sidebar.container-tabs-border") {
.tab-background {
border: 1px solid var(--natsumi-primary-color) !important;
@media (prefers-color-scheme: dark) {
border: 1px solid var(--natsumi-colors-primary) !important;
}
}
}
&:not([selected]) .tab-background {
background: rgba(0, 0, 0, 0.05) !important;
@media (prefers-color-scheme: dark) {
background: transparent !important;
}
}
&:active {
.tab-stack {
transform: scale(0.94, 0.94) !important;
}
}
&[selected]:not(:active) {
.tab-stack {
/*noinspection CssInvalidFunction*/
&::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
background: light-dark(var(--natsumi-colors-primary), var(--natsumi-primary-color)) !important;
border-radius: 10px;
animation: essentials-select 0.25s ease-out;
animation-fill-mode: forwards;
}
}
}
}
}
This?
you guys forgot to update 

this is what it should look like
Still doesnt
With that code ?
Woah this looks epic
There's this weird border
thats a conflict
With pineapple?
with natsumi 2.2.1 yes
I only use Pineapple with yours
Ooh nice
ask for mr wazz to update it then
Ok
It's still the same with Pineapple disabled

Fk, sorry, tried on a new profile
It works
Might be because of the JS I installed from wyrsh
this could be superpins mod? I know there's settings for essentials border.
ikik, likely gonna be a major pf update this weekend to support 8t and 7b and Nt2.2.1
No I tried everything possible
Found out the cause being something in the base.css
Not being a css dood myself, only thing I could do was delete it
Works fine now
why tf would you use natsumi without the base
does anyone know where to disable the container border?
Essentials look great now. Respect for the wizard has gone up even more
Random idea: What if the hover effect's colour is what it will be on active. So green for whatsapp, blue-red for discord etc.
still seems to be broken on 2.2.1
what is
@hidden kernel sorry I thought I tagged this aswell
oh that
why is this?
gotta update it for 1.7.1b
found the issue
enable zen.theme.essentials-favicon-bg
2.2.2 released, please update
Would it be possible to have a config setting to lower the URL bar? (prefer it vertically centered)
Currently set it using css but would be nice if I can just alter a config value.
yooo I love it! salute 🫡
Finally found the solulu to that bizarre flare I had
Without deleteing base.css ofc
Yay
Am I a css expert now
Does anyone know how to remove the workspace/container color from the tabs? I thought it was some internal option but I can't do it.
if you import this into your userchrome after Natsumi, itll disable it. Kind of a janky solution, but its a workaround
i like this urlbar ngl
do it!
its already an experiment lmao
basically the "shit i like but not really finalized for release yet" stuff
Man, I cannot get this to work at all for me. Completely new to any sort of coding / editing etc. there has to be some step following the instructions im missing
just updated the CSS I sent you earlier, because I realized the CSS actually broke some minor things (if you have essentials background as their favicon, it would weirdly overflow outside the borders of the essential). It also removed some nice background effect on tabs that natsumi adds. This new css removes the container color gradient on tabs, without changing anything else from Natsumi
dude i swear I am, like I think theres something inherently wrong. the chrome folder should be in "C:\Users\User\AppData\Local\zen\Profiles\kw0sctt1.Natsumi" right?
theres something I messed up with along the way lol
like i find the folder im suposed to make the chrome folder in here, correct?
Damn you work fast
its called working on twilight

helps me get the next natsumi release compatible with the next zen release
I found the repository for twilight, but how do I update my Zen using it? I downloaded the windows.mar and have no clue what to do with it lol
i just want pretty browser 😦
so i download the beta from github, correct?
you can update through the browser
sorry for basically asking to have my hand held, but where is the "update" button 🤔
three dots => help => about zen (or whatever its called, im on macos so it doesnt show)
Oml thank you
np
still cant get it to look like the pictures, but hell atleast things are changing now 🙂
Thank you very much!
How do I get this kind of floaty bookmarks sidepanel and the web panel and if possible the history panel
Make sure to create the about:config lines
iirc i think thats what enables the ability for them to popout
i just went through setting it up but im not quite sure
Having trouble getting the “transparent” or “glass” effects to work, going to double check I got all the config lines in but idk what I’m doing wrong otherwise
disable tabgroups and enable it again.
tab groups is not stable
Does it work with compact mode?
yes
clicking esc after bringing up the findbar doesnt make it disappear it stays gliched on the page like this
Oh yea I remember
Do you have the better find bar mod installed?
yes-
Delete
oh
It's the conflict
ahh
uninstall it or enable natsumi.urlbar.disabled
a
a
wait so i put the tab group css in the userchrome folder but idk how to get it to work
also whats the main css mod for natsumio
@hidden kernel
i like this mod but i really dont like the urlbar animation
can i remove it
and how
no.
just remove the import statement from the preload file
this is more safer than deleting the file straightup
or just enable natsumi.urlbar.disabled
just enabling that config will be much better than editing or deleting files
least chance of fucking something up along the way
why is one tab group created in all workspaces??? any fix
nvm i got it
does new update broked the url bar blur?
you gotta update natsumi
bruh what ,it broked my whole theme
like now padding in url is uneven
How do I use this?
It is not the fear of undertaking, it is the fear of succeeding, which explains more than one failure.
If you know how Firefox userChrome.css works then it's the same.
my boy, I thought I clicked on Pineapple thread
I mean, he wont be getting sued 
Good thing PF does require Natsumi
I'd feel very very bad otherwise
the last update of twilight ajust the groups, but natsumi no update theme yet
The author of Natsumi has taken a break from the project
the last update of twilight ajust the groups
wait WHAT
no they didnt
its still the same
also i removed tab groups css from natsumi, please dont ask for it because i dont want to work on it until the native implementation is out
i said id take a break but
i wanna work on smth
so ima work on stylizing library and pip
pip
Bro is literally Cheff 
make an option so that we can bound it to browser is that possible??
btw looks amazing
We can style pip?
ye
I thought you were referring to pip from Python, just realised it's picture-in-picture
lol
Need it
On a more serious note, thanks for all your modifications. It most be a huge work ^^
next update dw
coming very soon
You clearly rock !
Again, I don't know how I could thanks you more, but...THANKS !
added a lil animation
ngl i could customize the devtools window but im not gonna because its already good enough on its own
Yea at this point green is just gonna release it as a standalone browser
Can anybody please confirm if this is a problem with Natsumi or have I messed something up...thanks
i didnt fix it yet
fixed for v2.5
some quick changes
pip mode looks great
Quick suggestion: Could we get an option to adjust volume by scrolling the mouse wheel while hovering over the speaker icon/bar? No clicks, no dragging—just hover + scroll for instant tweaks (Like some media players/apps do.) Would be a huge QoL win! 🙌
Holy fook
Thats insane
How is that even possible tho, pip doesnt have proper media controls right
yes it does
I just take tab-groups.css and natsumi-groups.css out from Natsumi's 2.4.0 pack to put in separate folders in chrome and make a reference to tab-groups.css, so it can keep working. And I will never bother Cheff or green for any problems with them.
Or keep them separately with Natsumi 2.5.0 #1316928430767472650 message
please never use old versions
also, another reason i removed the css is because the original author of it pretty much never got recognition from natsumi users for their work
i couldve made my own implementation like how i was planning to but theres the fact that tab groups are pretty much an incomplete feature
Understood 🫡
Why is everything so sharp on macos tho
and can i make this darker, i'm using dark mode and this feels too bright, but if i change the config to a dark color, the accents on the tab borders and selected tabs etc... aren't noticeable
like these
i have pineapple fried but the url bar should look the same
it's tabliss extension
oh ok, but do you know how to change the color of only the url bar and not the rest just for natsumi
gradient wont be removed
if the gradient is a bother then either modify it yourself or don't use natsumi
Its code is in the base.css
most supportive mod on discord
.-.
srsly tho
i dont want to add too many toggles
especially for the base css
not toggle just wondering which part can be modified to remove it
@hidden kernel
I have imported the css files and natsumi folders from git repo to the chrome folder but it looks kinda off, am i doing something wrong. I am kinda new to this, any help would be appreciated
@hidden kernel
you imported it right
yes I did
How can I achieve this theming style and color for the sidebar sir?
tab groups: cant (removed)
color: workspace theme colors
is it supposed to be offcentre
its centered
@hidden kernel is there a way to get rid of this glowing effect?
just remove userContent.css file
natsumi-urlbar.css
Remove this from the natsumi's module folder
I can't get the library and PDF customization to work.
Any idea why or how I could fix it?
after you add the files to your chrome folder you might need to restart zen for the changes to take effect
and for pdf viewer you also need to copy natsumi-pages and userContent.css
hey mr. green i absolutely LOVE all the work youve put into natsumi
thanks
i want the shape to stay the same, but u want to remove the glow effect
same for the weather
ill probably add a force dark shadow config so it doesnt "glow"
ah yes thanks this is the step I did not do
also is there a simple way to disable all the tab bar customizations made by natsumi?
I really like most of it but I do prefer the vanilla Zen tab bar and couldn't find any config / settings to revert to that
it's the base theme for natsumi
wer animation go
@hidden kernel
updating after a long time 
Do you have floating url bar disabled?
in about:config?
In settings
floating urlbar is enabled

gonna release 2.5.3 for some animation improvements
you guys know how to turn off the essentials border on the natsumi?
the green stuff
how do you set custom background using natsumi ?
istg everyone complains about this 😔
@hidden kernel how often do you update natsumi?
when i feel like it
@hidden kernel How did you get em folders.
i removed em
what's the latest userchrome file in this chat
Check the repo
what's the repo link
very cool
lol i learned to deal with it
where's the original tab groups css from vicky?
what did i do wrong here? This is new instant with no mods beside natsumi
Tab group not working
ok it's been removed
Why are google images laggy and slow to load if i don't remove @import "modules/pdfjs.css"; line from natsumi-pages.css, but if i remove it it works normally?
thats called caching 
Good thing I dont use Googla
whenever you have to search something say "let me edge that" instead of google
i thought my pc is bad so that maybe the case why every website feels slow , how did you miss such big issue
sigh
you know what im locking this thread
maybe till next week where i can take my time to relax
unlocked
poggggg

time to add compact mode to natsumi pdf viewer
due to popular demand
you can now force shadows to be dark
personally i prefer the glow effect over this
pog update 
whack em in the head
you asked for it not me
how do you have folders? thats the main thing ive been having a gripe with coming over from arc
meanwhile you can try this https://github.com/Anoms12/Advanced-Tab-Groups/tree/main
ngl ive been thinking of making an installer script for natsumi
but i dont think thats a good idea
installer
just do git clone
cd .zen/yourprofile
git clone --single-branch --depth 1 https://github.com/greeeen-dev/natsumi-browser.git chrome```
What does that do?
clones the repo into chrome folder
does that mean it auto updates?
like this
That's really cool, I'm new to CSS is there a guide somewhere that shows how to do all this?
Oh okay
fine

Why doesn't the Natsumi config appear in about:config? Can anyone help?
you need to enter the entire thing and you need to make it (in about:config)
its not a
already present thing
oh i see alright then
what were you trying to add?
nothing, i just want to mess around with it
any way to remove this?
they look weird ngl, especially with the blurred aesthetic
remove what?
the highlights on the tabs i meant, but i got it
Give Pineapple-Fried a try, it includes some tweaks for Natsumi that removes things like that: https://discord.com/channels/1088172780480114748/1319061920510251028
natsumi>modules>natsumi-base.css
Change this on line 144
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
ah thank you so much, but i actually switched to pf
It works the same
sorry but it actually does💀
its epic wdym
maybe on mac its default version looks good but on windows it looks🤮
look at the selected tab
then dont fucking use it

natsumi>modules>natsumi-base.css
Change this on line 144
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
i already removed major shit (imo) portion dw
Just because you dont like it doesnt make it shit bruh
It's because he made this is why you can modify it

how many times do i have to fucking tell you this
natsumi is about making it personal for ME, not YOU
if i like it, its good enough
wierd taste
jesus christ
If only this was reddit
nobody's forcing ya
#general
His downvote streak would be epic
kek fr
it would actually be hidden lmao
since you cant even understand the whole purpose of the goddamn project

lmao i think it already is what an echo chamber

im just gonna say this and fuck off
as selfish as it sounds, it's my opinions that matter most when making natsumi, and it's always been that way. why? because in the end it's still my PERSONAL SKIN, where i make things personal for myself, not make something for others that i dont like myself because people keep fucking pressuring me into it. while bug fixes and feature requests are welcome, i will simply not give a fuck about what you say when all you say is that natsumi looks like shit and i have bad taste.
no matter how much people try to shit talk about natsumi, i dont give a fuck. it's still my project that i made for myself, and i really hope people actually learn to respect that instead of using an amputated version of natsumi solely because they think its shit and they can "do better" (they can't, because as soon as they do that they ruin the "personal" aspect of the whole project).
thank you and bye
forgot i could do this
im calm now and i blocked them so ima just unlock the thread
except im still burnt out 👍
Rest is must
real
For humanity's sake, let's not gaslight
Criticism should be healthy. You don't have to be rude with your tone in every single message of yours. Next time, I'm reporting you the moment you act uncivilized about things which don't even concern you.
cheff will prob get mad at me for timing that guy out but honestly i cant be bothered to care anymore
let me do my own shit

lemme try to summarize it wait
i want to understand what's the context to assess this situation carefully
Lets not act hastily here
And settle things in a more rational way as possible
so someone said natsumi is shit, i tell them to uninstall it because its literally something i made for myself, instead they say they had to fucking amputate the project because some parts were shit to them i guess
If complain so much why make one yourself?
thats the neat part
Okay?? Does it ever prove a point that they have a project??
see?
Now why talk shit when you can't make one yourself
That's totally an opinion coming from an amateur
Load minority who get a kick out of speaking shit about others and their shit.
If they know better why not give a proper advice?
just stop listening to those people 💀
i mean i use natsumi everyday so like wtf
Copium
they use copium cuz they can't cope up being insecured with someone's work
copium ain't enough to cope up with envy you know
besides.. this is green's work
Its up for him to decide how to create it
Plus a single opinion can't change the definition of someone's work
the world is too big to break you down over a single opinion.. they're just probably jealous of someone's work which makes them insecure
funfact, according to green the natsumi browser is actually an inspo from me. Which is my nickname is Natsumi or Summer in japanese. he named it after my nickname
oh wait
yep
yeah, that's me
i couldn't understand the context of my bf's conflict so i decided to see it for myself
bro is saying it like he paid for it
I feel like I should say this. Giving them attention only encourages them. Blocking someone hides their messages iirc? If you do so, it'll be much much healthier than having a pointless conversation. It saves YOU from a lot
already did that
How can we let someone else dictate out actions? Directly or indirectly. You react, they win. You don't they loose
That is the best gift you can give yourself online these days
use discord's new ignore
they wont even know they're ignored
i considered it
Didn't know that existed until today. I feel like I'm an old man
its very new lol ofc you didnt
I was inactive for a few years, came in last year and Discord turned itself upside down. So many new things
Now that's a useful feature
it's not their first time
iirc it was the same person who hijacked mr. nova's thread about new design concepts
won't stop talking about his spicetify ricing smh
good thing they left
yeah
you know what
next time they join and harass me ima ban them for harassing mod makers
🔥
send css when its ready 😋
yep
yep
will the current animation be replaced with that one, or will there be a way to toggle them?
wdym
replaced
I've been considering changing my desktop theme
I found a good wallpaper online, it was all green-ish
So, I'm all in for green
oh ok
Yeah, you like green? I could share the wallpaper
nah i got a wallpaper already
Gotchu
what is ricing
let me join
Ricing just means theming and customizing. It is a term referring to cars, which also came to be used in some online communities.
I am sorry but... WHAT

green and mr. green are different
I can send you the wallpaper
The green-ish conversation is not related to Natsumi, I'll be happy to take any suggestions in #general
I will say this as a closing thought, I'm serious about doing green. It's only the matter of time
doing green 
why are you all taking things the wrong way smfh
i was talking about doing green, but sure. id like to see the wallpaper
you all are weird
oooh nice wallpaper
a bit TOO popular for me to be comfortable with
but oh well
what can i do about it
the one im using right now looks kind of haunted
suffering from success, eh?
#celebrity_problems
Yeah, couldn't relate
real

yk what, I'm doing green rn, on my main. Screw it
Right fricking now is the time to rice n spice
im sorry but the natsumi urlbar is just🤌
i was going to say more but it got blocked
for inappropriate language
i was responding to this btw
I like natsumi though
ik you all do but please stop trying to make me uncomfortable
gotchu
I just opened this chat and this is what I was subjected to dear god

im sorry
please dont make natsumi private
i have some question
How to disable the over saturation on these essential icons?
Wait this looks so good. I lowkey wish I could make it look exactly like this on windows
Except the window buttons of the top left, you can have it exactly like how it looks in the video
How since I feel like the Mac version feels more 3d like and not so flat
Has anyone found a way to make the natsumi pdf viewer background transparent? Just thought its a nice concept
ask this in pineapple fried
they may add it to the natsumi tweaks
okay :)
Give me your tab group css please.
Natsumi doesnt have tab group CSS. This github does, but be warned that tab groups are experimental and prone to breakage - it is recommended you don't use them. If you do anyway and encounter any issues, don't report them to zen browser.
https://github.com/Anoms12/Advanced-Tab-Groups
On Flatpak yes, but the aur was fine
are you on wayland
Could this not be made into a zen mod?
Would be much more handier than to deal with userchrome css
No way... I love Natsumi.
its disabled
actually no
i just removed it entirely
once theres tab folders in zen ill prob add my own skin
ayy nice
this looks awesome!
might make a natsumi website
and actually treat this as a main project instead of a side project for once
is there a line in the source code i can change to modify the glass effect's color? (image 1) mainly trying to change it to be more transparent. tried looking for it in the source code (image 2) but im not sure if this is the correct one
Zen fork natsumi coming soon? 
maybe just fork zen to it and automate builds there?
no
too much work? 😂
I can't imagine a scenario where that will be worth it 
Plus releasing would cost money as well ig? Not sure what the rate would be
the tab groups doesnt works
.
can anyone tell me where in the css i can make urlbar animation longer. it isn't in the urlbar css as im still using the old css.
also is there a way to change the pdf viewer color ? it used to be blue, but now it is green?
Thats wild 💀
Natsumi 2.6 + zen 1.8 is absolute peak, amazing work
2.6.1 coming out soon with some fixes
Once again I offer the copilot logo 
Kidding, goodluck with bug fixes
Hey so uhh
Leave your suggestions here for now. But just to remind you that this browser is a one-man project so please tone it down right here since it was pretty overwhelming to him.
He was pressured at this point and he couldn't say it himself so I'll do it myself
It was such an unexpected outcome that his project draws attention to most people
So seeing you all leaving your suggestions may seek unfamiliar territory to him so sudden
He was in the verge of giving this project up due to constant pressure
So please if you'd like to keep this project going
Respect his preferences and decisions
Just give him time to balance it and get his pace back
Right now he's currently busy how to handle with all of this
But don't worry.. Im sure he's still willing to accept and acknowledge your comments and stuff, just give him time for now
Makes cents
Aha, nice
Your preferences are pretty good I'd say. Nothing I can suggest here, you do you
that's how natsumi became a thing in the first place!
2.6.1 is out
im making a natsumi installer but ima gatekeep it 
is it possible to install it on top of current zen configs?
does anyone know how to change the standard primary color for natsumi?
how does it work? is it like an application or something?
Ayoo nice to meet you. Your bf is a genius
🫂
what is chrome folder
kinda confused while installing natsumi browser
A folder in your profile folder called chrome
If it's not there create one
where userchrome.css is situated?
like appdata/roaming/zen ?
Usually your userchrome.css should be inside the chrome folder
by default there is no userchrome.css file after fresh installation right
In appdata/roaming/Zen is your profile folder, inside that there should be a chrome folder and inside that you can add userchrome.css and usercontent.css
Yes
There shouldn't even be a chrome folder
so need to create chrome folder and inside that create userchrome.css
Yes
ok thnx
Nice to meet you too, and im proud for his creations
You can follow this guide https://youtu.be/hf41XuWvgAs
Wallpapers - https://bit.ly/VividHorizon_Wallpapers
How to Theme Firefox | FirefoxCSS
If you enjoyed the video SUBSCRIBE to the channel would be much appreciated, it only takes a few seconds, and it's completely free :)
Support me on Ko-fi: https://ko-fi.com/techenthusiast
My gear:
mouse and keyboard: https://bit.ly/3qTfOLu
mic: https://bit....
add some UI on top of git clone, git pull with some command magic and boom you got natsumi installer 
lol
btw whats diff btn natsumi browser and browser pages?
natsumi browser: for the zen browser window
natsumi browser pages: for some websites
Why can't this be made a zen mod btw what's the reasoning
too modular, and has stuff in userContenxt mods dont support this yet
this will be a zen rice when its released iirc
Mods tend to be small changes to the actual usercontent
Natsumi is more of an overhaul of both some of the ui + the content of a website
Whenever zen rice comes out, thats when natsumi becomes a part of it
Which would be similar to zen mods but be with css themes
Removing some of the technical stuff of applying themes
any way of increasing sidebar fontsize with this? I've been using Tab Text Size zen mod while running stock zen and that did the trick, but the mod doesn't seem to work with Natsumi
enable natsumi.sidebar.disable-bigger-tab-label
where would i find this flag?
go to about:config and create the config
ah ok cool
didnt know you could do that
woah it worked
godlike thank you 🙇🏻♀️
Do you have an idea on how I can fix the pinned tab?
I tried to remove css but no luck
doesnt look like its a natsumi issue
Got it, it was a mod
what does this do?
I tested it on pdf files it give you more space to work on them
if you have the pdf viewer's sidebar expanded, compact mode wont be set
its an ergonomic option
ye
oh
I can't tab on other tabs in new version, why?
you can split multiples pdf by selecting your tabs and right clicking on them and click on split tabs
nvm, fixed.
also, is there a way to have the search bar more in the middle of the page instead of at the top?
is there way to make jetbrains as default font for zen browser
I think you need to add css make search in the middle
change value of --custom-font in natsumi-config.css
great job with the userchrome, absolutely enjoying it! one thing though. the custom PiP controls have a green tint (Zen 1.8.1b, Natusmi 2.7.1) and not the zen.theme.accent-color. Is this expected? I am seeing this with two different profiles
yes
I edited it 🙂
This said: I can't get the loading animation working
oh wait maybe i have to activate it somewhere, let me reread the github
Wow, I wouldn't have thought I'd seen François Perusse on a modified Firefox server !
Like the colours, by the way ^^
omg the more I learn to tweak css, the more I find this theme beautiful.
Thanks a lot Mr green (and mrs green aka summer. for the inspiration) 🙏
i got my gf to install natsumi the other day
she couldnt stop being amazed at it and proud of me for making it
i actually cried in joy when she told me that 😭

where did you change it?
In the pip css file
Oooooor in the library i don't remember. But if you change it in the pip css, i recommend to set the same color in the library
So the theme color is consistent
I had to do the same for the url floating bar (but maybe you don't have to)
can you tell me how.
my urlbar is the same as my zen theme(blue). everything else is green
Yeah go in your css (cmd+option+shift+i)
Search the natsumi "library" css
And you should be able to edit the "natsumi color"
(sorry i don't have my pc rn so I can't be precise)
it worked
how?
ohh gr8
big brain moment
I have 2 issues left:
-my url bar expands on the totality of the screen width when focused (I expected it to take +/-50% of the total width)
-The loading tab animation is not enabled for some reason?
If anyone has an idea on these ""issues"", I take them!
I fixed the URL expansion thing by adding empty spaces on the left+right
natsumi doesnt control urlbar width
Oh then another piece of css i implemented probably sorry for that
Hey guys, I'm trying to install Natsumi and it says to copy the natsumi-config.css and natsumi folder to my chrome folder, how do I do that?
create a chrome folder in your profile folder and copy the said folders and css files into the chrome folder
would the onboarding be easier if there was a script to run it which made the dirs copied in the files if yes would you want me to make a pr for that
Rice will probably natively solve it
could some of yous share your gradient themes for the tab bar plz
I turned the primal tone in purple and specific color/workspace
I have problem, when i click ctrl + T the blur is not bluring around the url
super url bar?
Yeah, but i wanna make the blur work idk why dosent work now.
Bc the blur dosent blur everything around the url
The bg blur provided by that mod has always been broken
For like a month now
Ill send you the css to add into your userchrome
For bg blur
#browser:has(#urlbar[open][zen-floating-urlbar="true"]) .browserContainer {
pointer-events: none;
filter: blur(10px) brightness(70%) saturate(50%) opacity(70%) !important;
/* scale: 1.1 !important; Zoom effect, remove the // to enable */
}
#browser .browserContainer {
transition: all 0.2s ease-in-out !important;
}
try adding this and see if it restores the blur?
Thanks! its working now
np
Works perfectly, thanks!
btw how to change the bg color of that popup and that pip controllers as well
send the ss now how its looks
@hidden kernel this is one bug
if u click on urlbar to edit it the popup pops up at top left corner
any idea which part of the css adds this color gradient thing?
Linked to your workspace color profile if i remember correctly
It should be in the natsumi-base.css, and look for those
background: linear-gradient
does anyone know why the URL bar becomes dark like in the screenshot after updating to the latest Zen and Natsumi? I am on Win 11 and using light theme. Thanks
no clue
Thanks I think I figured it out. FYI it seems to be caused by the Clean URL bar Mod. Back to normal if I disable this mod
What is the variable for the theme color? I would like to replace "natsumi color" by the workspace theme
All good
=> natsumi.global.highlight-accent-color
Also, I would like to speed up the navbar animation if someone has the info where I can do this
how did you do this?
https://github.com/YashjitPal/Arc-2.0 gave credits to Natsumi for: 1) README.md 2) PiP 3) PDF viewer
neat
how did you add 5 theme colors?
my plus icon greys out after 3
idk probably because I made the thing before the update
apart from transparency
what is new in here?
ill steel ur better customise urlbar btw 
sure
btw put more ss in the readme
the screen recording has not captured full screen
arc pinned extensions, better gradient for essentials, a lot more better and polished customize toolbar, better workspace strip at the end of the toolbar. more rounded corners for essentials and tabs, better url bar, arc icons and arc font. better pdf viewer and pip (from natsumi), better loading animations
there's like a lot
i need this
The instructions are given in the GitHub repo on how to install. More info here #1345153916773339217
@hidden kernel Pardon the ping but does natsumi still have the css related to tab groups available somewhere? I wanted to enable the config for myself and see what i can do to make it usable for myself
no
New Tabs Which version is this?
you can have new tabs on all versions
you just need to enable a config
if its in this theme may you please name the config option
its not in natsumi , but a global zen config
zen.urlbar.replace-newtab
turn it to false for new tabs
set it to false for new tabs
done thanks
you're welcome
alright who tf keeps sending then deleting their messages in here
Was me, sorry! I accidentally posted here instead of #zeneral
alright dw
Actually, I think you should worry
lol
share ur css
its the old natsumi css
/* Animations */
@keyframes urlbar-appear {
0% {
margin-top: calc(var(--zen-toolbar-height) * -2);
}
75% {
margin-top: 20px;
}
100% {
margin-top: 0;
}
}
@keyframes urlbar-appear-sideways {
0% {
margin-left: -28vw;
}
75% {
margin-left: 20px;
}
100% {
margin-left: calc(-1 * var(--urlbar-margin-inline));
}
}
/*noinspection CssInvalidFunction*/
@keyframes results-appear {
0% {
opacity: 0;
margin-top: -90vh;
}
50% {
opacity: 0;
margin-top: -90vh;
}
75% {
opacity: 0;
margin-top: 0;
}
100% {
opacity: 1;
}
}
/*noinspection CssInvalidFunction*/
@keyframes individual-result-appear {
0% {
opacity: 0;
scale: 0.5;
background: var(--natsumi-colors-tertiary);
filter: blur(20px);
}
50% {
opacity: 1;
}
60% {
opacity: 1;
scale: var(--expand-width);
background: light-dark(var(--natsumi-primary-color), var(--natsumi-colors-primary));
filter: blur(0);
}
100% {
opacity: 1;
scale: 1;
background: transparent;
}
}
/*noinspection CssInvalidFunction*/
@keyframes individual-result-appear-subtle {
0% {
opacity: 1;
scale: 1;
background: transparent;
}
60% {
scale: 1.05;
background: light-dark(var(--natsumi-primary-color), var(--natsumi-colors-primary));
}
100% {
opacity: 1;
scale: 1;
background: transparent;
}
}
@keyframes pinned-icon-appear {
0% {
opacity: 0;
scale: 0.5
}
50% {
opacity: 1;
}
60% {
opacity: 1;
scale: 1.1;
}
100% {
opacity: 1;
scale: 1;
}
}
swap out the current animation css with this
Please send code as code snippets and not normal text
```css
your code goes here
```
Like that
bro i cant get (``````) on my keyboard. it come as ( ''' ) and it doesn't work as a code snippet
also keep the animation is the first part of the code, keep everything under the title (urlbar styling) and onward
the key below tilde(~)
not single quote(')
youre probably looking for #1345153916773339217
Oh maan really, why did I post it in here.
Omg mb
Sorry
np
lol np
@hidden kernel
can we have the tabs animation like macos windows changing animation
like how the go from left to right
ill add it if i want to
just tell which file to edit for that
will try
@hidden kernel why is this pip broken for rectsngular video?
ohh
Heya peeps 
When I use Natsumi, the Fluid URL extension doesn't wanna do its thing and it just shows my accent colour instead.
Already tried changing Natsumi configs in about:config, but nothing appears to be working.
Anyone know what exactly I would need to change for it to work again, as it would without Natsumi?
just dont use the extension/mod
...
Hey Mr Green are you planning to implement a better tab group now that it is possible for the next beta update ?
did they implement folders
i aint gonna update natsumi just to support a mod when i dont even use it
FF?
no but in Twilight this is already possible
since the functionality is there all you need to do is improve with your CSS ig? (I dont know anything about frontend)
it works fine
(more specifically -> its not theme color dependant)
(i forgor to use natsumi lmao)
thats great and all, but it doesnt really help in the end xd
But apparently its an issue on my side then. Still dont know how i could fix that, since i'm a css noob and have no idea what i would need to change. I was just looking through the theme files and i dont understand a thing written there 
Also, i recorded a clip just so i can show what the issue is.
-# If you have no idea what to do there, just say that but pls dont show me that it works for you :,) You dont know how frustrating that is.
ah that
enable natsumi.theme.disable-loading-animations
now it could possibly be a Fluid URL issue instead, cause now the animation is the same as when the mod is disabled-
this is awful xd
.-.
@blissful root bruh you reacting to something from 2 and half months ago 😂
lmao i just found this hahaha
?
okay so i found out that it's an issue with Pineapple-Fried (https://github.com/TheBigWazz/Pineapple-Fried) so I'll see if I can figure it out. Thanks for the help tho!
ah the person reacted to something from months ago 😂
which one
Ah it was from the first time you posted the docs for natsumi
how do you have those nice folders for tabs?
i removed folders a long time ago
anyone figured out a fix for the code of folders?
i tried looking in inspector mode to find the new class id for tab-groups but no luck yet
This message should be pinned, so everyone who asks can have a direct answer easily
like anyone checks pins lol
Well I dp
It makes more logical sense to verify if an information was given, than to ask directly and bother other
And, the best way to verify are pins (and research, but with this many people, hard to find the correct message)
didnt someone say he/she had the same problem?
what does one do? It happened right after updating to 1.9
no mods/css other than natsumi
i gotta release the latest fixes
it's removed from zen or natsumi?
natsumi
ohh thank, I'll dig through people's config then 🤣
thanks it worked
mr.green did you change the urlbar animation back to the old one?
@hidden kernel left is natsumi while right is a new profile.
What's wrong with sidebar borders???
does anyone know how to get rid of these borders?
i still have this top bar although I am using natsumi.theme.compact-marginless . Am I doing something wrong?
hello
how do i turn this off?
'
this glow from this tab and from all tabs on hover
i really dont like it
for the love of god
can people STOP ASKING ME TO REMOVE THAT
im not removing it until i decide to make a natsumi v3 at least
then tell me how to turn it off haha
you dont
stick with it or uninstall it please
i am not making it toggleable just to satisfy a few people especially when its one of the core design parts
it would be easy to make it toggableable
i refuse to
why should he ?
end of discussion
either you use it for what it is or you dont
ill remove it once i actually stop liking the design
because its a feature that could make it more customizable
not saying you have to remove it or make it toggaleabl
your choice in thate
no need to be rude mate
i was simply asking
i'll write smth here so i can pin it
u could just ask chatgpt to remove it by looking into the code
thats what i did to edit natsumi theme
should have done that
It's literally this
It's this easy
Why bother him guys
All you need to change is a 0.35 to 0.00
a lil message from me in light of recent events
if you want me to change core design elements of natsumi, you will get your idea rejected immediately.
why? as selfish as this may sound, natsumi is designed for me, not for you. it's only public because more people than i can count asked for it, not because i wanted others to use it. it's made to cater MY design preferences, not yours. so if you seriously think i'll be making design changes just for my users, think again.
call me a dickhead if you want, i don't give a fuck. i CLEARLY said it's my personal rice, you still used it, and yet you still think you can complain that i'm sticking to the project's values. if that's you, kindly uninstall natsumi and don't bother with it. not my fault you didn't read the README properly.
bye.
also read this while you're at it: https://greeeen.dev/natsumi.html
That’s tuff
I like the tab colours idk why others don’t
are people still nagging you?
ye
the problem is not whether people like it or not
the problem is there are some entitled people who cant read the goddamn readme
wasn't some dude banned already.
from this thread
and people still dont get the message
buttons in the pdf viewer don't show up anymore for som reason 
update
people forget this is just a showcase channel to show off and share their cool css

