Dashmox 仍在开发中。 更新会很频繁。免费套餐现已可用;Pro 和 Business 尚未推出。

安装免费套餐

浅色、深色与四种颜色

Dashmox 拥有真正的深色模式,以及可在任一主题下使用的四种配色。其中每一种颜色在发布前都经过对比度实测,因此换了配色的面板依然易读。

深色模式

一套独立的主题,而不是在浅色主题上加一层滤镜。

深色模式就在面板标题栏的按钮上。深色主题中,每一个界面、表格、图表、标记和状态颜色都有各自独立的取值,是依据其承载内容选定的,而不是简单调暗了事。

The Dashmox server overview in the dark theme

配色

四种颜色,每种都有浅色和深色版本。

浅色还是深色是一个问题,面板穿哪种颜色是另一个问题,因此每种配色都提供两种主题。以下是真实面板在各配色下的截图。

Dashmox in the Forest palette, the green it ships in

森林绿

Dashmox 自带的那种绿色。所有值得点击操作的元素都是这种绿色,而侧边栏是它最深的那一端。

  • #142822
  • #277953
  • #c1dca4
Dashmox in the Ocean palette, a deep blue

海洋蓝

一种深蓝色,献给那些不希望主机面板看起来像花园中心的人。

  • #141d28
  • #274d79
  • #a4cddc
Dashmox in the Indigo palette, a violet warmer than the blue

藏青

紫罗兰色,比蓝色更暖,也是为保持可读性花费功夫最多的那一种配色。

  • #1b1428
  • #452779
  • #c6a4dc
Dashmox in the Slate palette, which has almost no colour in it

石板灰

几乎不带任何颜色,适合一个应当安静待在工作背后的面板。

  • #1a1e22
  • #42505e
  • #b6c0ca

每个色块都是面板实际绘制时使用的取值:侧边栏、可操作元素的颜色,以及高亮色。在深色模式下,配色保持其色相并提亮强调色,因为在深色面板上足够醒目的颜色,并不是白色文字能够附着其上的那一种。

每一种配色下都清晰可读

对比度是实测的,不是靠肉眼估计的。

仅仅旋转色相本身并不安全。同一亮度下的绿色远比藏青醒目,而这些配色的第一个版本把白色放在深藏青按钮上,对比度仅为 3.3 比 1,远低于普通文字所需的 4.5 比 1。阅读样式表发现不了这一点,因为问题出在两条各自都没问题的规则搭配在一起。

因此面板自己的测试改为去问浏览器。它们会遍历所打开的每个页面,取出每段文字实际绘制时的颜色和其背后实际的颜色,解析任何透明度,然后测量对比度。标准是 WCAG AA:普通文字 4.5 比 1,大号文字 3 比 1。这会在浅色和深色、全部四种配色下运行,任何不达标的搭配都会让构建失败,而不是传到您手上。

选择其中之一

您的面板,而不是所有人的面板。

  • 浅色或深色就在标题栏的按钮上,无论您在哪个页面,一次点击即可。
  • 配色在“账户”的“外观”中设置,每个选项都以其所提供的配色绘制,因此您挑选的就是您看到的。
  • 该设置保存在您的浏览器中,因此它只跟随这台机器,您的同事和客户登录时不会有任何变化。
  • 您的手机也会随之变化,因为浏览器会按配色绘制自己的地址栏,而不是用 Dashmox 自带的绿色。

深色模式和各种配色是面板的一部分,所有套餐均可使用,免费套餐也包括在内。

您的服务器,而其上的任何内容都不被计数。

完整的面板在一台服务器上免费使用,对网站、邮箱、DNS 区域和客户账户的数量均无限制。覆盖最多五台服务器的 Pro 尚未推出。