Dark Theme Option

The ERPNext Website shows shows a dark theme page as well. However, i can’t seem to find option to turn on dark theme on the ERPNext. Can someone plz guide how it can be turned on?

Only available in V13 develop branch. Not available in V13 beta or lower versions. Check which version you have.

This will be made available with the redesign, wait for the official release or as mentioned by @Muzzy you can switch to develop branch for now.

Please keep a backup before switching branches. :slight_smile:

1 Like

So? Now that V13 is released, is a dark theme available? If so, how can it be enabled?

Yes it is available. You can use Ctrl + Shift +G or there is an option to toggle theme in the user menu.

3 Likes

Sorry … what?

In both FireFox and Chrome that just opens the search-in-page dialog.

What is the user menu?

Using ERPNext: v13.0.1 (version-13), I see Toggle Full Width, but nothing about Toggle Theme.

From your screenshot, it doesn’t look like the v13. did you install a new v13 or did you upgrade from a previous version?

@MartinHBramwell your instance is not yet on V13. Check for
ERPNext: v13.0.1 (version-13)
Frappe Framework: v13.0.2 (version-13)

Try updating again. Happened to me as well that even though the upgrade command went through I was still on V13 Beta

Here screen of Dark theme (Timeless Night) for my V13

@Muzzy & @hashir Installed ERPNext v13.0.1 with Frappe Framework v13.0.2 as indicated below

But like @MartinHBramwell I still do not get Toggle Theme under user menu. However Ctrl+Shift+G works for me.

It is a direct V13 installation, not an upgrade.

erpadm@drct:~/frappe-bench-DRCT$ bench version
erpnext 13.0.1
frappe 13.0.0-beta.12

Seems I have a mixture. :frowning:

Seems you installed v13-beta of Frappe…

Try
bench switch-to-branch version-13 frappe and
bench update or bench update --patch

Or you can git checkout version-13 from apps/frappe/ folder. Then bench migrate.

What OS and browser allows you to use CtrlShiftG?

I am on Xubuntu 20.04. CtrlShiftG opens the search dialog for the browser. It never reaches ERPNext.

Hmmmmm.

erpadm@drct:~/frappe-bench-DRCT$ bench switch-to-branch version-13 frappe
INFO: Fetching upstream unshallow for frappe
$ git remote set-branches upstream  '*'
$ git fetch --all --unshallow --quiet
Switching for frappe
$ git checkout -f version-13
Branch 'version-13' set up to track remote branch 'version-13' from 'upstream'.
Switched to a new branch 'version-13'
SUCCESS: Successfully switched branches for: frappe
Please run `bench update --patch` to be safe from any differences in database schema
erpadm@drct:~/frappe-bench-DRCT$ bench update --patch
Backing up sites...
Traceback (most recent call last):
  File "/usr/lib/python3.8/runpy.py", line 185, in _run_module_as_main
    mod_name, mod_spec, code = _get_module_details(mod_name, _Error)
  File "/usr/lib/python3.8/runpy.py", line 111, in _get_module_details
    __import__(pkg_name)
  File "/home/erpadm/frappe-bench-DRCT/apps/frappe/frappe/__init__.py", line 1627, in <module>
    def log_error(message=None, title=_("Error")):
  File "/home/erpadm/frappe-bench-DRCT/apps/frappe/frappe/__init__.py", line 69, in _
    from frappe.translate import get_full_dict
  File "/home/erpadm/frappe-bench-DRCT/apps/frappe/frappe/translate.py", line 18, in <module>
    from frappe.model.utils import render_include, InvalidIncludePath
  File "/home/erpadm/frappe-bench-DRCT/apps/frappe/frappe/model/utils/__init__.py", line 9, in <module>
    from frappe.build import html_to_js_template
  File "/home/erpadm/frappe-bench-DRCT/apps/frappe/frappe/build.py", line 18, in <module>
    import psutil
ModuleNotFoundError: No module named 'psutil'
erpadm@drct:~/frappe-bench-DRCT$ bench update
Traceback (most recent call last):
  File "/usr/lib/python3.8/runpy.py", line 185, in _run_module_as_main
    mod_name, mod_spec, code = _get_module_details(mod_name, _Error)
  File "/usr/lib/python3.8/runpy.py", line 111, in _get_module_details
    __import__(pkg_name)
  File "/home/erpadm/frappe-bench-DRCT/apps/frappe/frappe/__init__.py", line 1627, in <module>
    def log_error(message=None, title=_("Error")):
  File "/home/erpadm/frappe-bench-DRCT/apps/frappe/frappe/__init__.py", line 69, in _
    from frappe.translate import get_full_dict
  File "/home/erpadm/frappe-bench-DRCT/apps/frappe/frappe/translate.py", line 18, in <module>
    from frappe.model.utils import render_include, InvalidIncludePath
  File "/home/erpadm/frappe-bench-DRCT/apps/frappe/frappe/model/utils/__init__.py", line 9, in <module>
    from frappe.build import html_to_js_template
  File "/home/erpadm/frappe-bench-DRCT/apps/frappe/frappe/build.py", line 18, in <module>
    import psutil
ModuleNotFoundError: No module named 'psutil'

Traceback (most recent call last):
  File "/usr/local/bin/bench", line 8, in <module>
    sys.exit(cli())
  File "/usr/local/lib/python3.8/dist-packages/bench/cli.py", line 48, in cli
    if sys.argv[1] in get_frappe_commands() + ["--site", "--verbose", "--force", "--profile"]:
TypeError: unsupported operand type(s) for +: 'NoneType' and 'list'

From frappe-bench, do this

source env/bin/activate
pip install --upgrade psutil

So that wrecked my installation. Rebuilding from scratch …

(almost certainly due to ERPNext V13 needing Frappe V13 to work properly)

OK!

Yay! So deliciously dark and restful!

My left-eye thanks you! My right-eye thanks you! Both my eyes get down on their knees holding hands to thank you!

(So, uhm … when’s this forum gonna get themed? :face_with_hand_over_mouth: Hmmmm?)

3 Likes

Using Ubuntu 20.04 running on DO droplet. Using Firefox browser.
CtrlShiftG works fine but not getting toggle theme in user menu.

Hmmm. I mean … my client/workstation OS is Xubuntu running both FireFox and Chrome.

Is your client/workstation OS: Windows, Mac, something else?

But, what does it do? Mine brings up the browser’s search dialog.