whitespace-se/matomo-modern-theme

Modern为Matomo用户界面提供了一种简约的外观和感受。现在还包含深色模式和附加选项。

安装: 110

依赖项: 0

建议者: 0

安全: 0

星标: 16

关注者: 12

分支: 5

公开问题: 0

语言:Less

类型:piwik-plugin

5.0.4 2024-02-19 05:38 UTC

README

描述

Modern为Matomo界面提供了一个具有更新色彩方案的简约设计。

Modern使得保持品牌形象比以往任何时候都更加容易。白色的页眉意味着您可以简单地上传您组织的标志——而不会与原始的Matomo页眉颜色冲突。

现在还提供可选的深色模式和更改页面页眉背景颜色的选项。

该设计专注于可用性和可访问性。颜色选择旨在保持良好的对比度比。导航设计已更新,以改善对主要内容的关注。与默认的Matomo界面相比,键盘导航的支持得到了增强。

Modern由Whitespace代理的可用性和可访问性专家维护。

深色模式

Dark mode

我们从版本1.1.0开始添加了深色模式作为选项。

您可以选择默认选项中的 深色浅色 外观,或者让它自动随日落(浅色⇒深色)和日出(深色⇒浅色)变化。

自定义页眉背景颜色

Custom background colour

我们从版本1.1.0开始添加了这个配置作为选项。

填写一个颜色代码。允许使用HEX、rgb、rgba、hsl和hsla颜色代码。

这特别适用于开发/预发布环境,您希望明确表示这不是生产环境。

选项

Modern options

从“管理 > 系统 > 通用设置”编辑选项

配置

配置可以在config.ini.php中覆盖

[Modern]
modernDarkMode = 0
modernHeaderBackgroundColor = "#ff5100"

深色模式的选项

  • modernDarkMode = 0 - 让它在日落时(浅色⇒深色)和日出时(深色⇒浅色)自动变化
  • modernDarkMode = 1 - 仅启用 深色 模式
  • modernDarkMode = 2 - 仅启用 浅色 模式

页眉背景颜色

以字符串形式填写颜色代码。允许使用HEX、rgb、rgba、hsl和hsla颜色代码。

modernHeaderBackgroundColor = "#ff5100"

Whitespace & Matomo

我们提供Matomo配置、操作和网站分析支持。客户名单包括公共部门30多个组织——例如瑞典税务局瑞典国家档案馆乌普萨拉市政府特雷勒堡市政府埃斯洛夫市政府瑞典社会保险局瑞典统计局 & 乌梅亚大学

了解有关Whitespace & Matomo的更多信息