GTK 3 中的主题更改

Adwaita 作为默认 GTK+ 主题已经有一段时间了(在所有平台上)。它为我们提供了很好的服务,但 Adwaita 已经有一段时间没有重大更新了,而且人们希望对其进行刷新。

更新 Adwaita 是一项挑战,因为大多数 GTK 应用程序都在使用稳定的 3.x 系列,其中一些应用程序为自己的自定义小部件包含了与 Adwaita 兼容的主题。鉴于此发布系列的稳定性,我们不希望给应用程序造成主题兼容性问题。与此同时,3.x 是当今使用的主要 GTK 版本,我们希望确保 GTK 应用程序不会显得过时或老旧。

一项试验

已经考虑和讨论了许多解决这个问题的方法。在这些方法中,提出了一项初步计划,试用一组有限的主题更改,并有可能将其纳入未来的 GTK 3 版本中。

我们希望,由于主题更改的有限性,它们不应该给应用程序带来问题。然而,我们不想仅仅把希望寄托在希望上。因此,接下来的三周被指定为测试和咨询期,如果一切顺利,我们希望将该主题合并到 GTK 3.24.4 版本中。

应该强调的是,这些更改仅限于 Adwaita 本身。自 GTK 3.22 以来,GTK 的 CSS 选择器和类没有发生变化,Adwaita 中的更改不会影响其他 GTK 主题。

Adwaita 更新后的主题将与 GTK 3.24.3 版本并行提供,作为一个单独的 tarball,可以在此处下载。我们邀请 GTK 应用程序开发人员尝试 3.24.3 以及新版本的 Adwaita,并报告他们遇到的任何问题。GTK 团队和 Adwaita 作者也将进行自己的测试。有关如何在各种方式下测试新主题的详细信息,请参阅此处

我们希望在 GTK 的稳定承诺和提供最新应用程序的愿望之间取得平衡。这是一个需要正确把握的微妙平衡,我们渴望在此过程中与 GTK 用户互动!

主题更改

本文的其余部分总结了对主题所做的更改。希望这能证明这些更改的有限程度。它还将帮助开发人员知道在测试时要注意什么。

颜色

许多 Adwaita 颜色都经过了细微调整。新颜色比以前的版本更鲜艳,因此为 Adwaita 带来了更多活力和生机。新颜色也构成了一个更广泛的调色板的一部分,该调色板用于应用程序图标。这些颜色也可以用于自定义应用程序样式。

颜色变化很微妙,因此新旧版本之间的任何兼容性问题都不应该很严重。蓝色仍然是蓝色(只是稍微不同的阴影!)。红色仍然是红色。从视觉上看,主题的深色和浅色版本基本保持不变。

Adwaita 的深色变体,显示旧版(左)和新版(右)之间细微的颜色变化。

请注意,在深色主题中,按钮的红色稍微减弱了一些。

标题栏和按钮

在更新的 Adwaita 版本中,大多数小部件都没有进行特别更改。但是,有两个地方有特定于小部件的更改:标题栏和按钮。在这两种情况下,都努力使其更轻巧、更优雅。

按钮的实线边框已替换为阴影。它们的背景也更平坦,并且它们的拐角更圆润。它们的形状也发生了非常细微的变化。

标题栏已更新以补充按钮更改。这主要是通过使其背景变暗来完成的,以便为按钮提供足够的对比度。标题栏的焦点和非焦点状态之间的对比度也增加了。这使用户更容易识别焦点窗口。

乍一看,这些更改是一些最重要的更改,但它们是通过一些相当小的代码更改实现的。

GNOME 日历应用程序中的标题栏(旧版本在顶部,新版本在底部)

开关

除了标题栏和按钮之外,唯一要更改的小部件是开关。当 GTK 首次引入开关时,它们在桌面上是一个相当新的概念。因此,它们包含了明确的“ON”和“OFF”标签,以便传达开关的工作方式。此后,开关小部件已变得无处不在,用户也已经熟悉了不包含标签的开关。

最新的 Adwaita 更改通过删除标签并引入更圆润的形状,使主题与其他平台保持一致,并使开关的外观更加紧凑和现代。

其他地方,没有变化

除了上述更改之外,Adwaita 中几乎没有变化。绝大多数小部件保持不变,尽管颜色略有变化。通常,UI 布局不应改变,用户应该对这些更改感到满意。

找出差异(旧版本的 Adwaita 在左侧,新版本在右侧)

结论

请尝试新主题。我们希望您喜欢它!

如果您是 GTK 应用程序开发人员,我们感谢您的反馈。您可以在 irc(GimpNet 上的 #gtk+ 频道)或通过 gtk-devel-list 邮件列表提供反馈,或者在 gitlab 中提交问题。

关于“GTK 3 中的主题更改”的 61 条评论

  1. 我不确定我是否在切换开关上正确地捕捉到了这一点,但那个垂直线是否代替“ON”文本,是一个“1”?如果是这样,并且如果它与关闭位置的“0”匹配,我的反馈是它会产生视觉噪声。假设一下,我的母亲会因为背景(蓝色/灰色)和切换控件的位置(右/左)而理解切换开关,但除非有人指出,否则她不会意识到她也在看 1/0 符号。在那之前,它们只会分散她基于其他指标的直觉,这些指标与她在其他最新平台上设定的期望相匹配。

    如果那不是 1/0 符号,那我的错,但我仍然支持上面建议的替代方案:使用复选框样式的“勾号”/X 符号代替。与“ON”/“OFF”不同,这些不需要翻译,并且除了颜色对比度和切换位置外,仍然提供可访问、可见的差异。

  2. 该符号是

    U+23FD 电源开启符号

    但没有多少字体有这个符号,所以你很可能会看到回退

    U+2759 中等垂直线

  3. 我真的很喜欢主题更改!

    但是如何使用主题的颜色进行自定义应用程序样式设置呢?
    例如,如果我想使用 Adwaita 类型的绿色通过 cairo 进行自定义渲染。

  4. 我同意 Josh 的观点,即切换开关中的电源符号很奇怪。我认为不需要任何符号。许多现有的移动/桌面界面只是使用水平药丸形状 + 圆形滑块。启用时为彩色背景,关闭时为非彩色背景。我认为很高比例的用户不需要比这更多的指示。这些符号更有可能让用户感到困惑,因为其他界面没有这些符号。如果有的话,当使用符号时,复选标记似乎是最标准的。

  5. 我已经使用了一段时间了,我不得不说它毕竟还不错。仍然更喜欢旧的 Adwaita,但并不像一开始那样可怕。
    把我钉在十字架上吧,我的举止让我罪有应得。

    [WORDPRESS HASHCASH] 海报发送给我们的“0”不是哈希现金值。

  6. 我不是开发人员,但我每周至少在 Arch Xfce 中安装 3 个主题,但出于某种原因,这个主题在将提取后的主题放入文件夹后,甚至没有在我的设置中显示出来。

  7. 我是一名应用程序开发人员,以下是我的一些建设性意见/观察结果……

    (1)
    GtkNotebook 中的选项卡没有边框。区分选项卡是否被选中的唯一方法是看蓝色下划线。这可能是一个在发布新主题之前应该修复的错误。您可以在 Nautilus 的文件属性对话框中看到这个问题。

    (2)
    Andrey Sh 在 1 月 15 日关于灰度饱和度的评论很有道理:当前的 NewAdwaita 阴影有点“温暖”。当您浏览她在帖子中链接的“之前”和“之后”图片时,您可以看到差异。(也许当前为 NewAdwaita 选择的灰度可以在更广泛的显示器上提供更好的对比度?请告知我们?)

    (3)
    关于开关中的“OFF”文本,最后一个“F”被开关的右侧边框截断,“O”则与圆形开关的边缘接触。如果这个文本周围有更多的填充会更好。“ON”文本的填充非常好,因为它只有两个字符宽。

    因为开关必须是其圆形按钮的两倍宽,所以解决方案不像拉伸开关以增加“ON”和“OFF”文本的左右填充那样容易——圆形按钮会拉伸成椭圆形,或者开关在开和关的位置之间中心有太大的间隙。

    自动使用窄字体可能是一个选项,但并非所有字体都有窄变体。

    最终,一个好的折衷方案可能是为开关中的“ON”和“OFF”文本使用较小的字体大小,使其外观更加专业和优雅。

    最后一个选项:也许可以使用与按钮等其他 UI 元素相同的半径创建圆角矩形开关?开关内的按钮将是匹配的圆角正方形形状。这将提供一致性,为 NewAdwaita 创建统一的外观,同时为开关内的“OFF”文本提供足够的空间。

    (4)
    fthx 在 1 月 15 日和“某人”在 1 月 16 日关于 Nautilus 标题路径栏中文件夹按钮接触斜杠的评论很有道理。也许斜杠应该被图形元素替换(例如 chevron — 一个非常高的“大于号”;换句话说,一个拉长且更细的“>”版本 — 它将占用与“/”相同的水平空间,而不会接触文件夹按钮)。

    根据“某人”在 1 月 16 日的评论,当视图改变(从列表视图到缩略图视图)时,Nautilus 背景不应更改。

    (5)
    我不同意其他人关于日历按钮的评论。我很清楚这三个按钮是一组的,因为它们都相互接触。此外,左侧和右侧的按钮具有圆角,在视觉上为整个三个按钮组创建了一个圆角矩形边框。也很明显,该组中的“月份”按钮已经被按下,而“周”和“年”按钮仍然可以选择。

    (6)
    问题:GTK2 应用程序没有使用 NewAdwaita 主题渲染,因此它们看起来格格不入。然而,GTK2 应用程序使用当前的 Adwaita 主题看起来很好。当 NewAdwaita 发布时,GTK2 应用程序会发生什么?有没有办法通过 NewAdwaita 获得一致的外观和感觉?

  8. 您好,

    在 iOS 上,1/0 符号可以作为开/关开关上的辅助功能添加,如果您看不到蓝色等颜色,则非常重要。

    我正在使用 gtk 3.24.5,新的按钮似乎只有蓝色,没有 1/0。

    是否可以提供在“通用访问”下的“视觉”部分下重新激活此选项的可能性? :(


  9. 我已经使用它一段时间了,我真的很讨厌它。主要是标题栏和按钮之间的对比。
    有没有办法恢复旧的? 如果你能帮我,我将不胜感激。

评论已关闭。