#Natsumi Browser (my Zen Browser userchrome)

1 messages · Page 2 of 1

hidden kernel
#

999 messages 🤯

#

and with that it's now 1000

#

is this a new record

supple aspen
#

1003

slim prism
hidden kernel
#

this is already built in on mac

final sleet
#

like this

#

this only works on compact mode

#

when not it compact mode, its solid

hidden kernel
#

reduce your contrast

final sleet
#

you cant get these colors in the color wheel.

#

you can add AA to the end of each color in costom color or this

final sleet
supple aspen
#

thats cool

balmy sparrow
supple aspen
#

real glass effect

final sleet
supple aspen
#

no i mean i didnt know we can use lineargradient code instead of hexcode

azure mirage
#

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

hidden kernel
azure mirage
#

really? I rmb it looking differently also I've completely tried multiple new css and they don't apply

hidden kernel
#

i removed it

azure mirage
#

oh recently?

hidden kernel
#

ye

azure mirage
#

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

atomic phoenix
#

Hi one ask. Please I can sidebar in css recolored my custom hex color??

#

But work blur with color...

hidden kernel
#

i wonder if i should make a natsumi browser discord server

dreamy basin
#

You could make a server for projects under your name, why stick to natsumi alone happy zenbento.py and your upcoming GUI app for uCL are very cool too

vestal falcon
undone idol
#

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

undone idol
#

@hidden kernel sorry for pig but is this toggleable or in css?

hidden kernel
#

will add an option for next release

boreal finch
random slate
#

Bro just noticed

boreal finch
#

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

dreamy basin
#

mr. green, could you please check if you're having this issue as well? Removing natsumi fixed this animation for me.

hidden kernel
#

i removed the custom animations there

rocky arrow
hidden kernel
#

yep

#

once rices api is up

rocky arrow
#

when will it be any idea?.

hidden kernel
#

no

dreamy basin
rich oak
#

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;```
hidden kernel
#

probably a conflict with mods you have installed

rocky arrow
#

i am having problem in hover delay of selected tab does natsumi css affect that?

hidden kernel
#

no

silent quartz
marsh crest
#

How can i get this color theme ?

silent quartz
marsh crest
fast harness
#

then just.. move the color knobs around

supple aspen
silent quartz
hidden kernel
#

i'll try to fix this for next release

void acorn
#

hi mr. green, is this out yet? my current sidebar takes so long to close in compact mode

supple aspen
hidden kernel
#

i removed the experiment

void acorn
#

wait what?

hidden kernel
#

because theres zen 1.7b

#

that has bounce natively

void acorn
void acorn
supple aspen
#

its there already in the browser now

hidden kernel
#

natively means its in the browser

void acorn
#

but my sidebar takes too long to close

#

I want it to close immediately when I take move my mouse away

random slate
#

@hidden kernel Which module tweaks the flare of Essentials?

#

Seems like it messes with the native favicons

hidden kernel
#

the base one

random slate
#

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?

random slate
#

It looks like this

hidden kernel
random slate
hidden kernel
#

this is what it should look like

random slate
#

Still doesnt

dapper lava
random slate
dapper lava
#

Woah this looks epic

random slate
#

There's this weird border

hidden kernel
random slate
#

With pineapple?

hidden kernel
#

idk

#

but i dont manage it

hidden kernel
random slate
#

I only use Pineapple with yours

dapper lava
hidden kernel
#

ask for mr wazz to update it then

random slate
#

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

boreal finch
# random slate

this could be superpins mod? I know there's settings for essentials border.

boreal finch
random slate
#

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

hidden kernel
#

why tf would you use natsumi without the base

random slate
#

Idk works fine ig

#

That border wouldnt go without the base man

twilit coyote
#

does anyone know where to disable the container border?

random slate
#

Hehehe

#

Bro got the same as main

dreamy basin
#

Essentials look great now. Respect for the wizard has gone up even more

dreamy basin
#

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.

silent quartz
#

still seems to be broken on 2.2.1

hidden kernel
#

what is

silent quartz
hidden kernel
#

oh that

balmy sparrow
#

why is this?

hidden kernel
#

gotta update it for 1.7.1b

#

found the issue

#

enable zen.theme.essentials-favicon-bg

#

2.2.2 released, please update

twin osprey
#

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.

balmy sparrow
random slate
#

Finally found the solulu to that bizarre flare I had

#

Without deleteing base.css ofc

#

Yay

#

Am I a css expert now

ornate trellis
#

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.

shy fern
hidden kernel
#

i like this urlbar ngl

dreamy basin
#

do it!

hidden kernel
#

its already an experiment lmao

#

basically the "shit i like but not really finalized for release yet" stuff

dreamy basin
#

ah gotcha

#

It would be a good tweak

thick herald
#

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

random slate
#

It' just copy and paste man

#

If you have the chrome folder

shy fern
# ornate trellis Does anyone know how to remove the workspace/container color from the tabs? I th...

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

thick herald
#

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?

hidden kernel
#

yes

#

also, natsumi 2.4.0 is out with compact urlbar and 1.7.2b patches

shy fern
#

Damn you work fast

thick herald
#

How do I update to 1.7.2b?

#

...probably github, sorry new to not just using chrome

hidden kernel
#

helps me get the next natsumi release compatible with the next zen release

thick herald
#

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 😦

hidden kernel
#

use the beta version

#

its more stable than twilight

thick herald
#

so i download the beta from github, correct?

hidden kernel
#

you can update through the browser

thick herald
#

sorry for basically asking to have my hand held, but where is the "update" button 🤔

hidden kernel
#

three dots => help => about zen (or whatever its called, im on macos so it doesnt show)

thick herald
#

Oml thank you

hidden kernel
#

np

latent delta
#

help the group is not deleting

thick herald
#

still cant get it to look like the pictures, but hell atleast things are changing now 🙂

Thank you very much!

latent delta
#

How do I get this kind of floaty bookmarks sidepanel and the web panel and if possible the history panel

slim prism
#

With natsumi css

#

I think its default with natsumi? Forgot

thick herald
#

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

thick herald
#

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

restive pilot
forest tree
#

Does it work with compact mode?

dreamy basin
#

yes

wind drum
#

clicking esc after bringing up the findbar doesnt make it disappear it stays gliched on the page like this

random slate
#

It used to be like that for me

#

Fk I forgot how I fixed that

#

Did you update?

random slate
#

Do you have the better find bar mod installed?

random slate
#

Delete

wind drum
#

oh

random slate
#

It's the conflict

wind drum
#

ahh

hidden kernel
#

uninstall it or enable natsumi.urlbar.disabled

wind drum
#

i see

#

got it thanks!

uncut spoke
#

a

hidden kernel
#

a

uncut spoke
#

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

uncut spoke
#

i like this mod but i really dont like the urlbar animation

#

can i remove it

#

and how

random slate
#

natsumi-urlbar.css

#

Delete this css file after installing Natsumi

hidden kernel
#

just remove the import statement from the preload file

#

this is more safer than deleting the file straightup

random slate
#

Oh

#

I'm a zoob

hidden kernel
#

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

random slate
#

I always delete stuff

#

Simple as that

latent delta
#

why is one tab group created in all workspaces??? any fix

latent delta
#

nvm i got it

hidden kernel
#

nvm im just gonna delete the css from the repo

slim prism
#

NOOOO

#

I LIKE THE TAB GROUPS

rocky arrow
#

does new update broked the url bar blur?

hidden kernel
#

you gotta update natsumi

rocky arrow
#

like now padding in url is uneven

sweet pond
#

How do I use this?

marsh crest
#

It is not the fear of undertaking, it is the fear of succeeding, which explains more than one failure.

shut lagoon
random slate
#

Bro rlly shared pineapple's readme in Natsumi thread

dreamy basin
#

my boy, I thought I clicked on Pineapple thread

supple aspen
dreamy basin
#

Good thing PF does require Natsumi skully I'd feel very very bad otherwise

hidden kernel
#

gonna take a break working on natsumi

#

i wanna try building smth else

slim prism
#

I cant update cuz tab groups might disappear

ornate trellis
#

the last update of twilight ajust the groups, but natsumi no update theme yet

dreamy basin
hidden kernel
#

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

slim prism
hidden kernel
#

speaking of tab groups

#

ff135 on feb 4

#

and tab groups there look clean

random slate
#

Not better than Natsumi's

cloud vector
#

skully no tab group

#

that hoed all my setup

random slate
#

Just dont update

#

Or reroll back to 2.4.0

hidden kernel
#

i said id take a break but

#

i wanna work on smth

#

so ima work on stylizing library and pip

hidden kernel
#

soon™️

#

also soon™️

rigid cove
#

pip

random slate
rocky arrow
#

btw looks amazing

supple aspen
hidden kernel
#

ye

dreamy basin
#

I thought you were referring to pip from Python, just realised it's picture-in-picture

hidden kernel
#

lol

hollow scarab
hidden kernel
#

coming very soon

hollow scarab
#

You clearly rock !

Again, I don't know how I could thanks you more, but...THANKS !

hidden kernel
#

ngl i could customize the devtools window but im not gonna because its already good enough on its own

random slate
#

Yea at this point green is just gonna release it as a standalone browser

silent quartz
#

Can anybody please confirm if this is a problem with Natsumi or have I messed something up...thanks

hidden kernel
#

i didnt fix it yet

hidden kernel
#

fixed for v2.5

hidden kernel
#

some quick changes

hidden kernel
#

natsumi 2.5.0 is here

#

enjoy

silent quartz
#

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! 🙌

hidden kernel
#

sorry cant

#

theres a limit to what i can do with css

slim prism
#

Thats insane

#

How is that even possible tho, pip doesnt have proper media controls right

hidden kernel
#

yes it does

shut lagoon
# slim prism I cant update cuz tab groups might disappear

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.

shut lagoon
hidden kernel
#

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

shut lagoon
#

Understood 🫡

supple aspen
#

Why is everything so sharp on macos tho

grim marsh
#

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

hidden kernel
#

what accents

#

also that looks like a modified version of natsumi

grim marsh
grim marsh
hidden kernel
#

no it wont

#

pineapple fried makes modifications to the urlbar

crimson tartan
#

it got mountains

grim marsh
grim marsh
random slate
#

What is the library supposed to look like?

#

Would love some ss

fleet fractal
#

how do i get black colored border pwaese :P

#

and remove this gradient

hidden kernel
#

gradient wont be removed

#

if the gradient is a bother then either modify it yourself or don't use natsumi

random slate
#

Its code is in the base.css

rocky arrow
hidden kernel
#

i dont want to add too many toggles

#

especially for the base css

fleet fractal
#

not toggle just wondering which part can be modified to remove it

random slate
somber quartz
#

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

hidden kernel
#

you imported it right

somber quartz
#

yes I did

hidden kernel
#

ik

#

doesnt look off imo

somber quartz
#

How can I achieve this theming style and color for the sidebar sir?

hidden kernel
#

tab groups: cant (removed)

color: workspace theme colors

fleet fractal
hidden kernel
#

its centered

hidden kernel
#

design consistency

#

natsumi 2.5.2 releases with zen 1.7.5b

final sleet
#

@hidden kernel is there a way to get rid of this glowing effect?

slim prism
#

just remove userContent.css file

random slate
#

You dont' delete it

#

You unimport it

random slate
rose brook
#

I can't get the library and PDF customization to work.
Any idea why or how I could fix it?

vestal falcon
hidden kernel
#

and for pdf viewer you also need to copy natsumi-pages and userContent.css

vestal falcon
#

hey mr. green i absolutely LOVE all the work youve put into natsumi

hidden kernel
#

thanks

final sleet
#

same for the weather

hidden kernel
#

ill probably add a force dark shadow config so it doesnt "glow"

rose brook
#

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

hidden kernel
#

it's the base theme for natsumi

fleet fractal
fleet fractal
#

@hidden kernel

slim prism
#

updating after a long time skully

random slate
fleet fractal
random slate
#

In settings

fleet fractal
#

floating urlbar is enabled

random slate
#

Send ss of that settings

#

Url bar behavior

fleet fractal
random slate
hidden kernel
#

gonna release 2.5.3 for some animation improvements

sage abyss
#

you guys know how to turn off the essentials border on the natsumi?

the green stuff

final sleet
#

how do you set custom background using natsumi ?

hidden kernel
final sleet
#

@hidden kernel how often do you update natsumi?

hidden kernel
#

when i feel like it

wanton ether
#

@hidden kernel How did you get em folders.

hidden kernel
#

i removed em

carmine canopy
#

what's the latest userchrome file in this chat

dapper lava
carmine canopy
#

what's the repo link

shy fern
carmine canopy
#

very cool

sage abyss
carmine canopy
#

where's the original tab groups css from vicky?

woeful rampart
#

what did i do wrong here? This is new instant with no mods beside natsumi
Tab group not working

#

ok it's been removed

woeful mason
#

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?

hidden kernel
#

thats called caching skully

hidden kernel
#

nvm i found the issue

#

fix published

random slate
#

Good thing I dont use Googla

final sleet
rocky arrow
hidden kernel
#

sigh

#

you know what im locking this thread

#

maybe till next week where i can take my time to relax

hidden kernel
#

unlocked

slim prism
void acorn
#

poggggg

dreamy basin
hidden kernel
#

time to add compact mode to natsumi pdf viewer

hidden kernel
#

due to popular demand

#

you can now force shadows to be dark

#

personally i prefer the glow effect over this

slim prism
#

unpopular demand

#

glow is better

hidden kernel
#

ik

#

its just a config

slim prism
#

pog update Gigachad

hidden kernel
#

if people say "dark shadows look like ass on dark theme"

#

get over it

slim prism
#

whack em in the head

hidden kernel
#

you asked for it not me

lapis marlin
#

how do you have folders? thats the main thing ive been having a gripe with coming over from arc

hidden kernel
#

i dont

#

i removed them

#

waiting for cheff to implement them

hidden kernel
#

ngl ive been thinking of making an installer script for natsumi

#

but i dont think thats a good idea

slim prism
#

installer skully just do git clone

#
cd .zen/yourprofile
git clone --single-branch --depth 1 https://github.com/greeeen-dev/natsumi-browser.git chrome```
lyric roost
slim prism
#

clones the repo into chrome folder

lyric roost
#

does that mean it auto updates?

slim prism
#

no

#

but I can update

#

with git pull

slim prism
lyric roost
# slim prism like this

That's really cool, I'm new to CSS is there a guide somewhere that shows how to do all this?

slim prism
#

uhh thats not really related to css

#

just git in general

lyric roost
#

Oh okay

final sleet
#

@hidden kernel i think these animations will be good for natsumi

hidden kernel
#

i already said no once

#

stop

final sleet
#

fine

slim prism
wary kernel
#

Why doesn't the Natsumi config appear in about:config? Can anyone help?

fleet fractal
#

you need to enter the entire thing and you need to make it (in about:config)

#

its not a

#

already present thing

fleet fractal
#

what were you trying to add?

wary kernel
#

nothing, i just want to mess around with it

hexed mortar
#

any way to remove this?

tribal turret
supple aspen
hexed mortar
lyric roost
random slate
#

Change this on line 144

#

mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));

hexed mortar
random slate
#

It works the same

hidden kernel
#

cheff said natsumi looks bad

#

😔

rocky arrow
slim prism
#

its epic wdym

rocky arrow
#

look at the selected tab

slim prism
#

Looks fine

hidden kernel
random slate
random slate
rocky arrow
random slate
#

Just because you dont like it doesnt make it shit bruh

#

It's because he made this is why you can modify it

hidden kernel
#

natsumi is about making it personal for ME, not YOU

#

if i like it, its good enough

rocky arrow
hidden kernel
#

jesus christ

dapper lava
#

again

#

his taste

#

not yours

random slate
#

If only this was reddit

dapper lava
#

nobody's forcing ya

rocky arrow
#

#general

random slate
#

His downvote streak would be epic

hidden kernel
#

go fucking uninstall natsumi then

#

dont even use it

dapper lava
dapper lava
hidden kernel
#

since you cant even understand the whole purpose of the goddamn project

slim prism
rocky arrow
hidden kernel
#

sigh

#

might as well take the project private if this shits gonna continue

random slate
hidden kernel
#

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

hidden kernel
#

forgot i could do this

#

im calm now and i blocked them so ima just unlock the thread

dreamy basin
#

We back in business

hidden kernel
#

except im still burnt out 👍

dreamy basin
#

Rest is must

dapper lava
#

real

dreamy basin
#

For humanity's sake, let's not gaslight

hidden kernel
#

timed out (and deleted)

#

im fucking done

dreamy basin
#

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.

hidden kernel
#

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

dreamy basin
#

Fair

#

Rest

hidden kernel
#

im calling my gf in here

#

i need her to protect me in case this shit happens again

slim prism
ripe rune
#

can someone tell me what's the problem?

#

come on say something

hidden kernel
#

lemme try to summarize it wait

ripe rune
#

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

hidden kernel
#

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

fleet fractal
#

this says a lot

ripe rune
fleet fractal
#

thats the neat part

ripe rune
#

Okay?? Does it ever prove a point that they have a project??

fleet fractal
#

what

#

no

#

they can't code shit

ripe rune
#

see?

#

Now why talk shit when you can't make one yourself

#

That's totally an opinion coming from an amateur

dreamy basin
#

Load minority who get a kick out of speaking shit about others and their shit.

ripe rune
#

If they know better why not give a proper advice?

tribal turret
fleet fractal
ripe rune
#

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

fleet fractal
#

oh wait

fleet fractal
#

are you this

#

oh

#

makes

#

more sense

#

maybemaybemaybe

ripe rune
#

i couldn't understand the context of my bf's conflict so i decided to see it for myself

marble wagon
ripe rune
#

exactly

#

which is he never did

#

and he's here spatting out nonsense because he hating

dreamy basin
#

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

hidden kernel
#

already did that

dreamy basin
#

How can we let someone else dictate out actions? Directly or indirectly. You react, they win. You don't they loose

dreamy basin
slim prism
hidden kernel
#

i considered it

dreamy basin
slim prism
#

its very new lol ofc you didnt

dreamy basin
ripe rune
#

Now that's a useful feature

dapper lava
#

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

hidden kernel
#

good thing they left

dapper lava
#

yeah

hidden kernel
#

you know what

#

next time they join and harass me ima ban them for harassing mod makers

dapper lava
#

🔥

hidden kernel
#

hmm

#

also ima replace all default static accent colors to green

tribal turret
dreamy basin
#

Not long ago, I mentioned I'm about to go do green

#

Good timing

dreamy basin
#

yep

dapper lava
#

yep

final sleet
# hidden kernel

will the current animation be replaced with that one, or will there be a way to toggle them?

dreamy basin
#

I found a good wallpaper online, it was all green-ish

#

So, I'm all in for green

hidden kernel
#

oh ok

dreamy basin
#

Yeah, you like green? I could share the wallpaper

hidden kernel
#

nah i got a wallpaper already

dreamy basin
#

Gotchu

final sleet
final sleet
shy fern
# final sleet what is ricing

Ricing just means theming and customizing. It is a term referring to cars, which also came to be used in some online communities.

marble wagon
dapper lava
dreamy basin
dreamy basin
#

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

slim prism
#

doing green mr_glorp

hidden kernel
#

why are you all taking things the wrong way smfh

final sleet
hidden kernel
#

you all are weird

dreamy basin
#

You're just popular ig, don't mind them

#

Also, here

#

@final sleet

final sleet
#

noice

#

it is very calm

dapper lava
hidden kernel
#

but oh well

#

what can i do about it

final sleet
#

the one im using right now looks kind of haunted

dreamy basin
hidden kernel
#

yep

dapper lava
dreamy basin
#

Yeah, couldn't relate

dapper lava
#

real

dreamy basin
#

yk what, I'm doing green rn, on my main. Screw it

#

Right fricking now is the time to rice n spice

final sleet
#

im sorry but the natsumi urlbar is just🤌

#

i was going to say more but it got blocked

#

for inappropriate language

final sleet
slim prism
#

Use Cyrillic alphabets

hidden kernel
#

ima just

dreamy basin
#

Sadge I like natsumi though

hidden kernel
#

ik you all do but please stop trying to make me uncomfortable

dreamy basin
#

gotchu

velvet venture
random slate
slim prism
woeful rampart
#

i have some question
How to disable the over saturation on these essential icons?

sage abyss
# hidden kernel

Wait this looks so good. I lowkey wish I could make it look exactly like this on windows

dreamy basin
sage abyss
#

How since I feel like the Mac version feels more 3d like and not so flat

void acorn
#

Has anyone found a way to make the natsumi pdf viewer background transparent? Just thought its a nice concept

final sleet
#

they may add it to the natsumi tweaks

void acorn
#

okay :)

topaz steppe
#

Give me your tab group css please.

shy fern
low prairie
#

On Flatpak yes, but the aur was fine

slim prism
#

are you on wayland

low prairie
#

Could this not be made into a zen mod?

#

Would be much more handier than to deal with userchrome css

hidden kernel
#

no

#

zen rices are coming soon

shut lagoon
hexed mortar
#

did you get

#

tsb

#

groups

#

my kzeybsard is trsolling me

hidden kernel
#

actually no

#

i just removed it entirely

#

once theres tab folders in zen ill prob add my own skin

hexed mortar
#

ayy nice

hidden kernel
#

it's back

#

floating navbar

#

coming soon

velvet venture
hidden kernel
#

might make a natsumi website

#

and actually treat this as a main project instead of a side project for once

past crag
#

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

slim prism
velvet venture
hidden kernel
#

no

velvet venture
dreamy basin
#

I can't imagine a scenario where that will be worth it skully

#

Plus releasing would cost money as well ig? Not sure what the rate would be

visual pond
#

the tab groups doesnt works

hidden kernel
final sleet
#

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?

queen heart
thorny obsidian
#

Natsumi 2.6 + zen 1.8 is absolute peak, amazing work

hidden kernel
#

2.6.1 coming out soon with some fixes

queen heart
#

Kidding, goodluck with bug fixes

hidden kernel
ripe rune
#

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

crimson tartan
#

Are u mr green

#

Respect the message though bubs

hidden kernel
#

thats my girlfriend not me

crimson tartan
#

Makes cents

dreamy basin
#

Your preferences are pretty good I'd say. Nothing I can suggest here, you do you happy that's how natsumi became a thing in the first place!

hidden kernel
#

2.6.1 is out

hidden kernel
#

im making a natsumi installer but ima gatekeep it dogchoke

visual pond
final sleet
#

does anyone know how to change the standard primary color for natsumi?

final sleet
sharp pumice
covert quarry
visual pond
#

what is chrome folder
kinda confused while installing natsumi browser

sharp pumice
#

If it's not there create one

visual pond
sharp pumice
visual pond
sharp pumice
#

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

sharp pumice
#

There shouldn't even be a chrome folder

visual pond
visual pond
ripe rune
sharp pumice
slim prism
hidden kernel
#

lol

visual pond
hidden kernel
#

natsumi browser: for the zen browser window
natsumi browser pages: for some websites

low prairie
#

Why can't this be made a zen mod btw what's the reasoning

slim prism
#

too modular, and has stuff in userContenxt mods dont support this yet

#

this will be a zen rice when its released iirc

queen heart
#

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

austere raptor
#

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

hidden kernel
austere raptor
#

where would i find this flag?

hidden kernel
#

go to about:config and create the config

austere raptor
#

ah ok cool

#

didnt know you could do that

#

woah it worked

#

godlike thank you 🙇🏻‍♀️

covert quarry
#

Do you have an idea on how I can fix the pinned tab?

#

I tried to remove css but no luck

hidden kernel
#

doesnt look like its a natsumi issue

covert quarry
#

Got it, it was a mod

fleet fractal
#

what does this do?

marsh crest
#

I tested it on pdf files it give you more space to work on them

hidden kernel
marsh crest
#

its an ergonomic option

hidden kernel
#

ye

fleet fractal
#

oh

topaz steppe
#

I can't tab on other tabs in new version, why?

marsh crest
#

you can split multiples pdf by selecting your tabs and right clicking on them and click on split tabs

topaz steppe
austere raptor
#

also, is there a way to have the search bar more in the middle of the page instead of at the top?

visual pond
topaz steppe
hidden kernel
pseudo bone
#

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

hidden kernel
#

yes

covert quarry
#

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

hollow scarab
covert quarry
#

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) 🙏

hidden kernel
#

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 😭

sharp pumice
final sleet
covert quarry
#

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)

final sleet
covert quarry
#

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)

final sleet
#

it worked

visual pond
visual pond
covert quarry
#

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

hidden kernel
#

natsumi doesnt control urlbar width

covert quarry
#

Oh then another piece of css i implemented probably sorry for that

solid tulip
#

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?

sharp pumice
low prairie
#

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

covert quarry
low prairie
#

could some of yous share your gradient themes for the tab bar plz

covert quarry
#

I turned the primal tone in purple and specific color/workspace

topaz steppe
#

I have problem, when i click ctrl + T the blur is not bluring around the url

topaz steppe
#

Bc the blur dosent blur everything around the url

queen heart
#

For like a month now

#

Ill send you the css to add into your userchrome

#

For bg blur

queen heart
# topaz steppe Yeah, but i wanna make the blur work idk why dosent work now.

#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?

queen heart
visual pond
visual pond
visual pond
#

@hidden kernel this is one bug
if u click on urlbar to edit it the popup pops up at top left corner

tribal turret
#

any idea which part of the css adds this color gradient thing?

covert quarry
shut lagoon
autumn mason
#

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

hidden kernel
#

no clue

autumn mason
#

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

covert quarry
#

What is the variable for the theme color? I would like to replace "natsumi color" by the workspace theme
All good

covert quarry
#

=> natsumi.global.highlight-accent-color

covert quarry
#

Also, I would like to speed up the navbar animation if someone has the info where I can do this

pulsar bridge
hidden kernel
#

neat

sharp pumice
#

my plus icon greys out after 3

pulsar bridge
visual pond
visual pond
visual pond
pulsar bridge
# visual pond apart from transparency what is new in here?

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

pulsar bridge
queen heart
#

@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

hidden kernel
#

no

fickle forge
#

absolutely beautiful. the floating url bar animation is just 😍

lilac pelican
dapper lava
#

you just need to enable a config

lilac pelican
dapper lava
#

zen.urlbar.replace-newtab

#

turn it to false for new tabs

lilac pelican
dapper lava
lilac pelican
#

done thanks

dapper lava
#

you're welcome

hidden kernel
#

alright who tf keeps sending then deleting their messages in here

pseudo bone
hidden kernel
#

alright dw

echo cove
#

Actually, I think you should worry

hidden kernel
#

lol

pulsar bridge
final sleet
final sleet
# pulsar bridge share ur 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

dreamy basin
#

Please send code as code snippets and not normal text

#

```css
your code goes here
```

dreamy basin
final sleet
#

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

dapper lava
#

not single quote(')

hidden kernel
#

youre probably looking for #1345153916773339217

winter plover
#

Omg mb

#

Sorry

hidden kernel
#

np

final sleet
#

dam

#

my bad

dapper lava
#

lol np

visual pond
# fickle forge

@hidden kernel
can we have the tabs animation like macos windows changing animation
like how the go from left to right

hidden kernel
#

ill add it if i want to

visual pond
pulsar bridge
#

@hidden kernel why is this pip broken for rectsngular video?

hidden kernel
#

because you made it too small

#

and thats a zen thing

pulsar bridge
slate cape
#

Heya peeps bunny_sip

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?

hidden kernel
#

just dont use the extension/mod

slate cape
#

...

sharp pumice
#

Hey Mr Green are you planning to implement a better tab group now that it is possible for the next beta update ?

hidden kernel
#

did they implement folders

hidden kernel
# slate cape ...

i aint gonna update natsumi just to support a mod when i dont even use it

sharp pumice
hidden kernel
#

no

#

zen

sharp pumice
#

since the functionality is there all you need to do is improve with your CSS ig? (I dont know anything about frontend)

fleet fractal
slate cape
#

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 Wesh
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.

hidden kernel
#

enable natsumi.theme.disable-loading-animations

slate cape
#

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

hidden kernel
#

.-.

velvet venture
#

@blissful root bruh you reacting to something from 2 and half months ago 😂

blissful root
#

lmao i just found this hahaha

slate cape
velvet venture
velvet venture
dusky portal
#

how do you have those nice folders for tabs?

hidden kernel
#

i removed folders a long time ago

tribal turret
#

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

hollow scarab
fleet fractal
#

like anyone checks pins lol

hollow scarab
#

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)

sharp pumice
#

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

hidden kernel
#

i gotta release the latest fixes

dusky portal
hidden kernel
#

natsumi

dusky portal
sharp pumice
final sleet
#

mr.green did you change the urlbar animation back to the old one?

mystic marsh
#

@hidden kernel left is natsumi while right is a new profile.

#

What's wrong with sidebar borders???

final sleet
#

does anyone know how to get rid of these borders?

sharp pumice
#

i still have this top bar although I am using natsumi.theme.compact-marginless . Am I doing something wrong?

stuck axle
#

hello

#

how do i turn this off?

#

this glow from this tab and from all tabs on hover

#

i really dont like it

final sleet
hidden kernel
#

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

random slate
#

Dont

#

I, with my 0 css knowledge, managed to disable it fine

crimson tartan
#

I like it

stuck axle
hidden kernel
#

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

stuck axle
hidden kernel
#

i refuse to

dapper lava
hidden kernel
#

end of discussion

#

either you use it for what it is or you dont

#

ill remove it once i actually stop liking the design

stuck axle
#

your choice in thate

stuck axle
hidden kernel
#

i'll write smth here so i can pin it

tribal turret
#

u could just ask chatgpt to remove it by looking into the code

#

thats what i did to edit natsumi theme

stuck axle
random slate
#

It's this easy

#

Why bother him guys

#

All you need to change is a 0.35 to 0.00

hidden kernel
#

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

crimson tartan
#

I like the tab colours idk why others don’t

hidden kernel
#

ye

hidden kernel
hidden kernel
#

the problem is there are some entitled people who cant read the goddamn readme

final sleet
#

from this thread

#

and people still dont get the message

hidden kernel
#

ye

#

well i didnt ban anyone from a thread

#

i did ban someone today tho

wind drum
#

buttons in the pdf viewer don't show up anymore for som reason E_think

hidden kernel
#

update

fickle forge
#

people forget this is just a showcase channel to show off and share their cool css