#Wireframe 2.0
1 messages · Page 4 of 1
oh my gosh it worked
and changed the version too but automatically it may still take some time to update so just reinstall
lesgoooo
man, you don't understand how much peace that brought to my heart. I couldn't go a minute without glancing at the corner 😭
lmaoooo i understand 💀
(im trying) 
Nah, I'm not ocd, I just love good design
so u have ocd
ok guys I need some advice. I'm shifting from the old logo implementation to using svgs.
And therefore the old logo won't be an option anymore (or maybe it will if i can get a svg like that)
and so these are some options I have added rn. Which should be the default one?
i mean ofc i'm just adding randoms for fun lol
but we do need something to match up with the wireframe theme
i liked the original one tbh, or the first checks.svg
its simple and elegant like the theme
and very resizeable
yeah i was also thinking 1st one
and yeah lemme find something like the original
idek what to look for lol
also the reason im doing blank page changes first is so that after this I merge the pip and don't have to deal with this after pushing a new style that doesn't work without disabling the logo lol
yea lmao makes sense
can u align the colors to go better with the zen-primary-color
if its on the default theme
these screenshots look rlly good
or maybe just later on put color selection for these elements in the pref.json so people who have ocd can pick what they want
like primary
accent
border
text
heh
it's just the snipping tool and manual selection
oh-
the selected colors or u mean the groups?
ahh i guess you're talking about the selected tab color and other elements that still use the wireframe theme color
yeah i'll be adding the pref for them. Along with border color too.
Did try it earlier. Wasn't working on my local but worked with sine when I pushed it accidently lmao
yep yep
its nice only, change the color of that also to match the primary colors
will look better
also a very small thing but also the color for windows control or whatever its called
exit menu thingy
oh yeah. It was planned along with themes but i guess we can add custom color options first and then themes becasue themes will use the same variables ofc
so it's
- border color
- tab color
- menu color
- macos window controls color

yoooo
good work again as usual 
WireframeOS.
lmaoo

Take debian as base.
hell naw 💀
i can't even change svg colors and you guys are saying make a distro lmao
LOL
And btw, the svg should be customized in the color section, so that you could edit the colors from the css itself
yeah i've done that part
fill=currentColor
Is it working in the css??
nah it wasn't
i'll try again. Maybe I missed something
Check the code to makesure and send me the snippet to help you out
i cant take the credit its niivu on DeviantArt

theme it all

html, body {
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
background-color: var(--na-color-bg) !important;
color: red !important;
}
html::before {
content: "";
position: fixed;
inset: 0;
background-image: url("https://raw.githubusercontent.com/SehajveerSingh2005/zen-wireframe-2.0/bf814f7214b44020f2d2587d705bffdadd02c7f8/elements/wireframe.svg");
background-repeat: no-repeat;
color: red !important;
background-position: center;
background-size: 150px;
z-index: 9999; /* make sure it’s visible */
transition: filter 0.3s ease;
pointer-events: none; /* so it doesn’t block anything */
}
}```
- applying bg-color doesn't change the svg color rather changes the page bg as expected
- applying color has now effect on it because ofc it's added with background-image
@cosmic magnet
is this supposed to be fixed or later update?👀
Uhh what
Collapsed sidebar?
audio icon showing
Oh no wait
Yeah but I thought you were in collapsed mode
What
Was this always like this?!
How come I never saw it
it was hidden like two updates ago
I gotta try out wireframe2.0
It looks sick man
I love the loading animation on top of the url bar is crazy
And did you used our method to import the fonts??
What a magnificent piece of malware! 
Uhh no I saw arcline code and it was just simple imports and he’s also using variables for font weight which I haven’t implemented
I guess you are also using the same method
More like Fe got the code from CTG lol.
howd u get the window controls to the top left
will need a restart
what module contains the background color for focused urlbar?
im assuming thats edited with your theme or no?
in sidebar.css only
ahh ok
i just want to make it a bit darker
oh
u can add an option to tell the user btw
via sines notif thingy
we can? i've never seen that
@blazing prism ?
Need JS for that.
Oh
Any other mod using it? So i can see how it’s done
Idk, ask @cunning heath
i think ig idk
Oh, but fe itself got it from us soo.. ya. That is why I thought of where you get it
lmao
unless I find a way to make the colors dynamic, it's light for transparent bg, and dark for the "light tint" option in blank page theme options
hell yeah
pushed the blank page logo options pref!
and now this solves the pip issue too!
reinstall the theme since auto update is not working
oh hell naw
why is the logo still showing up in the pip 😭
holdup I gotta fix this again
i hate css

Hating the very thing that made customisation possible is diabolical asf
mr sehaz petition to make this the official wireframe logo

hell naw 💀
give me in svg format with transparent bg
idec let's do it 💀
btw doing the blank page stuff in a completely diff way now. Working upto some extent 
omg finally it's working!
reinstall guys 
will be adding option for custom logo too
maybe tomm
and other optios like changing logo size
AND color once I figure it out
shoud I add something like this?
what kinda style
lol idk
anything that suits
does this work
@cosmic magnet bro you there?
ohh pretty
Yo
Arcline?
I remember when ferro posted this earlier

It was very smooth there
In this looks a bit slow dk if it’s the recording
I use Arcline, and there is no support for tab groups from the time folders are released.
Yes, I made recording while I was making sure what I made was working right or not.
You should watch the last part fs.
Wait you made this?
Yes, no JS involved.
Damnnn
Yeah mb I didn’t see the full video
The preview is shitty on mobile for some reason
Steal it rn 
The restart property in prefs.json.
Set to true and it will tell the user they should restart.
Add that classic
i updated to the current version of wireframe, but about:blank has no logo even when i've tried changing the logos in settings
Oh- that’s good
Thanks! 
What 
Can you share a ss
Oh wait you’re using new tab 😭
Ok uhh I’ll have to add it in userChrome for about:newtab
doesn't work for about:blank either
I’ll add in in a few hrs
or, its the same result, just a blank page
It does 
well it doesn't work for me 
Did you turn of the new tab pref?
Oh no, you have to toggle a pref in about: config
It’s something like new tab replace or something
Yeah
What it does it removes the explicit new tab
So pressing ctrl T will not add a physical new tab but just show the urlbar
And thus closing all the tabs will take you to the empty tab
ohh, yea i turned this off
i want a new tab
yea its false
Oh
Ok then I’ll add the logos for new tab too
There would be others using new tab too so yeah
alright sick!
@harsh hawk even with new tab config set to false, I can see the logo after closing the new tab
doesn't show up on the new tab only but imma do it for that too
but u already have it on the url bar?
yeah
but this also looks cool
also CTG will be working on it since he wants it for arc 2.0 too
confirm this
i have an idea
kinda complex tho
have the loading just with the border and fade in the fill color for the tab when it loads
will suit wireframe more like that
hmmmmmmm
like the same as urlbar you mean?
nope, just the border then a final fade in like the url bar and the fill color stays
i would have made a figma design but i have exams this week ;-;
Border Loading Animation in HTML CSS & JavaScript | CSS Hover Animation & Effects
In this video tutorial, you will learn to create a card with its Border Loading Animation using HTML CSS, and JavaScript. When the percentage will be 100 then it stops animating.
🔗 Links
✅ Subscribe For More Free Tutorials and Source Code:
➤ https://w...
this but not looping
and from top and bottom of the tab
Oi, Natsumi did it in it's last version for Zen.
Check it out.
https://claude.ai/public/artifacts/35cc5366-1555-4052-aada-050837992705
https://claude.ai/public/artifacts/9f3931bd-41fd-47f1-9a5c-8d75b212f423
claude gave me this check it out?
2nd one is nice
yea, needs more of that fade in like url bar
also i wanted the first one to cover the edges but i ran out of tokens
ok ima go back to studying quantum mech biess
lol
Bro will be the one to create a portal to Quantum Realm for making time travel possible!
why do u think its not already possible 
It might be, but you'll provide access to everyone for it. 
fr people be gatekeeping rn
Though you'll not be taking responsibility for atoms deformation in the body, will you? @topaz anvil
You can make it a mobius strip for safe operation.
no way i got that reference 😭
All nerds will get this reference right away. 
when the teacher says your cheatsheet can only be one sided
Hi guys, sorry to bother but I need someone to check these issues I've got:
- window controls may need border, padding and icon fix (?)
- a black 'edge' still shows up on the webview corner when settings page is up
- using no-gap mode seems to prevent bookmark bar showing up from the top border!
- is it intended that icons in active tab get their colors switched?
- fonts do not apply to settings page
Also, not Wireframe related, but after the latest Zen update (NOT Twilight)...
- why do I have extension button in the urlbar???
- scrolling bar in webview panel completely disappeared
Nvm, fonts do apply to settings page now
The missing icon was fixed long ago 😭. It’s with the default right? I’ll have to check
Yeah the black corners only show up in the settings page for some weird reason 😭
Yes the actuve tab color invert was intended but I’ll be making it optional (thanks for reminding lol)
The bookmarks bar can be toggled with the shortcut key. It’s not always visible. (Share a ss if it is)
And regarding the stuff with latest update, I’ll check and report back about it after I reach home 
This has to because of other mod (window controls misaligned)
Cuz my OCD tester @proud ferry would’ve noticed this

I tried disabling all the other sine mods and reinstalling Wireframe: windows icons still misaligned and red icon symbol still missing 😩
I 'm really not used to shortcuts and i dont want to use them in that occasion. Anyway, I tried enabling no-gap mode and pressed the shortcut buttons: bookmark bar does not appear (maybe my fault? dunno)
Ig the bookmarks bar will be disabled with no gaps mod
If you are getting the bookmarks bad without it and don’t want it, then use the shortcut to hide it
Ugh
Try on a new profile
Also to confirm, red button icon missing for default window controls or the macos style? Because in the ss you are using the macos one and they don’t have the icon for close
But I remember back when i was using Nebula with nogaps mode, bookmark bar used to show up easily by checking the top border with mouse. In Wireframe nogaps mode it does not trigger at all 😔
Oh uhh i can fix that
Cuz rn i have straight up removed the margins
I can make it show up with a little tweaking
I’ll be doing this and checking other stuff in a while
Dafault windows icon are still there. When i use macos style indeed only the red one is missing, the other two are available
Yeah that’s intentional
Yeah might be a margin issue with the bar
Thank you so much btw, you and other devs💟
The thing is because of many different use cases, like urlbar on bottom with window controls on right, on left, urlbar on top etc
It was quite difficult and so when I added no gaps, I just nuked the margins for all cases 
No problem

I'm back XD. I opened a new profile as a test and i found out that the extension button is no longer in the urlbar and scrolling bar is back too: ig it was a Zen update bug or something (really annoying tho)
lol knew it
also, they're not misaligned
right?
Which I use all the time (being on a small laptop)
exactly like that
lol I get it
no worries I'll fix it. Just finishing up some uni stuff then i'll fix this
I mean it's not something horrible or makes zen unusable, it's a just a tiny graphic thing
Last thing I noticed is that compact mode never gets transparent to me, even with the flag checked in the wireframe settings
oh yeah that's my bad
i added the pref by accident but haven't implemented it yet lol
I'll remove it
Absolutely, take your time on anything!! I appreciate👍
transparent compact sidebar will be added in a day or two
Tnx💟
omg arcline has like a 1000 prefs 
almost got lost in there
(didn't want to sound rude)

lost in the realm of customisations 
@sullen anchor Dw, Fe won't come online and see this.
yea basically u just make the theme urself :3
lmaoooo
sine doesnt delete pref after deleting theme which i dont like
yeah 😭
its nice no, i would like to have pref there if im gonna use the theme again
if u wanan reset just make another profile
i have been asking for reset button in sine for 84 years now
that's fine if you wanna disable it.
If I want to remove it, then my intention is different ig
i mean u have themes u prob know where the pref is anyways, but yea sine should atleast have a manual delete button
clear cache kinda shit
yeah reset button is also nice
ahh btw anyone uses mouse not the trackpad? i have vibecoded a nice ahk script for making right click + scroll equivalent to ctrl + scroll
V2.3 releases next year, here we go!

?purge 2

lol i dont remember even half the prefs i made in my own theme how would i remember prefs of other themes
yes
with the latest update this has been fixed and more logo options are added
oh thanks
np! 
so why is there that white line at the top?
Uhh ok compact mode
And what other prefs?
Window controls on right or left? And urlbar position?
i hide the windows control from css
top urlbar
i dont use them
also what if we just move the workspace indicator up in the line of the navigation buttons, integrate download and settings button with it
also need to change some spacing here
not able to reproduce
could be because of some other mod or css
yea prob ill look around
glorious theme color
thanks to you
its giving so neobrutal with that media player
ahhh nice idea
lmao fr
oh yeah forgot about the pr 😭
are you doing some changes?
look into this then we can do some spacing changes
the corner issue is there on windows for the pip window cant do anything about it rn. its barely noticeable when borders are there so should be fine imo
but ye will try to look for solutiosn
js will fix it mostly
yeah
lemme take a look at pip for other themes
maybe someone has the fix
prolly arcline
@sullen anchor 👀
take a look at natsumi
whats the probelm with pip?
is that bottom dock mydockfinder?
yea
no rounded corners on windows
icons sizes😭
why dont u use windhawk?
same
somesones trash is someones gold
fr
https://github.com/ramensoftware/windows-11-taskbar-styling-guide/blob/main/Themes/Surface/README.md
this is exact dock except animations + you can literally style it with custom styles
there was i fix i remember vagely but idk how it works for me .
lol
@topaz anvil steal his code
no actually its a mess
yeah ik 💀
i've seen some
you would rather want chat gpting it then using that
still better than sameer's
i thought of getting the compact sidebar css from it
but idek what all the push and mask stuff he's done
😭
i mean yea ik
this was my windhawk taskbar
hell yeahhh
it was a headache to figure out the transparent color for the side controls thiing
u may need to remove the spotify border thing
the border around the taskbar? no i love it
i might change the color
but it's nice
wireframeOS

what's the topbar?
i thought it was yasb
i also tried soemthing
not that
i wanted to have a divider so i just added a right only border to spotify icon 
its zebar
ohh
yeah there was a preset like this. With the system icons integrated
umm how do I apply the config for taskbar?
here?
yea in the box
yeah i just customized it
lmao hope it still works, i havent updated my windhawk so
firee
😭
ah
like windhawk is goated for scroll on taskbar to change workspace feature
BorderThickness=0,0,2,0?
and change volume too
WHAT
omg 😭
yea thats spotify divider i was talking about
u can remove that
yeah yeah
but how do I make it work with windhawk?
why not use window manager?
whats that?
the native one is kinda janky
yea thats fine but u can have workspacecs
it's the reason I haven't quite hyprland and all
yeah that I like
the windows one is soo ass
can I just get the workspaces without the tiling ?
yea
how much ram it takes?
u can have default as floating
fr?
oo thats good i will try this
perfff
fireee
yea
cool
decrease those border radius
the bad part about zebar is the modules arent interactable in most themes
like its just visual
too much roundness clogging my brain
yeah i'll match them with the zebar ig

omg another OCD person 😭
but yeah valid question 💀
what is ocd?
ugh still the same
guess it has to do with the urlbar placement
welp now i'll never unsee this
i also apply border in zen thru css
forbidden thoughts 😭 whats that
yeah but when I used to use arcline, they were kinda off for me idk why
the double and other options
So i just used the custom one
lol
only one opition works
which one
half of things in arcline wont work for u unless u r me
do them maths questions 🥀
dont apply border use box shadow
ohhh
and i meant inset box shawdow
yeah that's clever
i'll try this tomm then
yeah I get it
lmao i hover up and the thing appears from bottom
oh the ss didnt get my cursor
but trust me

now I gotta
- merge ardo's pr
- transparent compact sidebar
- fix border
- custom color for border and other elements pref
- themes
someone fix those borders 
also u can decrease alpha for borders
just have bad eyesight
fully opaque with full transparent bakcground wierds out
yeah earlier it was 0.8 ig but I wanted them to be more prevalant 💀
i'll try 0.8 agan
what is the power of your glasses
-7.5 in left eye and 0 in the right
wrong ping
lmfaooo
damnn bruh
twin
fr fr :3
wait right ping both have glasses
right eye had around -3 earlier but it got corrected accidently after a surgery
because my corneas were damaged and had to be freezed from further damage
and that resulted in correcting the number in the right one lmao
wait i have 1.25 and i dont wear glasses someone told me lessics can fix once i have 8+ power
didn't help with the left one tho 
and now i have so unbalanced line of sight that I have to use lenses, even using glasses doesn't fix it all
yeah get the lasik surgery
best thing to exist
if only I could get it 🥀
i was today years old when i got know its called lasik
how much it costs?
lol
uhh costs around 80k ig but for me the reason is already damaged cornea so can't get it
stuck with lenses for eternity
oo sad lyf
welp
i should sleep now
sleep cycle is so fucked I sleep at 3 and wake up at 6

same for me lol
tab group css

oh yeah 
@cosmic magnet Can you link me to all the available flags for this CSS??
ahh yes the readme and config are not updated ig
you can check the prefs.json
I'ld love to disable that little hover effect for tabs, where they move a little
no probs
oh the animations-
i did have a pref for that for a very early version
but i had to remove it
wait lemme find the css for you to change
Ohh :( I'll live edit it out then
a'ight
i've added the prefs for both tab icon invert and tab animations
Uhh it’s in the sidebar.css only
Under focused tab comment ig
It uses —na-color-text
okk..
BTW there's a BIG problem with URLBar position
when it's on bottom, any popup will go out of the screen... (Like permission notification
Uhh change the urlbar behaviour to normal
That issue is known. Lemme also tey forcing it to be normal until I make the proper fix
I have to do a rewrite for urlbar but didn’t get the time for it
Lemme know if I can help. I am free for some contributions this sunday
yeah sure
i thought i'll be quite free this week but internship drive just started yesterday now I gotta grind for test tom 😭
Yeah, This code needs lots of work for sure 😭
yeah lol
cuz I didn't rewrite anything. Just fixed the broken stuff 💀
I moved URL bar to top but typing in URL is still in bottom. I thought I was being too irritating. So Vibe coded it out
yeah that's because there is just one universal floating urlbar
vibe code ain't workin
so.. do I have to manually move it?
oh you didn't toggle the urlbar behaviour?
to center it
I did toggle.
to normal?
if you want it rn, you can try.
Otherwise i'll be rewriting it soon anyways
yeah makes it centered horizontally
but the vertical position is fixed for now, regardless of the urlbar position
I wanted my normal floating centered search bar. With all completion suggestions and everything
oh like the default one, That'll be easy ig. Just remove the css related to floating sidebar
oh mb
urlbar
💀
for the id, should be something like #urlbar[open] or something similar
Thank god I am just asking and doing things manually
u should be able to toggle zen preferences no via js? just include it by default in wireframe prob?
yeah it's just 2 lines
will do it
is there a fix for these corners on pop up menus like downloads, extensions and menu?
Not currently 😭
I’ll try to do it tomorrow
alright 🙏 no worries lol
also two other things ive noticed:
- its impossible to open the bookmark bar when you have no gaps with single toolbar selected
- the music bar has no gap under it
oh? we're getting fixes to the urlbar?? 
is it possible to change the wireframe font?
i would love to use wireframge with monocraft
that could look so cool xd
and is it possible to change the color of the border?
Adding custom font isn’t possible through sine unless you have a web url for the font file
So what you can do is add it locally using userChrome.css
Get the code for it from font.css module if you’re not familiar with it
Oh that’s actually a very fitting font lol
I’ll try and if it’s nice, I’ll ads it to the options too
Not yet. You can do it manually from the css but option to change border color and for other elements will be coming in the next major update
ok i will look around in the css a little
The first is known
2nd one I haven’t noticed 
I’ll check
Ask for help if you need any!
is it a me thing or do the styled window control buttons not work on macos? Zens window control buttons on macos are a mess in general thogh xd
Im using sine. In wich file do I put my own css snippets. Do I create a normal userchrome.css in the chrome/ directory or do I edit the chrome/sine-mods/chrome.css
Yeah i think so
Cuz there was another mac user and also had the same issue
Yeah just change in your chrome dir
Sine one doesn’t interfere with the local one
@blazing prism is this true?
On Mac OS, disable Arc window styling via mod settings
I can't fix it it make it work as I don't have a Mac
tried all the window settings. they just move around a little and when you disable it the outer rings get cut off
No, my sister has one, but she is away
I made Sameerasw test it. In Arc2.0 theme, everything is good after Arc styling for window controls is disabled
Sameerasw has an iMac
And a MacBook Pro as well now!
Damn
maybe its a me thing because my window controls of zen dont even work when im using native zen
always thought that was kinda normal I did reinstalls of my laptop and of zen multiple times since it first occured and it always has been there
Yes, I think create a new profile as it might be some other CSS interfering
If that doesn't fix it, reinstall macos 
and if that doesnt fix it 😭
nah kinda overreacting
they are just grey the hole time
Purchase a new device with certification of Zen working
Omg you remembered i didn’t fix the splitter being round at the corners 
Tf bro? You can even choose brave, but don't choose that pos chrome that steals data and gives nothing in return.
Edge, helium and comet ☄️ better choice
Vivaldi as well ig
Yeah lol i just have the most obvious response
Yk i haven’t even installed chrome since aug 2024

Bro remembers when he stopped using chrome
I left before 2020
lol cuz I remember when i started using zen
Before that too i used arc, opera gx, brave
Never chrome
Damn
opera chinese propoganda
And now i don’t like comet cuz it’s just chrome
And i want vertical tabs
Data centres and headquarters in Norway, yet Chinese Propoganda,huh?
where does profit goes?

i always think before using any product
If anything is free, you are the product 

will do when alternative will be there
eww
There is! Purchase Kagi rn
profit goes where?
I dont get css 😭
grid-template-columns: repeat(auto-fit, minmax(40px)) !important;
}```
i just snacked that from nebula. Where I put 40px nebula had a variable wich was set to 40px. Why doesnt this work? I want to make the essential 3 per row.
Hmmmm
Should be working
Unless, 1. your css is not being recognised or 2. wireframe has some code that controls this
2nd one is probably not the reason
then its the file and i need to edit the file in sine/chrome.css
Hey do you have the configs enabled?
yea
in single toolbar mode the bookmarks toolbar swipes out when you hover over it. Thats doesnt work in wireframe. Now its too late for my experiments :(.
yeah this works for wireframe except in no gaps
Although the position of bookmarks toolbar is based on urlbar
If your urlbar is on bottom, the bottombar will be visible on hover (if enabled), on the bottom side
i added 2 to pr. 12px margin
was annoying me as well
I’ll be merging it today. Need to resolve conflicts first because of new additions
After that, custom color options for elementa
ly @cosmic magnet from mr modi
damn your leader is praising ur zen theme bro
lol i did from my friend’s laptop
Ah ok I'm using nogaps
All I need is some good documetation of this code... and maybe I'll make Wireframe 3.0 
Chaps, i appreciate the work.
lmfao
bruh idk what is happening. My wifi doesn't work when connected throught the main router but works fine if I connect to the extended on my floor?!
but on phone, both works fine

Omg i love the colors
Tho i think it should match the active tab color right?
Just use —na-color-border
yea its opp rn lmao
Commit this
I was about to look through and merge
i can do that ig. but i like the opp ness tho
its already there
didnt change anything
Oh ok I’ll see then
Anyone can help me with this tho 😭
btw is there no gaps for compact mode yet
I’m annoyed
succumb to ambani
use ur mobile data :3
idk tho lmao. try forgetting the router
Umm compact mode doesn’t have margin separation already
eh?
I mean i can use it from the extended router but it’s far away when I’m downstairs
collapsed?
What
uhh this is compact if you have floating sidebar
yeah
tho idk how to use your config lol
i want the media player to have fixed text, not marquee effect
u should match the bar color and taskbar color
yeah
im too lazy lol
anyway, check your sine for other mods
the compact mode has been no gap since v1
ohh? can have a pref to disable it ig?
ye cools
oh no lmao
i mean in the zebar 💀
ohh lmfao
just me or the margins are weird
like outside the media player, the right side has more space right?
btw i've merged it!
will be updating the version too
will be making some changes to media player (hiding buttons to make it minimal lmao)
and adding option to follow current light/dark theme or be inverted
bruh they are
yea good idea
on hover
just an alt style
tho idk what's that line along with the title bruh
some shadow?
fixed!
uhh the misalignment is killing me
what's the reason for this now
it's for the whole sidebar bruh
ok fixed
phew
ok i'm exhausted, been a long day already
will be free tomm so will be fixing some bugs before moving on to new stuff
- bookmarks toolbar for no gaps
- pip rounded borders
- macos controls on fullscreen mode
- webview border corners bleed on popups
- floating urlbar bugs (!!!)
- tab name not readable when renaming active tab
- chore: for media player, use tab border radius instead of webview (or not?)
- disable favicon pref flipped
- extra margin on bottm when urlbar on top
- media player flipped style weird shadow
tell me what else
Is this already on sine or no?
yeah, automatically gets updated after pushing
will need a reinstall for the theme
sine issue 🥀
since 1886
try out the media player and share any bugs or suggestions!
tab name not visible while renaming a tab
active tab*
i think this option needs to be changed to enable instead of disable favicon backgrrounds, because i have it on disabled and theyre there but when i toggle it off theyre gone
also that shadow is still there for some reason
also an option to disable borders on the pip would be nice
also it looks like there is no margin on the top but there is on the bottom
collapsed sidebar is not vertically centered
Yeah it’s kinda weird idk
When i added it, i wrote enable only but when I tested it, it was going the opposite so I changed it😭
I’ll check again
Ugh live editor glitched for me then
Hmm, I didn’t add any margins on bottom
Oh wait you have urlbar on top? Yeah makes sense then
Will fix it
Uhh nope this must be a you issue
I tested it yesterday was working fine
Oh it because of some mask image getting applied on it in the flipped mode, I thought i fixed it
@cosmic magnet i am filing a petition in your name for raising 50B USD we'll back you just keep the work going .
last 6 fixed
modizi pls wage wars on neighboring countries then do cease fire only few hours left before nobel peace prize winner are announced you still got a chance
about the corner bleeding for popup on settings, it happens only when any mod settings is opened right?
Yepp
Hmm alright I'll look into it
The corner bleeding is on every small pop-up like menu and downloads
oh that's a diff thing
you mean the corner bleeding of the popups
im asking the webview corner bleeding when you open mod settings in sine
Ohhhhh
Yea I've only seen it on the settings page
hmm
well, should fix the popup corner bleeding too ig
also, the bookmarks toolbar is accessible in no gaps mode now
(not pushed the fix yet)
Niceeee
will be pushed in a while when all the fixes are done
just 2nd, 3rd and 4th are pending
Also could you add an option to disable borders on the pip?
oh yeah I forgot about that
ok i'll do
Thanks!!
majority bugs fixed. Will be fixing the remaining in the evening now
reinstall the theme for lastest update!
Will see about that. 🚬
I tried adding it locally but that didnt work. I dont get why. If I just alter the font.css file it works....
I would like to use the userChrome.css instead for auto updates etc
@media (-moz-pref("wireframe.font", "JetBrainsMono")) {
:root {
--wireframe-font: "JetBrainsMono";
}
}
@font-face {
font-family: "JetBrainsMono";
src: local("Monocraft");
font-weight: var(--wireframe-font_weight) !important;
font-style: normal;
}
* {
font-weight: var(--wireframe-font_weight) !important;
font-family: var(--wireframe-font);
}
this is my userchrome
@font-face {
font-family: "JetBrainsMono";
src: file("Monocraft");
font-weight: var(--wireframe-font_weight) !important;
font-style: normal;
}
this is what i changed in the font.css
so now I can set the wireframe.font to JetBrainsMono and my custom font gets used.
But why doesnt it work with userChrome.css?
It seems like my userChrome.css isnt loaded properly. It shows up in the Browser Toolbox style editor, but it doesnt show up in the Devtools style editor. I enabled the config options to use the userChrome.css
Is this because of Sine?
just checked #css-mods glad t hear you got it working
sorry I was away otherwise could've helped you
ah no problem isnt your obligation to help dudes in a discord xd
I could have just waited a moment
Do you know how I need to write the string to include spaces?
if I write
local("FileName") it works
if i write
local("file name")
only "file" gets send to zen
oh lol
uhh you could try using proper relative path instead of using local
but yeah for this reason I made sure i didn't use spaces, instead used -
you mean like this? file("/Users/jakob/Library/Fonts/Monocraft.ttc")
no, like ../fonts/monocraft.ttf
yeah
with zen's pref
tab.font_size
imma add this to the mod settings too
ok nvm im dumb
this is from arcline
yeah sine should remove the prefs after disabling mod 😭
uhh nvm have to change it through css
added!
doesn't change the size by default
12px is just placeholder text
even tho i think the default size is around 12 anyways
new fav color

also this is not on my side because when i put the url bar at the bottom then its centered so seems to be a problem with the urlbar being at the top
Oh- 😭
Smh just closed my laptop
I’ll check and fix it first thing tom
no worries LOL
yoo thats so cool thanks
how did you get the background color like that?
like how can you change that i was looking for that yesterday but found nothing
i thought that was intentional
looks kinda good imo
I don't like it 😭
The PIP style doesnt get applied when launched with PiP on tab switching
okk but only sometimes. Sometimes it works
What 
Oh-
That makes it worse

@topaz anvil you’ve used the whole nehula pip code right?
Changed the appearance only?
yea
oh??
i havent faced this issue?
been using for a week
any way to reproduce?
Do you have the auto pip thing turned on?
Like the video shifts to pip when you switch tabs, rather than making it pip manually
I dont have my laptop today to test or fix anything 
Ait first it was the Auto pip. Today it is just random. Maybe im noticing a cause over time
yea
mr. sehaz can you share the css code for pip
is there an option to change the svg color?
Unfortunately no
Not right
I wanted to do it but then my focus shifted to these bug fixes and media player
I’ll try figuring it out tomm ig
It has both media player and pip
can you just give me the css for white border and rounded edge
I did it but the corner is not correct
I am using the css
/* --- Zen Wireframe Outer Border --- */
:root[sizemode="maximized"] #browser {
border: 2px solid #fff !important;
}
:root[sizemode="normal"] #browser {
border: 2px solid #fff !important;
border-radius: 16px !important;
outline: none !important;
outline-offset: 0px !important;
}
/* --- Zen Wireframe Inner Border --- */
#1088172782178799657-tabbox-wrapper {
border: 2px solid #fff !important;
border-radius: 16px !important;
}
this one
wireframe.webview.border_radius in about:config
set it to 0pc
px
i think you need to add the setting manually
you can do that also with
wireframe.window.border_radius
wireframe.tab.border_radius
wireframe.essentials.border_radius
ok let's see
where do I put that?
you created it with the number thing?
this ye?
or isntall sine that makes it alot easier
restart
thats for essentials
but should be working
than they look like this
there is a black in the white border when the border curve
am i blind or doesnt your screenshot tool show cursor
yeah i know
set wireframe.webview.border_radius to a number
and that number to 0
sry xd it I thought I took the ss with mouse cursor
I did and restart but nothing change 🥲
did you change anything of the code?
and did you import the whole project?
I believe the options have a seperate file
/* --- Zen Wireframe Outer Border --- /
:root[sizemode="maximized"] #browser {
border: 2px solid #fff !important;
}
:root[sizemode="normal"] #browser {
border: 2px solid #fff !important;
border-radius: 16px !important;
outline: none !important;
outline-offset: 0px !important;
}
/ --- Zen Wireframe Inner Border --- */
#1088172782178799657-tabbox-wrapper {
border: 2px solid #fff !important;
border-radius: 16px !important;
}
I am only using this much
thats your userChrome.css?
yes
and nothing else in the chrome folder?
yes
than nearly all of the theme is missing
you have 2 options to install the theme
you can clone the repository to your chrome folder
or download it and paste it
or you could install sine and do it with sines store
can I just copy all the border.css?
ok
did it work?
Try that
You also need to add
#tabbrowser-tabpanels .browserSidebarContainer {
border-radius: 16px !important;
}```
how can i change color of tabs
.tabbrowser-tab:is([selected],
[visuallyselected],
[multiselected]) .tab-background {
background-color: /* ... */ !important;
}```
thanks
Is it possible to make the search bar bigger?
more like by typing "is it possible to make search bar bigger?" in chat gpt

Ardo knows a good amount of CSS and JS. This sentence suits to JADP like people. 
? it was for snup






