[Bug] How to disable dark theme on top static menu

Rollbacke commented

2024-02-12 15:07:52 +01:00

Environment

Custom menu version: 3.11.5
Nextcloud version: 28.0.2
PHP version: 8.2.15
Web server (Nginx, Apache2): Traefik/Nginx
Web browser and version (Firefox 80, Google Chrome 74, etc): Firefox/Brave

Configuration

{
    "add-logo-link": "1",
    "always-displayed": "0",
    "apps-categories-custom": "[]",
    "apps-order": "[\"files\",\"activity\",\"photos\",\"memories\"]",
    "background-color": "#1e2531",
    "background-color-opacity": "96",
    "background-color-to": "#e57133",
    "big-menu": "0",
    "big-menu-hidden-apps": "[]",
    "categories-custom": "[]",
    "categories-order": "[\"other\",\"office\",\"external_links\",\"files\",\"workflow\",\"integration\",\"games\",\"multimedia\",\"organization\",\"tools\",\"customization\",\"search\",\"social\",\"monitoring\",\"security\",\"dashboard\"]",
    "categories-order-type": "default",
    "current-app-background-color": "#fbb540",
    "dark-mode-background-color": "#002531",
    "dark-mode-background-color-opacity": "100",
    "dark-mode-background-color-to": "#e57133",
    "dark-mode-current-app-background-color": "#fbb540",
    "dark-mode-icon-invert-filter": "0",
    "dark-mode-icon-opacity": "100",
    "dark-mode-loader-color": "#3e5868",
    "dark-mode-opener": "side-menu-opener-hamburger",
    "dark-mode-text-color": "#ffffff",
    "default-enabled": "1",
    "display-logo": "1",
    "enabled": "yes",
    "force": "1",
    "hide-when-no-apps": "0",
    "icon-invert-filter": "0",
    "icon-opacity": "100",
    "installed_version": "3.11.5",
    "loader-color": "#3e5868",
    "loader-enabled": "1",
    "opener": "side-menu-opener-hamburger",
    "opener-hover": "0",
    "opener-only": "0",
    "opener-position": "before",
    "show-settings": "0",
    "side-with-categories": "0",
    "size-icon": "normal",
    "size-text": "normal",
    "target-blank-apps": "[]",
    "text-color": "#ffffff",
    "top-menu-apps": "[\"activity\",\"memories\",\"files\"]",
    "top-menu-mouse-over-hidden-label": "0",
    "top-side-menu-apps": "[\"activity\",\"memories\",\"files\"]",
    "types": "",
    "use-avatar": "0"
}

Steps to reproduce

Use Nextcloud dark theme. Tested on Firefox, Brave and Edge, it doesn't change anything. It's all due to using the dark theme on Nextcloud.
If custom_menu is not used, the icons are white.

Observed Results

The icons (not the text) are black, and therefore difficult to see if the screen background is dark.

Expected Results

We should be able to specify the color of the icons.

More informations

No response

### Environment * Custom menu version: 3.11.5 * Nextcloud version: 28.0.2 * PHP version: 8.2.15 * Web server (Nginx, Apache2): Traefik/Nginx * Web browser and version (Firefox 80, Google Chrome 74, etc): Firefox/Brave ### Configuration ``` { "add-logo-link": "1", "always-displayed": "0", "apps-categories-custom": "[]", "apps-order": "[\"files\",\"activity\",\"photos\",\"memories\"]", "background-color": "#1e2531", "background-color-opacity": "96", "background-color-to": "#e57133", "big-menu": "0", "big-menu-hidden-apps": "[]", "categories-custom": "[]", "categories-order": "[\"other\",\"office\",\"external_links\",\"files\",\"workflow\",\"integration\",\"games\",\"multimedia\",\"organization\",\"tools\",\"customization\",\"search\",\"social\",\"monitoring\",\"security\",\"dashboard\"]", "categories-order-type": "default", "current-app-background-color": "#fbb540", "dark-mode-background-color": "#002531", "dark-mode-background-color-opacity": "100", "dark-mode-background-color-to": "#e57133", "dark-mode-current-app-background-color": "#fbb540", "dark-mode-icon-invert-filter": "0", "dark-mode-icon-opacity": "100", "dark-mode-loader-color": "#3e5868", "dark-mode-opener": "side-menu-opener-hamburger", "dark-mode-text-color": "#ffffff", "default-enabled": "1", "display-logo": "1", "enabled": "yes", "force": "1", "hide-when-no-apps": "0", "icon-invert-filter": "0", "icon-opacity": "100", "installed_version": "3.11.5", "loader-color": "#3e5868", "loader-enabled": "1", "opener": "side-menu-opener-hamburger", "opener-hover": "0", "opener-only": "0", "opener-position": "before", "show-settings": "0", "side-with-categories": "0", "size-icon": "normal", "size-text": "normal", "target-blank-apps": "[]", "text-color": "#ffffff", "top-menu-apps": "[\"activity\",\"memories\",\"files\"]", "top-menu-mouse-over-hidden-label": "0", "top-side-menu-apps": "[\"activity\",\"memories\",\"files\"]", "types": "", "use-avatar": "0" } ``` ### Steps to reproduce Use Nextcloud dark theme. Tested on Firefox, Brave and Edge, it doesn't change anything. It's all due to using the dark theme on Nextcloud. If custom_menu is not used, the icons are white. ### Observed Results The icons (not the text) are black, and therefore difficult to see if the screen background is dark. ### Expected Results We should be able to specify the color of the icons. ### More informations _No response_

without_custommenu.png

27 KiB

with_custommenu_withouttext.png

26 KiB

with_custommenu_withtext.png

37 KiB

with_custommenu_white_theme.png

36 KiB