[gnome-devel-docs/wip/jimmac/appicon-update: 18/18] icons: update palette
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-devel-docs/wip/jimmac/appicon-update: 18/18] icons: update palette
- Date: Thu, 2 Aug 2018 09:48:43 +0000 (UTC)
commit af477c04b8c305d1c734e8f9d3e62c27294c1300
Author: Jakub Steiner <jimmac gmail com>
Date: Fri Jul 27 15:29:55 2018 +0200
icons: update palette
- translateable labels
hig/C/figures/icons/palette/blue.png | Bin 0 -> 1109 bytes
hig/C/figures/icons/palette/blue.svg | 98 ----
hig/C/figures/icons/palette/brown.png | Bin 0 -> 1168 bytes
hig/C/figures/icons/palette/brown.svg | 176 -------
hig/C/figures/icons/palette/colors.svg | 828 --------------------------------
hig/C/figures/icons/palette/cyan.png | Bin 0 -> 1070 bytes
hig/C/figures/icons/palette/green.png | Bin 0 -> 1133 bytes
hig/C/figures/icons/palette/green.svg | 111 -----
hig/C/figures/icons/palette/neutral.png | Bin 0 -> 1200 bytes
hig/C/figures/icons/palette/neutral.svg | 210 --------
hig/C/figures/icons/palette/orange.png | Bin 0 -> 1090 bytes
hig/C/figures/icons/palette/orange.svg | 137 ------
hig/C/figures/icons/palette/purple.png | Bin 0 -> 1142 bytes
hig/C/figures/icons/palette/purple.svg | 170 -------
hig/C/figures/icons/palette/red.png | Bin 0 -> 1151 bytes
hig/C/figures/icons/palette/red.svg | 153 ------
hig/C/figures/icons/palette/yellow.png | Bin 0 -> 1084 bytes
hig/C/figures/icons/palette/yellow.svg | 124 -----
hig/C/icon-design.page | 25 +-
19 files changed, 14 insertions(+), 2018 deletions(-)
---
diff --git a/hig/C/figures/icons/palette/blue.png b/hig/C/figures/icons/palette/blue.png
new file mode 100644
index 00000000..6e25c510
Binary files /dev/null and b/hig/C/figures/icons/palette/blue.png differ
diff --git a/hig/C/figures/icons/palette/brown.png b/hig/C/figures/icons/palette/brown.png
new file mode 100644
index 00000000..a1316dcf
Binary files /dev/null and b/hig/C/figures/icons/palette/brown.png differ
diff --git a/hig/C/figures/icons/palette/cyan.png b/hig/C/figures/icons/palette/cyan.png
new file mode 100644
index 00000000..4acb5bb0
Binary files /dev/null and b/hig/C/figures/icons/palette/cyan.png differ
diff --git a/hig/C/figures/icons/palette/green.png b/hig/C/figures/icons/palette/green.png
new file mode 100644
index 00000000..d76b5968
Binary files /dev/null and b/hig/C/figures/icons/palette/green.png differ
diff --git a/hig/C/figures/icons/palette/neutral.png b/hig/C/figures/icons/palette/neutral.png
new file mode 100644
index 00000000..b2036d9e
Binary files /dev/null and b/hig/C/figures/icons/palette/neutral.png differ
diff --git a/hig/C/figures/icons/palette/orange.png b/hig/C/figures/icons/palette/orange.png
new file mode 100644
index 00000000..27b29728
Binary files /dev/null and b/hig/C/figures/icons/palette/orange.png differ
diff --git a/hig/C/figures/icons/palette/purple.png b/hig/C/figures/icons/palette/purple.png
new file mode 100644
index 00000000..4e42da74
Binary files /dev/null and b/hig/C/figures/icons/palette/purple.png differ
diff --git a/hig/C/figures/icons/palette/red.png b/hig/C/figures/icons/palette/red.png
new file mode 100644
index 00000000..c450656c
Binary files /dev/null and b/hig/C/figures/icons/palette/red.png differ
diff --git a/hig/C/figures/icons/palette/yellow.png b/hig/C/figures/icons/palette/yellow.png
new file mode 100644
index 00000000..d4436456
Binary files /dev/null and b/hig/C/figures/icons/palette/yellow.png differ
diff --git a/hig/C/icon-design.page b/hig/C/icon-design.page
index 9a3b31bd..43109819 100644
--- a/hig/C/icon-design.page
+++ b/hig/C/icon-design.page
@@ -62,44 +62,47 @@ should avoid casting shadows outside the main silhouette of the icon tough, as i
<p>Below is the baseline GNOME app icon color palette.</p>
<!-- will chop up into named sections once the colors stabilize -->
-<media type="image" mime="image/svg" src="figures/icons/palette/colors.svg"/>
-<!--
+
<table>
<tr>
<td><p>Blue</p></td>
-<td><media type="image" mime="image/svg" src="figures/icons/palette/blue.svg"/></td>
+<td><media type="image" mime="image/svg" src="figures/icons/palette/blue.png"/></td>
+</tr>
+<tr>
+<td><p>Cyan</p></td>
+<td><media type="image" mime="image/svg" src="figures/icons/palette/cyan.png"/></td>
</tr>
<tr>
<td><p>Green</p></td>
-<td><media type="image" mime="image/svg" src="figures/icons/palette/green.svg"/></td>
+<td><media type="image" mime="image/svg" src="figures/icons/palette/green.png"/></td>
</tr>
<tr>
<td><p>Yellow</p></td>
-<td><media type="image" mime="image/svg" src="figures/icons/palette/yellow.svg"/></td>
+<td><media type="image" mime="image/svg" src="figures/icons/palette/yellow.png"/></td>
</tr>
<tr>
<td><p>Orange</p></td>
-<td><media type="image" mime="image/svg" src="figures/icons/palette/orange.svg"/></td>
+<td><media type="image" mime="image/svg" src="figures/icons/palette/orange.png"/></td>
</tr>
<tr>
<td><p>Red</p></td>
-<td><media type="image" mime="image/svg" src="figures/icons/palette/red.svg"/></td>
+<td><media type="image" mime="image/svg" src="figures/icons/palette/red.png"/></td>
</tr>
<tr>
<td><p>Purple</p></td>
-<td><media type="image" mime="image/svg" src="figures/icons/palette/purple.svg"/></td>
+<td><media type="image" mime="image/svg" src="figures/icons/palette/purple.png"/></td>
</tr>
<tr>
<td><p>Brown</p></td>
-<td><media type="image" mime="image/svg" src="figures/icons/palette/brown.svg"/></td>
+<td><media type="image" mime="image/svg" src="figures/icons/palette/brown.png"/></td>
</tr>
<tr>
<td><p>Neutral</p></td>
-<td><media type="image" mime="image/svg" src="figures/icons/palette/neutral.svg"/></td>
+<td><media type="image" mime="image/svg" src="figures/icons/palette/neutral.png"/></td>
</tr>
</table>
--->
+
<p>You are free to use different shades of these colors depending on the desired material effect. However,
these primary colors are a good baseline to start from. A GIMP/Inkscape format palette <link
href="https://gitlab.gnome.org/Community/Design/HIG-app-icons/raw/62cb512ff95b2b3d57aeb5f806726d6be2eca74a/HIG.gpl">is
available</link>.</p>
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]