feat: user guide dark mode

[michalsn]

Description
This is an ancient work from December. It adds a dark mode to our user guide.

Since Read the Docs doesn't have built-in support for the dark mode style, I implemented a solution strictly dependent on system settings. So there is no switch to enable or disable dark mode.

Preview: https://michalsn.github.io/CodeIgniter4/ - please don't test it on a sunny day 😅

Checklist:

• Securely signed commits
• Component(s) with PHPDoc blocks, only if necessary or adds value
• Unit testing, with >80% coverage
• User guide updated
• Conforms to style guide

[lonnieezell]

I think it looks great!

There are a couple of things I could nit-pick about but are just personal preference and wouldn't really need to change, I don't think.

Thanks!

[michalsn]

I'm open to making improvements if folks think they are needed. However, changes may take me some time.

[kenjis]

Preview: https://michalsn.github.io/CodeIgniter4/ - please don't test it on a sunny day 😅

How can I test it?
It is nighttime now, but the page is the same as during daylight hours.

[michalsn]

If you're on macOS, go to Settings -> Appearance, and there you have to enable "dark mode" or "auto mode".

[kenjis]

I use "auto mode".

Ah, using Chrome, the page is in the dark mode.

[michalsn]

Judging by your browser's color, dark mode is not yet active (you probably need to wait a bit longer).

Sorry I didn't notice your edit.

[kenjis]

I don't know why, but Firefox does not show dark mode page unless I click the dark mode button.

My setting in Firefox is also automatic.

[kenjis]

Chrome and Safari shows dark mode page.
There is a bug in Firefox?

[michalsn]

Hmm... I will have to look into it.

So auto-mode in the system doesn't enable dark mode on the page. I will check it out today.

[kenjis]

Class and function names are difficult to read.

[kenjis]

I got the reason. My theme was "Light". It prevented dark mode.
I've changed it to "Firefox Alpenglow" or "Dark" or "System theme — auto", Firefox shows the dark pages.

[michalsn]

Thanks for figuring it out.

Function/class reference styles have been updated. It was strange because it was displaying correctly on my local build. Anyway, thanks for letting me know.

[datamweb]

@michalsn I have a problem with the white border of the tables, I feel it conflicts with the dark mod.

[kenjis]

LGTM!

[kenjis]

@datamweb What's wrong with the border?
This?

[datamweb]

What's wrong with the border?

No, I mean white color, I feel that this color is chosen too bright.

[michalsn]

It wasn't strictly white, but I darkened it more, so it should be ok now. Let me know.

[datamweb]

@michalsn thank you! nice.

[michalsn]

Description
This is an ancient work from December. It adds a dark mode to our user guide.

Since Read the Docs doesn't have built-in support for the dark mode style, I implemented a solution strictly dependent on system settings. So there is no switch to enable or disable dark mode.

Preview: https://michalsn.github.io/CodeIgniter4/ - please don't test it on a sunny day 😅

Checklist:

• Securely signed commits
• Component(s) with PHPDoc blocks, only if necessary or adds value
• Unit testing, with >80% coverage
• User guide updated
• Conforms to style guide

[lonnieezell]

I think it looks great!

There are a couple of things I could nit-pick about but are just personal preference and wouldn't really need to change, I don't think.

Thanks!

[michalsn]

I'm open to making improvements if folks think they are needed. However, changes may take me some time.

[kenjis]

Preview: https://michalsn.github.io/CodeIgniter4/ - please don't test it on a sunny day 😅

How can I test it?
It is nighttime now, but the page is the same as during daylight hours.

[michalsn]

If you're on macOS, go to Settings -> Appearance, and there you have to enable "dark mode" or "auto mode".

[kenjis]

I use "auto mode".

Ah, using Chrome, the page is in the dark mode.

[michalsn]

Judging by your browser's color, dark mode is not yet active (you probably need to wait a bit longer).

Sorry I didn't notice your edit.

[kenjis]

I don't know why, but Firefox does not show dark mode page unless I click the dark mode button.

My setting in Firefox is also automatic.

[kenjis]

Chrome and Safari shows dark mode page.
There is a bug in Firefox?

[michalsn]

Hmm... I will have to look into it.

So auto-mode in the system doesn't enable dark mode on the page. I will check it out today.

[kenjis]

Class and function names are difficult to read.

[kenjis]

I got the reason. My theme was "Light". It prevented dark mode.
I've changed it to "Firefox Alpenglow" or "Dark" or "System theme — auto", Firefox shows the dark pages.

[michalsn]

Thanks for figuring it out.

Function/class reference styles have been updated. It was strange because it was displaying correctly on my local build. Anyway, thanks for letting me know.

[datamweb]

@michalsn I have a problem with the white border of the tables, I feel it conflicts with the dark mod.

[kenjis]

LGTM!

[kenjis]

@datamweb What's wrong with the border?
This?

[datamweb]

What's wrong with the border?

No, I mean white color, I feel that this color is chosen too bright.

[michalsn]

It wasn't strictly white, but I darkened it more, so it should be ok now. Let me know.

[datamweb]

@michalsn thank you! nice.

[michalsn]

Description
This is an ancient work from December. It adds a dark mode to our user guide.

Since Read the Docs doesn't have built-in support for the dark mode style, I implemented a solution strictly dependent on system settings. So there is no switch to enable or disable dark mode.

Preview: https://michalsn.github.io/CodeIgniter4/ - please don't test it on a sunny day 😅

Checklist:

• Securely signed commits
• Component(s) with PHPDoc blocks, only if necessary or adds value
• Unit testing, with >80% coverage
• User guide updated
• Conforms to style guide

[lonnieezell]

I think it looks great!

There are a couple of things I could nit-pick about but are just personal preference and wouldn't really need to change, I don't think.

Thanks!

[michalsn]

I'm open to making improvements if folks think they are needed. However, changes may take me some time.

[kenjis]

Preview: https://michalsn.github.io/CodeIgniter4/ - please don't test it on a sunny day 😅

How can I test it?
It is nighttime now, but the page is the same as during daylight hours.

[michalsn]

If you're on macOS, go to Settings -> Appearance, and there you have to enable "dark mode" or "auto mode".

[kenjis]

I use "auto mode".

Ah, using Chrome, the page is in the dark mode.

[michalsn]

Judging by your browser's color, dark mode is not yet active (you probably need to wait a bit longer).

Sorry I didn't notice your edit.

[kenjis]

I don't know why, but Firefox does not show dark mode page unless I click the dark mode button.

My setting in Firefox is also automatic.

[kenjis]

Chrome and Safari shows dark mode page.
There is a bug in Firefox?

[michalsn]

Hmm... I will have to look into it.

So auto-mode in the system doesn't enable dark mode on the page. I will check it out today.

[kenjis]

Class and function names are difficult to read.

[kenjis]

I got the reason. My theme was "Light". It prevented dark mode.
I've changed it to "Firefox Alpenglow" or "Dark" or "System theme — auto", Firefox shows the dark pages.

[michalsn]

Thanks for figuring it out.

Function/class reference styles have been updated. It was strange because it was displaying correctly on my local build. Anyway, thanks for letting me know.

[datamweb]

@michalsn I have a problem with the white border of the tables, I feel it conflicts with the dark mod.

[kenjis]

LGTM!

[kenjis]

@datamweb What's wrong with the border?
This?

[datamweb]

What's wrong with the border?

No, I mean white color, I feel that this color is chosen too bright.

[michalsn]

It wasn't strictly white, but I darkened it more, so it should be ok now. Let me know.

[datamweb]

@michalsn thank you! nice.

[michalsn]

Description
This is an ancient work from December. It adds a dark mode to our user guide.

Since Read the Docs doesn't have built-in support for the dark mode style, I implemented a solution strictly dependent on system settings. So there is no switch to enable or disable dark mode.

Preview: https://michalsn.github.io/CodeIgniter4/ - please don't test it on a sunny day 😅

Checklist:

• Securely signed commits
• Component(s) with PHPDoc blocks, only if necessary or adds value
• Unit testing, with >80% coverage
• User guide updated
• Conforms to style guide

[lonnieezell]

I think it looks great!

There are a couple of things I could nit-pick about but are just personal preference and wouldn't really need to change, I don't think.

Thanks!

[michalsn]

I'm open to making improvements if folks think they are needed. However, changes may take me some time.

[kenjis]

Preview: https://michalsn.github.io/CodeIgniter4/ - please don't test it on a sunny day 😅

How can I test it?
It is nighttime now, but the page is the same as during daylight hours.

[michalsn]

If you're on macOS, go to Settings -> Appearance, and there you have to enable "dark mode" or "auto mode".

[kenjis]

I use "auto mode".

Ah, using Chrome, the page is in the dark mode.

[michalsn]

Judging by your browser's color, dark mode is not yet active (you probably need to wait a bit longer).

Sorry I didn't notice your edit.

[kenjis]

I don't know why, but Firefox does not show dark mode page unless I click the dark mode button.

My setting in Firefox is also automatic.

[kenjis]

Chrome and Safari shows dark mode page.
There is a bug in Firefox?

[michalsn]

Hmm... I will have to look into it.

So auto-mode in the system doesn't enable dark mode on the page. I will check it out today.

[kenjis]

Class and function names are difficult to read.

[kenjis]

I got the reason. My theme was "Light". It prevented dark mode.
I've changed it to "Firefox Alpenglow" or "Dark" or "System theme — auto", Firefox shows the dark pages.

[michalsn]

Thanks for figuring it out.

Function/class reference styles have been updated. It was strange because it was displaying correctly on my local build. Anyway, thanks for letting me know.

[datamweb]

@michalsn I have a problem with the white border of the tables, I feel it conflicts with the dark mod.

[kenjis]

LGTM!

[kenjis]

@datamweb What's wrong with the border?
This?

[datamweb]

What's wrong with the border?

No, I mean white color, I feel that this color is chosen too bright.

[michalsn]

It wasn't strictly white, but I darkened it more, so it should be ok now. Let me know.

[datamweb]

@michalsn thank you! nice.

[michalsn]

Description
This is an ancient work from December. It adds a dark mode to our user guide.

Since Read the Docs doesn't have built-in support for the dark mode style, I implemented a solution strictly dependent on system settings. So there is no switch to enable or disable dark mode.

Preview: https://michalsn.github.io/CodeIgniter4/ - please don't test it on a sunny day 😅

Checklist:

• Securely signed commits
• Component(s) with PHPDoc blocks, only if necessary or adds value
• Unit testing, with >80% coverage
• User guide updated
• Conforms to style guide

[lonnieezell]

I think it looks great!

There are a couple of things I could nit-pick about but are just personal preference and wouldn't really need to change, I don't think.

Thanks!

[michalsn]

I'm open to making improvements if folks think they are needed. However, changes may take me some time.

[kenjis]

Preview: https://michalsn.github.io/CodeIgniter4/ - please don't test it on a sunny day 😅

How can I test it?
It is nighttime now, but the page is the same as during daylight hours.

[michalsn]

If you're on macOS, go to Settings -> Appearance, and there you have to enable "dark mode" or "auto mode".

[kenjis]

I use "auto mode".

Ah, using Chrome, the page is in the dark mode.

[michalsn]

Judging by your browser's color, dark mode is not yet active (you probably need to wait a bit longer).

Sorry I didn't notice your edit.

[kenjis]

I don't know why, but Firefox does not show dark mode page unless I click the dark mode button.

My setting in Firefox is also automatic.

[kenjis]

Chrome and Safari shows dark mode page.
There is a bug in Firefox?

[michalsn]

Hmm... I will have to look into it.

So auto-mode in the system doesn't enable dark mode on the page. I will check it out today.

[kenjis]

Class and function names are difficult to read.

[kenjis]

I got the reason. My theme was "Light". It prevented dark mode.
I've changed it to "Firefox Alpenglow" or "Dark" or "System theme — auto", Firefox shows the dark pages.

[michalsn]

Thanks for figuring it out.

Function/class reference styles have been updated. It was strange because it was displaying correctly on my local build. Anyway, thanks for letting me know.

[datamweb]

@michalsn I have a problem with the white border of the tables, I feel it conflicts with the dark mod.

[kenjis]

LGTM!

[kenjis]

@datamweb What's wrong with the border?
This?

[datamweb]

What's wrong with the border?

No, I mean white color, I feel that this color is chosen too bright.

[michalsn]

It wasn't strictly white, but I darkened it more, so it should be ok now. Let me know.

[datamweb]

@michalsn thank you! nice.

[michalsn]

Description
This is an ancient work from December. It adds a dark mode to our user guide.

Since Read the Docs doesn't have built-in support for the dark mode style, I implemented a solution strictly dependent on system settings. So there is no switch to enable or disable dark mode.

Preview: https://michalsn.github.io/CodeIgniter4/ - please don't test it on a sunny day 😅

Checklist:

• Securely signed commits
• Component(s) with PHPDoc blocks, only if necessary or adds value
• Unit testing, with >80% coverage
• User guide updated
• Conforms to style guide

[lonnieezell]

I think it looks great!

There are a couple of things I could nit-pick about but are just personal preference and wouldn't really need to change, I don't think.

Thanks!

[michalsn]

I'm open to making improvements if folks think they are needed. However, changes may take me some time.

[kenjis]

Preview: https://michalsn.github.io/CodeIgniter4/ - please don't test it on a sunny day 😅

How can I test it?
It is nighttime now, but the page is the same as during daylight hours.

[michalsn]

If you're on macOS, go to Settings -> Appearance, and there you have to enable "dark mode" or "auto mode".

[kenjis]

I use "auto mode".

Ah, using Chrome, the page is in the dark mode.

[michalsn]

Judging by your browser's color, dark mode is not yet active (you probably need to wait a bit longer).

Sorry I didn't notice your edit.

[kenjis]

I don't know why, but Firefox does not show dark mode page unless I click the dark mode button.

My setting in Firefox is also automatic.

[kenjis]

Chrome and Safari shows dark mode page.
There is a bug in Firefox?

[michalsn]

Hmm... I will have to look into it.

So auto-mode in the system doesn't enable dark mode on the page. I will check it out today.

[kenjis]

Class and function names are difficult to read.

[kenjis]

I got the reason. My theme was "Light". It prevented dark mode.
I've changed it to "Firefox Alpenglow" or "Dark" or "System theme — auto", Firefox shows the dark pages.

[michalsn]

Thanks for figuring it out.

Function/class reference styles have been updated. It was strange because it was displaying correctly on my local build. Anyway, thanks for letting me know.

[datamweb]

@michalsn I have a problem with the white border of the tables, I feel it conflicts with the dark mod.

[kenjis]

LGTM!

[kenjis]

@datamweb What's wrong with the border?
This?

[datamweb]

What's wrong with the border?

No, I mean white color, I feel that this color is chosen too bright.

[michalsn]

It wasn't strictly white, but I darkened it more, so it should be ok now. Let me know.

[datamweb]

@michalsn thank you! nice.

[michalsn]

Description
This is an ancient work from December. It adds a dark mode to our user guide.

Since Read the Docs doesn't have built-in support for the dark mode style, I implemented a solution strictly dependent on system settings. So there is no switch to enable or disable dark mode.

Preview: https://michalsn.github.io/CodeIgniter4/ - please don't test it on a sunny day 😅

Checklist:

• Securely signed commits
• Component(s) with PHPDoc blocks, only if necessary or adds value
• Unit testing, with >80% coverage
• User guide updated
• Conforms to style guide

[lonnieezell]

I think it looks great!

There are a couple of things I could nit-pick about but are just personal preference and wouldn't really need to change, I don't think.

Thanks!

[michalsn]

I'm open to making improvements if folks think they are needed. However, changes may take me some time.

[kenjis]

Preview: https://michalsn.github.io/CodeIgniter4/ - please don't test it on a sunny day 😅

How can I test it?
It is nighttime now, but the page is the same as during daylight hours.

[michalsn]

If you're on macOS, go to Settings -> Appearance, and there you have to enable "dark mode" or "auto mode".

[kenjis]

I use "auto mode".

Ah, using Chrome, the page is in the dark mode.

[michalsn]

Judging by your browser's color, dark mode is not yet active (you probably need to wait a bit longer).

Sorry I didn't notice your edit.

[kenjis]

I don't know why, but Firefox does not show dark mode page unless I click the dark mode button.

My setting in Firefox is also automatic.

[kenjis]

Chrome and Safari shows dark mode page.
There is a bug in Firefox?

[michalsn]

Hmm... I will have to look into it.

So auto-mode in the system doesn't enable dark mode on the page. I will check it out today.

[kenjis]

Class and function names are difficult to read.

[kenjis]

I got the reason. My theme was "Light". It prevented dark mode.
I've changed it to "Firefox Alpenglow" or "Dark" or "System theme — auto", Firefox shows the dark pages.

[michalsn]

Thanks for figuring it out.

Function/class reference styles have been updated. It was strange because it was displaying correctly on my local build. Anyway, thanks for letting me know.

[datamweb]

@michalsn I have a problem with the white border of the tables, I feel it conflicts with the dark mod.

[kenjis]

LGTM!

[kenjis]

@datamweb What's wrong with the border?
This?

[datamweb]

What's wrong with the border?

No, I mean white color, I feel that this color is chosen too bright.

[michalsn]

It wasn't strictly white, but I darkened it more, so it should be ok now. Let me know.

[datamweb]

@michalsn thank you! nice.

[michalsn]

Description
This is an ancient work from December. It adds a dark mode to our user guide.

Since Read the Docs doesn't have built-in support for the dark mode style, I implemented a solution strictly dependent on system settings. So there is no switch to enable or disable dark mode.

Preview: https://michalsn.github.io/CodeIgniter4/ - please don't test it on a sunny day 😅

Checklist:

• Securely signed commits
• Component(s) with PHPDoc blocks, only if necessary or adds value
• Unit testing, with >80% coverage
• User guide updated
• Conforms to style guide

[lonnieezell]

I think it looks great!

There are a couple of things I could nit-pick about but are just personal preference and wouldn't really need to change, I don't think.

Thanks!

[michalsn]

I'm open to making improvements if folks think they are needed. However, changes may take me some time.

[kenjis]

Preview: https://michalsn.github.io/CodeIgniter4/ - please don't test it on a sunny day 😅

How can I test it?
It is nighttime now, but the page is the same as during daylight hours.

[michalsn]

If you're on macOS, go to Settings -> Appearance, and there you have to enable "dark mode" or "auto mode".

[kenjis]

I use "auto mode".

Ah, using Chrome, the page is in the dark mode.

[michalsn]

Judging by your browser's color, dark mode is not yet active (you probably need to wait a bit longer).

Sorry I didn't notice your edit.

[kenjis]

I don't know why, but Firefox does not show dark mode page unless I click the dark mode button.

My setting in Firefox is also automatic.

[kenjis]

Chrome and Safari shows dark mode page.
There is a bug in Firefox?

[michalsn]

Hmm... I will have to look into it.

So auto-mode in the system doesn't enable dark mode on the page. I will check it out today.

[kenjis]

Class and function names are difficult to read.

[kenjis]

I got the reason. My theme was "Light". It prevented dark mode.
I've changed it to "Firefox Alpenglow" or "Dark" or "System theme — auto", Firefox shows the dark pages.

[michalsn]

Thanks for figuring it out.

Function/class reference styles have been updated. It was strange because it was displaying correctly on my local build. Anyway, thanks for letting me know.

[datamweb]

@michalsn I have a problem with the white border of the tables, I feel it conflicts with the dark mod.

[kenjis]

LGTM!

[kenjis]

@datamweb What's wrong with the border?
This?

[datamweb]

What's wrong with the border?

No, I mean white color, I feel that this color is chosen too bright.

[michalsn]

It wasn't strictly white, but I darkened it more, so it should be ok now. Let me know.

[datamweb]

@michalsn thank you! nice.