Adwaita

アドワイタ / 2011– / 风格 / 平台界面语言

GNOME 给自己默认外观起的名字,指南规定亮色版、暗色版和高对比版必须用同一套部件来成立。窗口上端有一条顶栏横贯,放在上面的按钮既不画背景也不画边框。图标统一为 16x16px 的单色符号图标。

横贯窗口上端的一条顶栏,内容靠左、居中、靠右三点对齐,窗口的标题坐在中间 / 顶栏上的按钮没有背景也没有边框,面上只浮着符号和文字 / 以 16x16px 绘制的单色符号图标,主要笔画宽 2px,取不带透视的正面形态 / 公开的调色板,每个色相备齐五级,其中包括 Blue 3 的 #3584e4

Nathan Hadley《GNOME 設定 48》2025年 — Wikimedia Commons / CC BY-SA 4.0Nathan Hadley《GNOME テキストエディター 47》2025年 — Wikimedia Commons / CC BY-SA 4.0Frap《GNOME Files の画面》2025年 — Wikimedia Commons / CC0

辞典词条

适用场景
希望面向 Linux 桌面的应用在亮色设置和暗色设置下都呈现同一套骨架时;要添加自制部件时,不直接写死颜色值,而是搭在既有的颜色变量和 style class 上做时
字体
按钮用符号或文字其中之一来表示。两者并列只限侧栏的列表和视图切换。
版面
上端放顶栏,主要动作靠左,标题居中,菜单靠右。一定要留出可以抓住拖动的空处。用间距而不是把按钮连起来做分组。
材料
颜色从公开的调色板里取,并作为在亮色版、暗色版和高对比版之间自动切换的变量来保存。图标用单色 SVG 画,上色留到之后再施加。
注意
把颜色值写死,只有切到暗色版和高对比版时才会坏掉,在自己平时用的画面上到最后都察觉不到。
延伸阅读
libadwaita の style class 一覧と CSS 変数の対応 / GNOME パレットが色相ごとに5段階を持つ理由と、その使い分け / 表示内容が変わるとヘッダーバーの中身も差し替わるという設計の帰結

相关词条

引用此条目

这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。

Link
https://indexstyle.org/zh/styles/adwaita
Markdown
[Adwaita — IndexStyle](https://indexstyle.org/zh/styles/adwaita)
HTML
<a href="https://indexstyle.org/zh/styles/adwaita">Adwaita — IndexStyle</a>

返回索引中的位置