You are not logged in.

#21 2024-03-13 02:12:34

johnraff
nullglob
From: Nagoya, Japan
Registered: 2015-09-09
Posts: 12,550
Website

Re: Forum Darkkmode

^@bronto thanks!
So now we have two approaches:
1) darken the colours in Hydrogen, borrowing from Crunchbang
2) fix the layout in Crunchbang for small screens (ala bronto)

I'll make a Hydrogen-Dark.css and upload it along with bronto's Crunchrex.css so we can try them both, on big displays and smartphones. Give me a couple of hours...


...elevator in the Brain Hotel, broken down but just as well...
( a boring Japan blog (currently paused), now on Bluesky, there's also some GitStuff )

Introduction to the Bunsenlabs Boron Desktop

Online

#22 2024-03-13 07:08:17

johnraff
nullglob
From: Nagoya, Japan
Registered: 2015-09-09
Posts: 12,550
Website

Re: Forum Darkkmode

OK now there are styles Hydrogen-Dark and Crunchrex available.
Please try them out and see how they go!

I think Hydrogen-Dark at least needs some tweaking - font sizes and backgrounds.
Crunchrex gets a bit cramped on small screens when changing user display settings.


...elevator in the Brain Hotel, broken down but just as well...
( a boring Japan blog (currently paused), now on Bluesky, there's also some GitStuff )

Introduction to the Bunsenlabs Boron Desktop

Online

#23 2024-03-13 08:00:52

brontosaurusrex
Middle Office
Registered: 2015-09-29
Posts: 2,737

Re: Forum Darkkmode

johnraff wrote:

Crunchrex gets a bit cramped on small screens when changing user display settings.

Noted.

Offline

#24 2024-03-13 09:06:17

jr2
android
Registered: 2017-12-24
Posts: 91

Re: Forum Darkkmode

It's probably an easy fix.


normal service will be resumed as soon as possible

Offline

#25 2024-03-13 11:44:29

jr2
android
Registered: 2017-12-24
Posts: 91

Re: Forum Darkkmode

At first glance, Crunchrex looks as if it will need less polishing than Hydrogen-Dark, which has some annoying white borders and font size issues.

EDIT: some layout issues with Crunchrex too.

Last edited by jr2 (2024-03-13 11:58:34)


normal service will be resumed as soon as possible

Offline

#26 2024-03-13 13:58:31

brontosaurusrex
Middle Office
Registered: 2015-09-29
Posts: 2,737

Re: Forum Darkkmode

'Fixed' the 'user display settings' menu stuff, maybe, adding:

/* brex addition */
@media only screen and (max-width: 768px) {

	.pun .blockmenu {
		width: 13em;
		float: none;
		padding-bottom: 12px;
	}

	.pun .block2col .blockform, .pun .block2col .block {
		margin-left: 0em;
	}

}

Same gist (revision3): https://gist.github.com/brontosaurusrex … aae90ba59f

EDIT: some layout issues with Crunchrex too.

Like? (btw: I understand that this would need some real polish by an actual css expert, just doing some quick hacks here.)

Offline

#27 2024-03-13 17:48:50

marens
Member
From: World without M$
Registered: 2023-02-02
Posts: 827

Re: Forum Darkkmode

I will try to make a small contribution to this topic.
I wanted to convert the Hydrogen style to dark mode in a simple and quick way.

First I inverted the whole BL forums page and then reverted what didn't look right.

hydrogen-dark1.png  hydrogen-dark2.png  hidrogen-dark3.png

If you want to try it, first switch to the Hydrogen style and close Firefox.
Open the userContent.css file and add:

/****  Marens - BunsenLabs Forums Dark Mode for Hydrogen style  ****/

@-moz-document domain(forums.bunsenlabs.org) {

      html body {
      filter: invert(1) !important;
    }
    
    
    img, .usercontacts, .crumbs,
    #punindex td.tcr,
    .pun #vf td.tcr,
    .pun .blocktable .tclcon,
    /* Forum Rules/Register Page */
    .pun .usercontent ol,
    *[style*="color:red;"],
    *[style*="color:green;"] {
      filter: invert(1) !important;
    }

    .crumbs {
      border-top: 1px solid #202020 !important;
      border-bottom: 1px solid #202020 !important;
    }  
        
}

/****  END Marens - BunsenLabs Forums Dark Mode for Hydrogen style  ****/

EDIT
Path borders (top, bottom)

Last edited by marens (2024-03-14 02:33:34)


If people would know how little brain is ruling the world, they would die of fear.

Offline

#28 2024-03-14 01:41:20

johnraff
nullglob
From: Nagoya, Japan
Registered: 2015-09-09
Posts: 12,550
Website

Re: Forum Darkkmode

Going through stuff out of order.

brontosaurusrex wrote:

EDIT: some layout issues with Crunchrex too.

Like?

Screenshot off my smartphone. While avatars are not displayed, the left hand column remains and wastes space.
zKzQBBel.jpeg
Note that the smartphone display resolution is 1080x1920 pixels so I'm not sure how @media rules for 700~ px will work. Still have to try out Bronto's suggested tweak...

Last edited by johnraff (2024-03-14 01:47:04)


...elevator in the Brain Hotel, broken down but just as well...
( a boring Japan blog (currently paused), now on Bluesky, there's also some GitStuff )

Introduction to the Bunsenlabs Boron Desktop

Online

#29 2024-03-14 04:25:56

johnraff
nullglob
From: Nagoya, Japan
Registered: 2015-09-09
Posts: 12,550
Website

Re: Forum Darkkmode

brontosaurusrex wrote:

'Fixed' the 'user display settings' menu stuff, maybe, adding:

/* brex addition */
@media only screen and (max-width: 768px) {

	.pun .blockmenu {
		width: 13em;
		float: none;
		padding-bottom: 12px;
	}

	.pun .block2col .blockform, .pun .block2col .block {
		margin-left: 0em;
	}

}

Same gist (revision3): https://gist.github.com/brontosaurusrex … aae90ba59f

Yes, that works!

I looked in Hydrogen and found this almost identical section:

@media all and (max-width:799px)
{
	.pun .blockmenu {
		width: 100%;
		float:none;
		display:block;
		padding-bottom: 0;
	}

	.pun .block2col .blockform, .pun .block2col .block {
		margin-left: 0em;
	}

...elevator in the Brain Hotel, broken down but just as well...
( a boring Japan blog (currently paused), now on Bluesky, there's also some GitStuff )

Introduction to the Bunsenlabs Boron Desktop

Online

#30 2024-03-14 06:10:44

johnraff
nullglob
From: Nagoya, Japan
Registered: 2015-09-09
Posts: 12,550
Website

Re: Forum Darkkmode

marens wrote:

I will try to make a small contribution to this topic.
I wanted to convert the Hydrogen style to dark mode in a simple and quick way.

First I inverted the whole BL forums page and then reverted what didn't look right.

https://i.postimg.cc/ftDVpL8W/hydrogen-dark1.png  https://i.postimg.cc/F1nKgDXH/hydrogen-dark2.png  https://i.postimg.cc/dDZbpBT1/hidrogen-dark3.png

If you want to try it, first switch to the Hydrogen style and close Firefox.
Open the userContent.css file and add:

/****  Marens - BunsenLabs Forums Dark Mode for Hydrogen style  ****/

@-moz-document domain(forums.bunsenlabs.org) {

      html body {
      filter: invert(1) !important;
    }
    
    
    img, .usercontacts, .crumbs,
    #punindex td.tcr,
    .pun #vf td.tcr,
    .pun .blocktable .tclcon,
    /* Forum Rules/Register Page */
    .pun .usercontent ol,
    *[style*="color:red;"],
    *[style*="color:green;"] {
      filter: invert(1) !important;
    }

    .crumbs {
      border-top: 1px solid #202020 !important;
      border-bottom: 1px solid #202020 !important;
    }  
        
}

/****  END Marens - BunsenLabs Forums Dark Mode for Hydrogen style  ****/

EDIT
Path borders (top, bottom)

This is interesting, though the orange tints don't appeal to me personally. The layout issues are fixed though. Maybe the css can just be pasted into a regular Hydrogen css file. I'll try it now.

EDIT: You can now try Marens' code as an alternative style "Hydrogen-invert" via the forum interface.

Last edited by johnraff (2024-03-14 06:21:07)


...elevator in the Brain Hotel, broken down but just as well...
( a boring Japan blog (currently paused), now on Bluesky, there's also some GitStuff )

Introduction to the Bunsenlabs Boron Desktop

Online

#31 2024-03-14 07:13:14

johnraff
nullglob
From: Nagoya, Japan
Registered: 2015-09-09
Posts: 12,550
Website

Re: Forum Darkkmode

brontosaurusrex wrote:

I understand that this would need some real polish by an actual css expert, just doing some quick hacks here.

My css skills are no higher than yours probably. I haven't used it seriously for years, and a lot of new stuff has arrived since.

That said, a lot of the css in the forum /style directory looks quite messy to me, and Crunchbang.css in particular looks as if it contains a lot of leftovers from the CrunchBang website that don't have any meaning here. The whole lot could use a cleaning-out if anyone felt up to it. At least future developers would then have an easier job.

I haven't been able to track down why in Crunchrex there's a wasted column on the left with small display sizes, even after the avatar and all the content have been removed. The Crunchbang box model around posts seems very arcane with lots of negative margins and the like - I feel sure it could have been done more simply. At least Hydrogen (and likely some others) works OK with layout on small screens.

If anyone would like a look, I've copied the css files as they are today, here:
https://github.com/johnraff/fluxbb-snip … ster/style


...elevator in the Brain Hotel, broken down but just as well...
( a boring Japan blog (currently paused), now on Bluesky, there's also some GitStuff )

Introduction to the Bunsenlabs Boron Desktop

Online

#32 2024-03-14 09:39:23

brontosaurusrex
Middle Office
Registered: 2015-09-29
Posts: 2,737

Re: Forum Darkkmode

So,
1. getting rid of avatars and that left pane
and
2. fix the date being cut out on the right side.
would be two 'bugs' to fix? Anything else you noticed?

Offline

#33 2024-03-14 14:40:53

marens
Member
From: World without M$
Registered: 2023-02-02
Posts: 827

Re: Forum Darkkmode

johnraff wrote:

This is interesting, though the orange tints don't appeal to me personally.

Yes indeed, but I tried not to overcomplicate it and keep the original Hydrogen style that works well on big displays and smartphones.
That was the basic idea:

marens wrote:

I wanted to convert the Hydrogen style to dark mode in a simple and quick way.

However, I had to correct one thing.
I use codebox a lot in my posts and I wanted it to look a little better.
I reverted it and then adapted it to the new Hydrogen-invert style.
A few lines have been added at the end of my css and I hope it won't be difficult for you to correct it in the Hydrogen-invert css file.

   .codebox {
      filter: invert(1) !important;
    }
    
    .codebox {
      color: #adadad !important;
      background-color: #101010 !important;
      border-color: #2d2d2d !important;
    }

hydrogen-invert.png


EDIT
My favorite time.
A cold beer after dinner and I immediately remembered something useful.
A few years ago I created google_dark.css.
I looked at the code and made some small changes that make the Hydrogen-invert style more pleasing to the eyes.

EDIT 2
Added more details.
Let's wait for @johnraff  to come back and see if he has any suggestions.

    html body {
      filter: invert(1) hue-rotate(195deg) !important;
    }
    
    img, .usercontacts, .crumbs,
    #punindex td.tcr,
    .pun #vf td.tcr,
    .pun .blocktable .tclcon,
    tr.rowodd td.tc2 a,
    tr.roweven td.tc2 a,
    p.actions span a,
    li.postreport span a,
    li.postedit span a,
    li.postquote span a,
    .pagepost p.postlink.conr a,
    p.subscribelink.clearb a,
    li span a,
    form#edit p.buttons a,
    .pagepost p.pagelink.conl a,
    .pagepost p.pagelink a,
    #brdwelcome.inbox ul.conr li span a,
    #feedlinks, #poweredby a,
    
    /* Forum Rules/Register Page */
    .pun .usercontent ol,
    *[style*="color:red;"],
    *[style*="color:green;"],
    
    /* BBCode Page */
    samp ins,
    *[style*="color: #ff0000"],
    *[style*="color: blue"] {
      filter: invert(1) hue-rotate(165deg) !important;
    }
    
    /* Page Number */
    .pun .pagelink a, .pun .pagelink *,
    .pagepost p.pagelink a {
      border-color: transparent !important;
    }
    
    /* Path */
    .crumbs {
      border-top: 1px solid #202020 !important;
      border-bottom: 1px solid #202020 !important;
    }
    
    /* User Box */
    h2 span a:hover, h2 span a:active, h2 span a:focus,
    .blockpost .postsignature > * a:link {
      filter: invert(1) hue-rotate(165deg) !important;
    }

    h2 span a:not(:hover, :focus, :active) {
      opacity: 0.8 !important;
    }

    /* Keyboard Scroll Shortcuts Ctrl+PageUp/Down - Fix White Flash */
    /* Login Page - Fix the Bottom Part */
    html {
      background: #05060a !important;
    }    
    
    /*.codebox {
      filter: invert(1) hue-rotate(165deg) !important;
    }
    
    .codebox {
      color: #adadad !important;
      background-color: #101010 !important;
      border-color: #2d2d2d !important;
    }*/

bl-forums1.png  bl-forums2.png
   
Try both and decide which one you like better.

P.S.
I'm not sure how it works on your end, but I don't think the "!important" part is needed.

Last edited by marens (2024-03-19 02:03:38)


If people would know how little brain is ruling the world, they would die of fear.

Offline

#34 2024-03-15 00:17:50

johnraff
nullglob
From: Nagoya, Japan
Registered: 2015-09-09
Posts: 12,550
Website

Re: Forum Darkkmode

^I'm away 3 days but I'll try it when I get back. It won't be hard to add the code.


...elevator in the Brain Hotel, broken down but just as well...
( a boring Japan blog (currently paused), now on Bluesky, there's also some GitStuff )

Introduction to the Bunsenlabs Boron Desktop

Online

#35 2024-03-15 00:19:54

johnraff
nullglob
From: Nagoya, Japan
Registered: 2015-09-09
Posts: 12,550
Website

Re: Forum Darkkmode

brontosaurusrex wrote:

So,
1. getting rid of avatars and that left pane
and
2. fix the date being cut out on the right side.
would be two 'bugs' to fix? Anything else you noticed?

I'm away a couple of days, but meanwhile you could try comparing with the layout behaviour of Hydrogen, if you've got a smartphone to test on. Hydrogen (and Hydrogen-Dark, at least for layout) seems to do it right.


...elevator in the Brain Hotel, broken down but just as well...
( a boring Japan blog (currently paused), now on Bluesky, there's also some GitStuff )

Introduction to the Bunsenlabs Boron Desktop

Online

#36 2024-03-19 06:56:46

johnraff
nullglob
From: Nagoya, Japan
Registered: 2015-09-09
Posts: 12,550
Website

Re: Forum Darkkmode

marens wrote:

I use codebox a lot in my posts and I wanted it to look a little better.
I reverted it and then adapted it to the new Hydrogen-invert style.
A few lines have been added at the end of my css and I hope it won't be difficult for you to correct it in the Hydrogen-invert css file.

   .codebox {
      filter: invert(1) !important;
    }
    
    .codebox {
      color: #adadad !important;
      background-color: #101010 !important;
      border-color: #2d2d2d !important;
    }

OK I've uncommented the second version (with the specific colours, not the invert) in Hydrogen-invert.css for now.

I looked at the code and made some small changes that make the Hydrogen-invert style more pleasing to the eyes.

Now that whole section has been added to Hydrogen-invert on the server. @All please try it.

...I don't think the "!important" part is needed.

I've taken out all the !important declarations. Is it working OK?


...elevator in the Brain Hotel, broken down but just as well...
( a boring Japan blog (currently paused), now on Bluesky, there's also some GitStuff )

Introduction to the Bunsenlabs Boron Desktop

Online

#37 2024-03-19 08:03:01

johnraff
nullglob
From: Nagoya, Japan
Registered: 2015-09-09
Posts: 12,550
Website

Re: Forum Darkkmode

brontosaurusrex wrote:

So,
1. getting rid of avatars and that left pane
and
2. fix the date being cut out on the right side.
would be two 'bugs' to fix? Anything else you noticed?

I don't get the avatars on my smartphone. It's just the left pane that's the problem, it squeezes the content into a narrow column on the right.

I hadn't noticed the cut-off date, but yes that's a bug to fix too.

Here's the html of a short post of mine:

<div id="p132807" class="blockpost roweven">
	<h2><span><span class="conr">#34</span> <a href="viewtopic.php?pid=132807#p132807">2024-03-15 09:17:50</a></span></h2>
	<div class="box">
		<div class="inbox">
			<div class="postbody">
				<div class="postleft">
					<dl>
						<dt><strong><a href="profile.php?id=7">johnraff</a></strong></dt>
						<dd class="usertitle"><strong>nullglob</strong></dd>
						<dd class="postavatar"><img src="https://forums.bunsenlabs.org/img/avatars/7.jpg?m=1661026212" width="60" height="53" alt="" /></dd>
						<dd><span>From: Nagoya, Japan</span></dd>
						<dd><span>Registered: 2015-09-09</span></dd>
						<dd><span>Posts: 10,754</span></dd>
						<dd><span><a href="moderate.php?get_host=132807" title="180.200.87.202">IP address logged</a></span></dd>
						<dd class="usercontacts"><span class="email"><a href="mailto:john@bunsenlabs.org">Email</a></span> <span class="website"><a href="http://asazuke.com" rel="nofollow">Website</a></span></dd>
					</dl>
				</div>
				<div class="postright">
					<h3>Re: Forum Darkkmode</h3>
					<div class="postmsg">
						<p>^I&#039;m away 3 days but I&#039;ll try it when I get back. It won&#039;t be hard to add the code.</p>
					</div>
				</div>
			</div>
		</div>
		<div class="inbox">
			<div class="postfoot clearb">
				<div class="postfootleft"><p><strong>Online</strong></p></div>
				<div class="postfootright">
					<ul>
						<li class="postreport"><span><a href="misc.php?report=132807">Report</a></span></li>
						<li class="postdelete"><span><a href="delete.php?id=132807">Delete</a></span></li>
						<li class="postedit"><span><a href="edit.php?id=132807">Edit</a></span></li>
						<li class="postquote"><span><a href="post.php?tid=8684&amp;qid=132807">Quote</a></span></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>

Above that is <body> <div class="punwrap"> <div id="brdmain">
It looks as if <div class="postleft"> is the panel on the left occupying the space. But it contains a <dl> whose <dt> is the username, which we can't throw away. On my phone the user name has been moved up above the post content, along with the (truncated) date, and the other data in that <dl> is not displayed. So maybe on small displays <div class="postleft"> has been moved up, above the post content? But for some reason the space it was occupying is still being taken?

Firefox on desktop does simulate a phone, but there it still shows avatars, no matter how narrow the viewport is squeezed. On my phone, no avatars. Another thing left on the left, though is the "online" status. Maybe that's what's holding it open? That comes in <div class="postfootleft"><p><strong>Online</strong></p></div>

Hydrogen-dark does the layout better.

I don't understand why my phone is showing my signature, while firefox when simulating a small screen is hiding the sig too. It doesn't reappear till the screen is much wider.
EDIT The sig's not a problem because it comes below the post. Horizontal space is what's tight.

Last edited by johnraff (2024-03-20 02:15:47)


...elevator in the Brain Hotel, broken down but just as well...
( a boring Japan blog (currently paused), now on Bluesky, there's also some GitStuff )

Introduction to the Bunsenlabs Boron Desktop

Online

#38 2024-03-19 16:11:51

marens
Member
From: World without M$
Registered: 2023-02-02
Posts: 827

Re: Forum Darkkmode

johnraff wrote:

I've taken out all the !important declarations. Is it working OK?

Yes, it works as expected.

I fixed a small problem with path borders (top, bottom).

Before:                                     After:
before.png  after.png

Then I analyzed the Profile/UserList pages in more detail.
CodeBox looks good and no changes are needed so I removed it from Hydrogen-invert style.
Then I made the font more eye-friendly in dark mode.

    html body {
      filter: invert(1) hue-rotate(195deg);
    }
    
    img, .usercontacts, .crumbs,
    #punindex td.tcr,
    .pun #vf td.tcr,
    .pun .blocktable .tclcon,
    tr.rowodd td.tc2 a,
    tr.roweven td.tc2 a,
    p.actions span a,
    li.postreport span a,
    li.postedit span a,
    li.postquote span a,
    .pagepost p.postlink.conr a,
    p.subscribelink.clearb a,
    li span a,
    form#edit p.buttons a,
    .pagepost p.pagelink.conl a,
    .pagepost p.pagelink a,
    .inbox dl#onlinelist.clearb dd a,
    .inbox dl.conl dd span a,
    .infldset p a,
    .infldset p.actions a,
    form#post p.buttons a,
    #brdmain div.linkst div.inbox p.pagelink a,
    #brdmain div.linksb div.inbox p.pagelink a,
    #users1.blocktable div.box div.inbox table tbody tr td.tcl a,
    #msg.block div.box div.inbox p a,
    #profile.block2col div.blockmenu div.box div.inbox ul li a,
    #brdwelcome.inbox ul.conr li span a,
    #feedlinks, #poweredby a,
    
    /* Forum Rules/Register Page */
    .pun .usercontent ol,
    *[style*="color:red;"],
    *[style*="color:green;"],
    
    /* BBCode Page */
    samp ins,
    .inbox p samp a,
    *[style*="color: #ff0000"],
    *[style*="color: blue"] {
      filter: invert(1) hue-rotate(165deg);
    }
    
    /* Page Number */
    .pun .pagelink a, .pun .pagelink *,
    .pagepost p.pagelink a {
      border-color: transparent;
    }
    
    /* Path */
    .inbox.crumbsplus ol.crumbs,
    #punpost.pun > *.punwrap > *#brdmain > *.linkst > *.inbox ol.crumbs,
    #punedit.pun > *.punwrap > *#brdmain > *.linkst > *.inbox ol.crumbs,
    #punmisc.pun > *.punwrap > *#brdmain > *.linkst > *.inbox ol.crumbs {
      border-top: 1px solid #202020;
      border-bottom: 1px solid #202020;
    }
    
    /* More Pleasing to the Eyes */
    #punindex #brdmain .blocktable h2,
    #punsearch #vf h2,
    .pun #vf td.tcl span.stickytext,
    .pun #vf td.tcl a,
    .pun .blocktable h3,
    .inbox table thead tr {
      opacity: 0.9;
    }
        
    /* User Box */
    h2 span a:hover, h2 span a:active, h2 span a:focus,
    .blockpost .postsignature > * a:link {
      filter: invert(1) hue-rotate(165deg);
    }
    
    h2 span a:not(:hover, :focus, :active) {
      opacity: 0.8;
    }
    
    /* Profile Page */
    #profile.block2col > *.blockmenu > *.box > *.inbox ul li a,
    #profile.block2col > *.blockmenu > *.box > *.inbox ul li.isactive a {
      background-color: transparent;
    }
    
    #profile.block2col > *.blockmenu > *.box > *.inbox ul li.isactive a {
      color: #adadad;
    }    
    

    /* Keyboard Scroll Shortcuts Ctrl+PageUp/Down - Fix White Flash */
    /* Login Page - Fix the Bottom Part */
    html {
      background: #05060a;
    }

Login:                                      Profile:
login.png  profile.png


EDIT
@johnraff If you have any suggestions, I'll try to accommodate them if possible.
I'm sorry I changed something again because I didn't thoroughly review the pages that appear after logging in.

Now you have an alternative Hydrogen-invert style for your smartphone until you complete the Hydrogen-Dark based on the Crunchbang style.
I hope @bronto will also finish his Crunchrex style soon.

@All
If anyone likes my Hydrogen-invert style, I'll make a tutorial on how I use it whether I'm logged in or not.

Last edited by marens (2024-03-20 00:54:31)


If people would know how little brain is ruling the world, they would die of fear.

Offline

#39 2024-03-20 05:16:48

johnraff
nullglob
From: Nagoya, Japan
Registered: 2015-09-09
Posts: 12,550
Website

Re: Forum Darkkmode

Two articles I just found on hiding things with css:
https://css-tricks.com/comparing-variou … gs-in-css/
https://www.scottohara.me/blog/2017/04/ … idden.html

CSS breakpoints, em look better than px:
https://bradfrost.com/blog/post/7-habit … a-queries/
https://cloudfour.com/thinks/the-ems-ha … eries-ftw/
https://medium.com/zoosk-engineering/to … f4a65e9747

details
https://web.dev/learn/design/media-queries

...this is all about trying to make sense of what previous devs have done in those 2000 line forum css files, how to get them to work for us now, and how they might be cleaned up some time in the future...

Last edited by johnraff (2024-03-20 07:46:08)


...elevator in the Brain Hotel, broken down but just as well...
( a boring Japan blog (currently paused), now on Bluesky, there's also some GitStuff )

Introduction to the Bunsenlabs Boron Desktop

Online

#40 2024-03-20 06:55:43

johnraff
nullglob
From: Nagoya, Japan
Registered: 2015-09-09
Posts: 12,550
Website

Re: Forum Darkkmode

On Firefox, Ctrl+Shift+M for "Responsive Design Mode" so you can see a page in an approximation of what it might look like on a smaller device. Not 100% but gives you a good idea.


...elevator in the Brain Hotel, broken down but just as well...
( a boring Japan blog (currently paused), now on Bluesky, there's also some GitStuff )

Introduction to the Bunsenlabs Boron Desktop

Online

Board footer

Powered by FluxBB