{"id":"ubuntu-yaru","no":570,"name":"Ubuntu Yaru","ja":"Ubuntu Yaru","era":"2018–","family":"プラットフォームの画面言語","kind":"スタイル","collection":"Dictionary expansion 30","addedAt":"2026-08-22","source":{"title":"Ubuntu Yaru — Theme suite and icon guidelines","url":"https://github.com/ubuntu/yaru/wiki/%234-Help-for-creating-yaru-icons"},"reference":{"status":"verified","pageUrl":"https://github.com/ubuntu/yaru/wiki/%234-Help-for-creating-yaru-icons","credit":"Ubuntu Yaru — Theme suite and icon guidelines"},"essence":"Ubuntuの既定テーマとして、Adwaita由来のGTKとGNOME ShellへUbuntuの橙、濃いヘッダーバー、Suru系アイコンを重ねた共同制作の画面言語。窓、シェル、アイコン、カーソル、音まで一つのテーマ群として配る。","cues":["明るい窓面と濃いヘッダーバーの対比","Ubuntu Orangeを選択と焦点へ使う","円・正方形・縦横の長円を基礎にしたSuru系アイコン","アイコンの1px縁、弱いグラデーション、下方の影"],"intents":["技術","親密","信頼"],"works":["Ubuntuのデスクトップ、標準アプリ、配布物を一つの既定外観へ揃えるとき","上流GNOMEとの互換を保ちながら、配布版固有の色と図像を加えるとき"],"recipe":{"type":"Ubuntu書体を使い、ラベルを短く保つ。アイコン内の文字は避ける。","layout":"GTKの構造を大きく変えず、濃いヘッダーバーと橙の焦点線で窓の現在地を示す。","material":"Suruの色表、弱いグラデーション、半透明の暗い縁を再利用し、アイコンごとの作風差を抑える。"},"avoid":"Adwaitaを大きく上書きするとアプリ側の指定と衝突する。Ubuntuらしさは構造改変ではなく色、ヘッダー、図像の差へ閉じる。","colors":["#FAFAFA","#E95420","#2C001E"],"motif":"ui","pair":["adwaita","breeze"],"study":["Yaru and upstream Adwaita","Suru icon lineage","Yaru GTK, shell, icon and sound themes"],"en":{"essence":"Ubuntu's community-built default theme overlays Adwaita-based GTK and GNOME Shell with Ubuntu orange, dark header bars and Suru-derived icons, distributing windows, shell, icons, cursors and sound as one suite.","cues":["Light window body contrasted with a dark header bar","Ubuntu orange for selection and focus","Suru-derived icons based on circles, squares and vertical or horizontal oblongs","One-pixel icon edge, restrained gradient and lower shadow"],"works":["Unifying the Ubuntu desktop, default applications and distribution assets","Adding a distribution identity while remaining compatible with upstream GNOME"],"recipe":{"type":"Use Ubuntu type and short labels; avoid lettering inside icons.","layout":"Preserve GTK structure, using the dark header and orange focus ring to declare the active window.","material":"Reuse the Suru palette, restrained gradients and translucent dark outlines to keep icons from drifting apart."},"avoid":"Large overrides of Adwaita collide with application styling. Contain Ubuntu identity in color, headers and iconography instead of restructuring widgets.","study":["Yaru and upstream Adwaita","Suru icon lineage","Yaru GTK, shell, icon and sound themes"]},"usage":{"license":"CC-BY-4.0","licenseName":"Creative Commons Attribution 4.0 International","licenseUrl":"https://creativecommons.org/licenses/by/4.0/","attribution":"IndexStyle — https://indexstyle.org","attributionUrl":"https://indexstyle.org","scope":"Original IndexStyle text and structured data. Reference images, quoted works, and third-party material are excluded and retain their own rights."}}