491 lines
38 KiB
HTML
491 lines
38 KiB
HTML
<!doctype html>
|
|
<html class="no-js">
|
|
<head><meta charset="utf-8"/>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1"/>
|
|
<meta name="color-scheme" content="light dark"><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
|
|
<link rel="index" title="Index" href="../genindex.html" /><link rel="search" title="Search" href="../search.html" /><link rel="next" title="Backgrounds" href="backgrounds.html" /><link rel="prev" title="Standard Keyboard Shortcuts" href="keyboard.html" />
|
|
|
|
<meta name="generator" content="sphinx-4.3.0, furo 2021.07.05.beta38"/>
|
|
<title>Palette - GNOME Human Interface Guidelines documentation</title>
|
|
<link rel="stylesheet" type="text/css" href="../_static/pygments.css" />
|
|
<link rel="stylesheet" type="text/css" href="../_static/styles/furo.css" />
|
|
<link rel="stylesheet" type="text/css" href="../_static/styles/furo-extensions.css" />
|
|
<link rel="stylesheet" type="text/css" href="../_static/gnome.css" />
|
|
|
|
|
|
|
|
<style>
|
|
:root {
|
|
--color-code-background: #f8f8f8;
|
|
--color-code-foreground: black;
|
|
--color-brand-primary: #4a86cf;
|
|
--color-brand-content: #4a86cf;
|
|
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--color-code-background: #202020;
|
|
--color-code-foreground: #d0d0d0;
|
|
|
|
}
|
|
}
|
|
|
|
/* For allowing end-user-specific overrides */
|
|
.override-light {
|
|
--color-code-background: #f8f8f8;
|
|
--color-code-foreground: black;
|
|
--color-brand-primary: #4a86cf;
|
|
--color-brand-content: #4a86cf;
|
|
|
|
}
|
|
.override-dark {
|
|
--color-code-background: #202020;
|
|
--color-code-foreground: #d0d0d0;
|
|
|
|
}
|
|
</style><link media="(prefers-color-scheme: dark)" rel="stylesheet" href="../_static/pygments_dark.css"></head>
|
|
<body dir="">
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
|
|
<symbol id="svg-toc" viewBox="0 0 24 24">
|
|
<title>Contents</title>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
stroke-width="1.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
|
|
<path stroke="none" d="M0 0h24v24H0z"/>
|
|
<line x1="4" y1="6" x2="20" y2="6" />
|
|
<line x1="10" y1="12" x2="20" y2="12" />
|
|
<line x1="6" y1="18" x2="20" y2="18" />
|
|
</svg>
|
|
</symbol>
|
|
<symbol id="svg-menu" viewBox="0 0 24 24">
|
|
<title>Menu</title>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
|
class="feather feather-menu">
|
|
<line x1="3" y1="12" x2="21" y2="12"></line>
|
|
<line x1="3" y1="6" x2="21" y2="6"></line>
|
|
<line x1="3" y1="18" x2="21" y2="18"></line>
|
|
</svg>
|
|
</symbol>
|
|
<symbol id="svg-arrow-right" viewBox="0 0 24 24">
|
|
<title>Expand</title>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
|
class="feather feather-chevron-right">
|
|
<polyline points="9 18 15 12 9 6"></polyline>
|
|
</svg>
|
|
</symbol>
|
|
</svg>
|
|
|
|
<input type="checkbox" class="sidebar-toggle" name="__navigation" id="__navigation">
|
|
<input type="checkbox" class="sidebar-toggle" name="__toc" id="__toc">
|
|
<label class="overlay sidebar-overlay" for="__navigation"></label>
|
|
<label class="overlay toc-overlay" for="__toc"></label>
|
|
|
|
|
|
|
|
<div class="page">
|
|
<header class="mobile-header">
|
|
<div class="header-left">
|
|
<label class="nav-overlay-icon" for="__navigation">
|
|
<i class="icon"><svg><use href="#svg-menu"></use></svg></i>
|
|
</label>
|
|
</div>
|
|
<div class="header-center">
|
|
<a href="../index.html"><div class="brand">GNOME Human Interface Guidelines</div></a>
|
|
</div>
|
|
<div class="header-right">
|
|
<label class="toc-overlay-icon toc-header-icon no-toc" for="__toc">
|
|
<i class="icon"><svg><use href="#svg-toc"></use></svg></i>
|
|
</label>
|
|
</div>
|
|
</header>
|
|
<aside class="sidebar-drawer">
|
|
<div class="sidebar-container">
|
|
|
|
<div class="sidebar-sticky"><a class="sidebar-brand centered" href="../index.html">
|
|
|
|
<div class="sidebar-logo-container">
|
|
<img class="sidebar-logo" src="../_static/logo.svg" alt="Logo"/>
|
|
</div>
|
|
|
|
<span class="sidebar-brand-text">GNOME Human Interface Guidelines</span>
|
|
|
|
</a><form class="sidebar-search-container" method="get" action="../search.html">
|
|
<input class="sidebar-search" placeholder=Search name="q">
|
|
<input type="hidden" name="check_keywords" value="yes">
|
|
<input type="hidden" name="area" value="default">
|
|
</form><div class="sidebar-scroll"><div class="sidebar-tree">
|
|
<ul class="current">
|
|
<li class="toctree-l1"><a class="reference internal" href="../principles.html">Design Principles</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="../resources.html">Tools & Resources</a></li>
|
|
<li class="toctree-l1 has-children"><a class="reference internal" href="../guidelines.html">Guidelines</a><input class="toctree-checkbox" id="toctree-checkbox-1" name="toctree-checkbox-1" type="checkbox"/><label for="toctree-checkbox-1"><i class="icon"><svg><use href="#svg-arrow-right"></use></svg></i></label><ul>
|
|
<li class="toctree-l2"><a class="reference internal" href="../guidelines/app-naming.html">App Naming</a></li>
|
|
<li class="toctree-l2"><a class="reference internal" href="../guidelines/app-icons.html">App Icons</a></li>
|
|
<li class="toctree-l2"><a class="reference internal" href="../guidelines/pointer-touch.html">Pointer & Touch</a></li>
|
|
<li class="toctree-l2"><a class="reference internal" href="../guidelines/keyboard.html">Keyboard</a></li>
|
|
<li class="toctree-l2"><a class="reference internal" href="../guidelines/ui-icons.html">UI Icons</a></li>
|
|
<li class="toctree-l2"><a class="reference internal" href="../guidelines/ui-styling.html">UI Styling</a></li>
|
|
<li class="toctree-l2"><a class="reference internal" href="../guidelines/writing-style.html">Writing Style</a></li>
|
|
<li class="toctree-l2"><a class="reference internal" href="../guidelines/typography.html">Typography</a></li>
|
|
<li class="toctree-l2"><a class="reference internal" href="../guidelines/navigation.html">Navigation</a></li>
|
|
<li class="toctree-l2"><a class="reference internal" href="../guidelines/adaptive.html">Scaling & Adaptiveness</a></li>
|
|
<li class="toctree-l2"><a class="reference internal" href="../guidelines/accessibility.html">Accessibility</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="toctree-l1 has-children"><a class="reference internal" href="../patterns.html">Patterns</a><input class="toctree-checkbox" id="toctree-checkbox-2" name="toctree-checkbox-2" type="checkbox"/><label for="toctree-checkbox-2"><i class="icon"><svg><use href="#svg-arrow-right"></use></svg></i></label><ul>
|
|
<li class="toctree-l2 has-children"><a class="reference internal" href="../patterns/containers.html">Containers</a><input class="toctree-checkbox" id="toctree-checkbox-3" name="toctree-checkbox-3" type="checkbox"/><label for="toctree-checkbox-3"><i class="icon"><svg><use href="#svg-arrow-right"></use></svg></i></label><ul>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/containers/windows.html">Windows</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/containers/header-bars.html">Header Bars</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/containers/popovers.html">Popovers</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/containers/utility-panes.html">Utility Panes</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/containers/boxed-lists.html">Boxed Lists</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/containers/grid-views.html">Grid Views</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/containers/list-column-views.html">List & Column Views</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/containers/selection-mode.html">Selection & Edit Modes</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="toctree-l2 has-children"><a class="reference internal" href="../patterns/nav.html">Navigation</a><input class="toctree-checkbox" id="toctree-checkbox-4" name="toctree-checkbox-4" type="checkbox"/><label for="toctree-checkbox-4"><i class="icon"><svg><use href="#svg-arrow-right"></use></svg></i></label><ul>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/nav/browsing.html">Browsing</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/nav/view-switchers.html">View Switchers</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/nav/tabs.html">Tabs</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/nav/sidebars.html">Sidebars</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/nav/search.html">Search</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="toctree-l2 has-children"><a class="reference internal" href="../patterns/controls.html">Controls</a><input class="toctree-checkbox" id="toctree-checkbox-5" name="toctree-checkbox-5" type="checkbox"/><label for="toctree-checkbox-5"><i class="icon"><svg><use href="#svg-arrow-right"></use></svg></i></label><ul>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/controls/buttons.html">Buttons</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/controls/menus.html">Menus</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/controls/switches.html">Switches</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/controls/text-fields.html">Text Fields</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/controls/checkboxes.html">Checkboxes</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/controls/radio-buttons.html">Radio Buttons</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/controls/drop-downs.html">Drop-Down Lists</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/controls/sliders.html">Sliders</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/controls/spin-buttons.html">Spin Buttons</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/controls/overlaid.html">Overlaid Controls</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="toctree-l2 has-children"><a class="reference internal" href="../patterns/feedback.html">Feedback</a><input class="toctree-checkbox" id="toctree-checkbox-6" name="toctree-checkbox-6" type="checkbox"/><label for="toctree-checkbox-6"><i class="icon"><svg><use href="#svg-arrow-right"></use></svg></i></label><ul>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/feedback/notifications.html">Notifications</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/feedback/toasts.html">Toasts</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/feedback/info-bars.html">Info Bars</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/feedback/progress-bars.html">Progress Bars</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/feedback/spinners.html">Spinners</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/feedback/dialogs.html">Dialogs</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/feedback/placeholders.html">Placeholder Pages</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="../patterns/feedback/tooltips.html">Tooltips</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="toctree-l1 current has-children"><a class="reference internal" href="../reference.html">Reference</a><input checked="" class="toctree-checkbox" id="toctree-checkbox-7" name="toctree-checkbox-7" type="checkbox"/><label for="toctree-checkbox-7"><i class="icon"><svg><use href="#svg-arrow-right"></use></svg></i></label><ul class="current">
|
|
<li class="toctree-l2"><a class="reference internal" href="keyboard.html">Standard Keyboard Shortcuts</a></li>
|
|
<li class="toctree-l2 current current-page"><a class="current reference internal" href="#">Palette</a></li>
|
|
<li class="toctree-l2"><a class="reference internal" href="backgrounds.html">Backgrounds</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</aside>
|
|
<main class="main">
|
|
<div class="content">
|
|
<article role="main">
|
|
<label class="toc-overlay-icon toc-content-icon no-toc" for="__toc">
|
|
<i class="icon"><svg><use href="#svg-toc"></use></svg></i>
|
|
</label>
|
|
<section id="palette">
|
|
<h1>Palette<a class="headerlink" href="#palette" title="Permalink to this headline">¶</a></h1>
|
|
<p>The GNOME color palette is intended for use in app icons and illustrations. A
|
|
reference table is provided below.</p>
|
|
<p>The palette can also be accessed using the <a class="reference external" href="https://flathub.org/apps/details/org.gnome.design.Palette">Palette app</a>, through the predefined palettes in recent versions of the GIMP and Inkscape, or by <a class="reference external" href="https://gitlab.gnome.org/Teams/Design/HIG-app-icons/raw/master/GNOME%20HIG.gpl?inline=false">downloading it in GIMP/Inkscape format</a>.</p>
|
|
<div class="table-wrapper"><table class="hig-palette-table docutils align-default">
|
|
<colgroup>
|
|
<col style="width: 25%"/>
|
|
<col style="width: 25%"/>
|
|
<col style="width: 25%"/>
|
|
<col style="width: 25%"/>
|
|
</colgroup>
|
|
<thead>
|
|
<tr class="row-odd"><th class="head stub"></th>
|
|
<th class="head"><p>Name</p></th>
|
|
<th class="head"><p>RGB</p></th>
|
|
<th class="head"><p>Hexadecimal</p></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="row-even"><th class="stub"><p><img alt="Color 'Blue 1' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMTUzLCAxOTMsIDI0MSkiIC8+CiAgICA8L3N2Zz4KICAgIA=="/></p></th>
|
|
<td><p>Blue 1</p></td>
|
|
<td><p>(153, 193, 241)</p></td>
|
|
<td><p>#99c1f1</p></td>
|
|
</tr>
|
|
<tr class="row-odd"><th class="stub"><p><img alt="Color 'Blue 2' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoOTgsIDE2MCwgMjM0KSIgLz4KICAgIDwvc3ZnPgogICAg"/></p></th>
|
|
<td><p>Blue 2</p></td>
|
|
<td><p>(98, 160, 234)</p></td>
|
|
<td><p>#62a0ea</p></td>
|
|
</tr>
|
|
<tr class="row-even"><th class="stub"><p><img alt="Color 'Blue 3' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoNTMsIDEzMiwgMjI4KSIgLz4KICAgIDwvc3ZnPgogICAg"/></p></th>
|
|
<td><p>Blue 3</p></td>
|
|
<td><p>(53, 132, 228)</p></td>
|
|
<td><p>#3584e4</p></td>
|
|
</tr>
|
|
<tr class="row-odd"><th class="stub"><p><img alt="Color 'Blue 4' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMjgsIDExMywgMjE2KSIgLz4KICAgIDwvc3ZnPgogICAg"/></p></th>
|
|
<td><p>Blue 4</p></td>
|
|
<td><p>(28, 113, 216)</p></td>
|
|
<td><p>#1c71d8</p></td>
|
|
</tr>
|
|
<tr class="row-even"><th class="stub"><p><img alt="Color 'Blue 5' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMjYsIDk1LCAxODApIiAvPgogICAgPC9zdmc+CiAgICA="/></p></th>
|
|
<td><p>Blue 5</p></td>
|
|
<td><p>(26, 95, 180)</p></td>
|
|
<td><p>#1a5fb4</p></td>
|
|
</tr>
|
|
<tr class="row-odd"><th class="stub"><p><img alt="Color 'Green 1' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMTQzLCAyNDAsIDE2NCkiIC8+CiAgICA8L3N2Zz4KICAgIA=="/></p></th>
|
|
<td><p>Green 1</p></td>
|
|
<td><p>(143, 240, 164)</p></td>
|
|
<td><p>#8ff0a4</p></td>
|
|
</tr>
|
|
<tr class="row-even"><th class="stub"><p><img alt="Color 'Green 2' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoODcsIDIyNywgMTM3KSIgLz4KICAgIDwvc3ZnPgogICAg"/></p></th>
|
|
<td><p>Green 2</p></td>
|
|
<td><p>(87, 227, 137)</p></td>
|
|
<td><p>#57e389</p></td>
|
|
</tr>
|
|
<tr class="row-odd"><th class="stub"><p><img alt="Color 'Green 3' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoNTEsIDIwOSwgMTIyKSIgLz4KICAgIDwvc3ZnPgogICAg"/></p></th>
|
|
<td><p>Green 3</p></td>
|
|
<td><p>(51, 209, 122)</p></td>
|
|
<td><p>#33d17a</p></td>
|
|
</tr>
|
|
<tr class="row-even"><th class="stub"><p><img alt="Color 'Green 4' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoNDYsIDE5NCwgMTI2KSIgLz4KICAgIDwvc3ZnPgogICAg"/></p></th>
|
|
<td><p>Green 4</p></td>
|
|
<td><p>(46, 194, 126)</p></td>
|
|
<td><p>#2ec27e</p></td>
|
|
</tr>
|
|
<tr class="row-odd"><th class="stub"><p><img alt="Color 'Green 5' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMzgsIDE2MiwgMTA1KSIgLz4KICAgIDwvc3ZnPgogICAg"/></p></th>
|
|
<td><p>Green 5</p></td>
|
|
<td><p>(38, 162, 105)</p></td>
|
|
<td><p>#26a269</p></td>
|
|
</tr>
|
|
<tr class="row-even"><th class="stub"><p><img alt="Color 'Yellow 1' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMjQ5LCAyNDAsIDEwNykiIC8+CiAgICA8L3N2Zz4KICAgIA=="/></p></th>
|
|
<td><p>Yellow 1</p></td>
|
|
<td><p>(249, 240, 107)</p></td>
|
|
<td><p>#f9f06b</p></td>
|
|
</tr>
|
|
<tr class="row-odd"><th class="stub"><p><img alt="Color 'Yellow 2' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMjQ4LCAyMjgsIDkyKSIgLz4KICAgIDwvc3ZnPgogICAg"/></p></th>
|
|
<td><p>Yellow 2</p></td>
|
|
<td><p>(248, 228, 92)</p></td>
|
|
<td><p>#f8e45c</p></td>
|
|
</tr>
|
|
<tr class="row-even"><th class="stub"><p><img alt="Color 'Yellow 3' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMjQ2LCAyMTEsIDQ1KSIgLz4KICAgIDwvc3ZnPgogICAg"/></p></th>
|
|
<td><p>Yellow 3</p></td>
|
|
<td><p>(246, 211, 45)</p></td>
|
|
<td><p>#f6d32d</p></td>
|
|
</tr>
|
|
<tr class="row-odd"><th class="stub"><p><img alt="Color 'Yellow 4' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMjQ1LCAxOTQsIDE3KSIgLz4KICAgIDwvc3ZnPgogICAg"/></p></th>
|
|
<td><p>Yellow 4</p></td>
|
|
<td><p>(245, 194, 17)</p></td>
|
|
<td><p>#f5c211</p></td>
|
|
</tr>
|
|
<tr class="row-even"><th class="stub"><p><img alt="Color 'Yellow 5' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMjI5LCAxNjUsIDEwKSIgLz4KICAgIDwvc3ZnPgogICAg"/></p></th>
|
|
<td><p>Yellow 5</p></td>
|
|
<td><p>(229, 165, 10)</p></td>
|
|
<td><p>#e5a50a</p></td>
|
|
</tr>
|
|
<tr class="row-odd"><th class="stub"><p><img alt="Color 'Orange 1' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMjU1LCAxOTAsIDExMSkiIC8+CiAgICA8L3N2Zz4KICAgIA=="/></p></th>
|
|
<td><p>Orange 1</p></td>
|
|
<td><p>(255, 190, 111)</p></td>
|
|
<td><p>#ffbe6f</p></td>
|
|
</tr>
|
|
<tr class="row-even"><th class="stub"><p><img alt="Color 'Orange 2' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMjU1LCAxNjMsIDcyKSIgLz4KICAgIDwvc3ZnPgogICAg"/></p></th>
|
|
<td><p>Orange 2</p></td>
|
|
<td><p>(255, 163, 72)</p></td>
|
|
<td><p>#ffa348</p></td>
|
|
</tr>
|
|
<tr class="row-odd"><th class="stub"><p><img alt="Color 'Orange 3' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMjU1LCAxMjAsIDApIiAvPgogICAgPC9zdmc+CiAgICA="/></p></th>
|
|
<td><p>Orange 3</p></td>
|
|
<td><p>(255, 120, 0)</p></td>
|
|
<td><p>#ff7800</p></td>
|
|
</tr>
|
|
<tr class="row-even"><th class="stub"><p><img alt="Color 'Orange 4' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMjMwLCA5NywgMCkiIC8+CiAgICA8L3N2Zz4KICAgIA=="/></p></th>
|
|
<td><p>Orange 4</p></td>
|
|
<td><p>(230, 97, 0)</p></td>
|
|
<td><p>#e66100</p></td>
|
|
</tr>
|
|
<tr class="row-odd"><th class="stub"><p><img alt="Color 'Orange 5' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMTk4LCA3MCwgMCkiIC8+CiAgICA8L3N2Zz4KICAgIA=="/></p></th>
|
|
<td><p>Orange 5</p></td>
|
|
<td><p>(198, 70, 0)</p></td>
|
|
<td><p>#c64600</p></td>
|
|
</tr>
|
|
<tr class="row-even"><th class="stub"><p><img alt="Color 'Red 1' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMjQ2LCA5NywgODEpIiAvPgogICAgPC9zdmc+CiAgICA="/></p></th>
|
|
<td><p>Red 1</p></td>
|
|
<td><p>(246, 97, 81)</p></td>
|
|
<td><p>#f66151</p></td>
|
|
</tr>
|
|
<tr class="row-odd"><th class="stub"><p><img alt="Color 'Red 2' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMjM3LCA1MSwgNTkpIiAvPgogICAgPC9zdmc+CiAgICA="/></p></th>
|
|
<td><p>Red 2</p></td>
|
|
<td><p>(237, 51, 59)</p></td>
|
|
<td><p>#ed333b</p></td>
|
|
</tr>
|
|
<tr class="row-even"><th class="stub"><p><img alt="Color 'Red 3' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMjI0LCAyNywgMzYpIiAvPgogICAgPC9zdmc+CiAgICA="/></p></th>
|
|
<td><p>Red 3</p></td>
|
|
<td><p>(224, 27, 36)</p></td>
|
|
<td><p>#e01b24</p></td>
|
|
</tr>
|
|
<tr class="row-odd"><th class="stub"><p><img alt="Color 'Red 4' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMTkyLCAyOCwgNDApIiAvPgogICAgPC9zdmc+CiAgICA="/></p></th>
|
|
<td><p>Red 4</p></td>
|
|
<td><p>(192, 28, 40)</p></td>
|
|
<td><p>#c01c28</p></td>
|
|
</tr>
|
|
<tr class="row-even"><th class="stub"><p><img alt="Color 'Red 5' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMTY1LCAyOSwgNDUpIiAvPgogICAgPC9zdmc+CiAgICA="/></p></th>
|
|
<td><p>Red 5</p></td>
|
|
<td><p>(165, 29, 45)</p></td>
|
|
<td><p>#a51d2d</p></td>
|
|
</tr>
|
|
<tr class="row-odd"><th class="stub"><p><img alt="Color 'Purple 1' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMjIwLCAxMzgsIDIyMSkiIC8+CiAgICA8L3N2Zz4KICAgIA=="/></p></th>
|
|
<td><p>Purple 1</p></td>
|
|
<td><p>(220, 138, 221)</p></td>
|
|
<td><p>#dc8add</p></td>
|
|
</tr>
|
|
<tr class="row-even"><th class="stub"><p><img alt="Color 'Purple 2' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMTkyLCA5NywgMjAzKSIgLz4KICAgIDwvc3ZnPgogICAg"/></p></th>
|
|
<td><p>Purple 2</p></td>
|
|
<td><p>(192, 97, 203)</p></td>
|
|
<td><p>#c061cb</p></td>
|
|
</tr>
|
|
<tr class="row-odd"><th class="stub"><p><img alt="Color 'Purple 3' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMTQ1LCA2NSwgMTcyKSIgLz4KICAgIDwvc3ZnPgogICAg"/></p></th>
|
|
<td><p>Purple 3</p></td>
|
|
<td><p>(145, 65, 172)</p></td>
|
|
<td><p>#9141ac</p></td>
|
|
</tr>
|
|
<tr class="row-even"><th class="stub"><p><img alt="Color 'Purple 4' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMTI5LCA2MSwgMTU2KSIgLz4KICAgIDwvc3ZnPgogICAg"/></p></th>
|
|
<td><p>Purple 4</p></td>
|
|
<td><p>(129, 61, 156)</p></td>
|
|
<td><p>#813d9c</p></td>
|
|
</tr>
|
|
<tr class="row-odd"><th class="stub"><p><img alt="Color 'Purple 5' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoOTcsIDUzLCAxMzEpIiAvPgogICAgPC9zdmc+CiAgICA="/></p></th>
|
|
<td><p>Purple 5</p></td>
|
|
<td><p>(97, 53, 131)</p></td>
|
|
<td><p>#613583</p></td>
|
|
</tr>
|
|
<tr class="row-even"><th class="stub"><p><img alt="Color 'Brown 1' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMjA1LCAxNzEsIDE0MykiIC8+CiAgICA8L3N2Zz4KICAgIA=="/></p></th>
|
|
<td><p>Brown 1</p></td>
|
|
<td><p>(205, 171, 143)</p></td>
|
|
<td><p>#cdab8f</p></td>
|
|
</tr>
|
|
<tr class="row-odd"><th class="stub"><p><img alt="Color 'Brown 2' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMTgxLCAxMzEsIDkwKSIgLz4KICAgIDwvc3ZnPgogICAg"/></p></th>
|
|
<td><p>Brown 2</p></td>
|
|
<td><p>(181, 131, 90)</p></td>
|
|
<td><p>#b5835a</p></td>
|
|
</tr>
|
|
<tr class="row-even"><th class="stub"><p><img alt="Color 'Brown 3' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMTUyLCAxMDYsIDY4KSIgLz4KICAgIDwvc3ZnPgogICAg"/></p></th>
|
|
<td><p>Brown 3</p></td>
|
|
<td><p>(152, 106, 68)</p></td>
|
|
<td><p>#986a44</p></td>
|
|
</tr>
|
|
<tr class="row-odd"><th class="stub"><p><img alt="Color 'Brown 4' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMTM0LCA5NCwgNjApIiAvPgogICAgPC9zdmc+CiAgICA="/></p></th>
|
|
<td><p>Brown 4</p></td>
|
|
<td><p>(134, 94, 60)</p></td>
|
|
<td><p>#865e3c</p></td>
|
|
</tr>
|
|
<tr class="row-even"><th class="stub"><p><img alt="Color 'Brown 5' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoOTksIDY5LCA0NCkiIC8+CiAgICA8L3N2Zz4KICAgIA=="/></p></th>
|
|
<td><p>Brown 5</p></td>
|
|
<td><p>(99, 69, 44)</p></td>
|
|
<td><p>#63452c</p></td>
|
|
</tr>
|
|
<tr class="row-odd"><th class="stub"><p><img alt="Color 'Light 1' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiIC8+CiAgICA8L3N2Zz4KICAgIA=="/></p></th>
|
|
<td><p>Light 1</p></td>
|
|
<td><p>(255, 255, 255)</p></td>
|
|
<td><p>#ffffff</p></td>
|
|
</tr>
|
|
<tr class="row-even"><th class="stub"><p><img alt="Color 'Light 2' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMjQ2LCAyNDUsIDI0NCkiIC8+CiAgICA8L3N2Zz4KICAgIA=="/></p></th>
|
|
<td><p>Light 2</p></td>
|
|
<td><p>(246, 245, 244)</p></td>
|
|
<td><p>#f6f5f4</p></td>
|
|
</tr>
|
|
<tr class="row-odd"><th class="stub"><p><img alt="Color 'Light 3' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMjIyLCAyMjEsIDIxOCkiIC8+CiAgICA8L3N2Zz4KICAgIA=="/></p></th>
|
|
<td><p>Light 3</p></td>
|
|
<td><p>(222, 221, 218)</p></td>
|
|
<td><p>#deddda</p></td>
|
|
</tr>
|
|
<tr class="row-even"><th class="stub"><p><img alt="Color 'Light 4' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMTkyLCAxOTEsIDE4OCkiIC8+CiAgICA8L3N2Zz4KICAgIA=="/></p></th>
|
|
<td><p>Light 4</p></td>
|
|
<td><p>(192, 191, 188)</p></td>
|
|
<td><p>#c0bfbc</p></td>
|
|
</tr>
|
|
<tr class="row-odd"><th class="stub"><p><img alt="Color 'Light 5' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMTU0LCAxNTMsIDE1MCkiIC8+CiAgICA8L3N2Zz4KICAgIA=="/></p></th>
|
|
<td><p>Light 5</p></td>
|
|
<td><p>(154, 153, 150)</p></td>
|
|
<td><p>#9a9996</p></td>
|
|
</tr>
|
|
<tr class="row-even"><th class="stub"><p><img alt="Color 'Dark 1' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMTE5LCAxMTgsIDEyMykiIC8+CiAgICA8L3N2Zz4KICAgIA=="/></p></th>
|
|
<td><p>Dark 1</p></td>
|
|
<td><p>(119, 118, 123)</p></td>
|
|
<td><p>#77767b</p></td>
|
|
</tr>
|
|
<tr class="row-odd"><th class="stub"><p><img alt="Color 'Dark 2' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoOTQsIDkyLCAxMDApIiAvPgogICAgPC9zdmc+CiAgICA="/></p></th>
|
|
<td><p>Dark 2</p></td>
|
|
<td><p>(94, 92, 100)</p></td>
|
|
<td><p>#5e5c64</p></td>
|
|
</tr>
|
|
<tr class="row-even"><th class="stub"><p><img alt="Color 'Dark 3' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoNjEsIDU2LCA3MCkiIC8+CiAgICA8L3N2Zz4KICAgIA=="/></p></th>
|
|
<td><p>Dark 3</p></td>
|
|
<td><p>(61, 56, 70)</p></td>
|
|
<td><p>#3d3846</p></td>
|
|
</tr>
|
|
<tr class="row-odd"><th class="stub"><p><img alt="Color 'Dark 4' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMzYsIDMxLCA0OSkiIC8+CiAgICA8L3N2Zz4KICAgIA=="/></p></th>
|
|
<td><p>Dark 4</p></td>
|
|
<td><p>(36, 31, 49)</p></td>
|
|
<td><p>#241f31</p></td>
|
|
</tr>
|
|
<tr class="row-even"><th class="stub"><p><img alt="Color 'Dark 5' from the GNOME HIG palette" class="hig-palette-swatch" src="data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2IoMCwgMCwgMCkiIC8+CiAgICA8L3N2Zz4KICAgIA=="/></p></th>
|
|
<td><p>Dark 5</p></td>
|
|
<td><p>(0, 0, 0)</p></td>
|
|
<td><p>#000000</p></td>
|
|
</tr>
|
|
</tbody>
|
|
</table></div>
|
|
</section>
|
|
|
|
</article>
|
|
<footer>
|
|
|
|
<div class="related-pages">
|
|
<a class="next-page" href="backgrounds.html">
|
|
<div class="page-info">
|
|
<div class="context">
|
|
<span>Next</span>
|
|
</div>
|
|
<div class="title">Backgrounds</div>
|
|
</div>
|
|
<svg><use href="#svg-arrow-right"></use></svg>
|
|
</a>
|
|
<a class="prev-page" href="keyboard.html">
|
|
<svg><use href="#svg-arrow-right"></use></svg>
|
|
<div class="page-info">
|
|
<div class="context">
|
|
<span>Previous</span>
|
|
</div>
|
|
|
|
<div class="title">Standard Keyboard Shortcuts</div>
|
|
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
</footer>
|
|
</div>
|
|
<aside class="toc-drawer no-toc">
|
|
|
|
|
|
|
|
</aside>
|
|
</main>
|
|
</div><script data-url_root="../" id="documentation_options" src="../_static/documentation_options.js"></script>
|
|
<script src="../_static/jquery.js"></script>
|
|
<script src="../_static/underscore.js"></script>
|
|
<script src="../_static/doctools.js"></script>
|
|
<script src="../_static/scripts/main.js"></script>
|
|
</body>
|
|
</html> |