Updating the LibreOffice and Inkscape (GIMP) color palettes

Our university has changed its logotype to strengthen its international position. This means new guidelines with respect to documentation, templates and colors, i.e., the graphical profile. As usual, the Microsoft biasing – for good-and-bad – and all templates are given in PowerPoint and Word formats, etc. Since I am on linux, LibreOffice is my preference instead.

Color palette in LibreOffice

So, question for today: how to update LibreOffice with the “new” colors?

The configuration files for the palettes for LibreOffice are found here:

$HOME/.config/libreoffice/4/user/config/standard.soc

and it can quite easily be appended with new color definitions. Of course this can also be done manually thorugh the GUI inside LibreOffice – but that is just tedious. Appending text using your favourite buffer does the job instead.

The file is an XML file with entries like:

<draw:color draw:name="JJW Color" draw:color="#aa8859"/>

and it does not take a degree in Rocket Science to understand the pattern. Just add them in the end before </ooo:color-table> .

So what colors to add? Browsing the University’s web pages for the graphical profile and downloading the PDF gives me a set of RGB decimal values and corresponding Hex values (which do not match, btw). The list of colors from the document are given by:

LiU Blue #00b3e7
LiU Turquoise #0cc7d3
LiU Green #00cfb6
LiU Orange #ff6442
LiU Purple #8781d3
LiU Yellow #fcf05f
LiU Grey #687f91

And a set of of pantone colors. The hex codes for those colors can be found at e.g. http://en.labelpartners.com/pantone_coated_table.html.

LiU PMS 306 #00b5e2
LiU PMS 305 #59cbe8
LiU PMS 2975 #99D6EA
LiU PMS 319 #2DCCD3
LiU PMS 318 #88DBDF
LiU PMS 317 #B1E4E3
LiU PMS 333 #3CDBC0
LiU PMS 332 #8CE2D0
LiU PMS 331 #A7E6D7
LiU PMS 171 #FF5C39
LiU PMS 170 #FF8674
LiU PMS 169 #FFB3AB
LiU PMS 2725 #685bc7
LiU PMS 2715 #8B84D7
LiU PMS 2705 #A7A4E0
LiU PMS 3945 #f3e500
LiU PMS 3935 #f3ea5d
LiU PMS 5415 #5b7f95
LiU PMS 5435 #a6bbc8
LiU PMS 5445 #b7c9d3

The first colors are also blended in levels of 100%, 80%, 60%, 40%, and 20%. How to find the hex codes for those kind of blends (white and the color)? Well, the internet is a beautiful thing and for example http://meyerweb.com/eric/tools/color-blend/#FFFFFF:FF6442:4:hex helps us out quite a bit. Doing all the homework gives us a nice little snippet to paste into the LibreOffice config file.

<draw:color draw:name="LiU Blue 100" draw:color="#00b3e7"/><draw:color draw:name="LiU Blue 80" draw:color="#33c2ec"/><draw:color draw:name="LiU Blue 60" draw:color="#66d1f1"/><draw:color draw:name="LiU Blue 40" draw:color="#99e1f5"/><draw:color draw:name="LiU Blue 20" draw:color="#ccf0fa"/><draw:color draw:name="LiU Turquoise 100" draw:color="#0cc7d3"/><draw:color draw:name="LiU Turquoise 80" draw:color="#3dd2dc"/><draw:color draw:name="LiU Turquoise 60" draw:color="#6ddde5"/><draw:color draw:name="LiU Turquoise 40" draw:color="#9ee9ed"/><draw:color draw:name="LiU Turquoise 20" draw:color="#cef4f6"/><draw:color draw:name="LiU Green 100" draw:color="#00cfb6"/><draw:color draw:name="LiU Green 80" draw:color="#33d9c5"/><draw:color draw:name="LiU Green 60" draw:color="#66e2d3"/><draw:color draw:name="LiU Green 40" draw:color="#99ece2"/><draw:color draw:name="LiU Green 20" draw:color="#ccf5f0"/><draw:color draw:name="LiU Orange 100" draw:color="#ff6442"/><draw:color draw:name="LiU Orange 80" draw:color="#ff8368"/><draw:color draw:name="LiU Orange 60" draw:color="#ffa28e"/><draw:color draw:name="LiU Orange 40" draw:color="#ffc1b3"/><draw:color draw:name="LiU Orange 20" draw:color="#ffe0d9"/><draw:color draw:name="LiU Purple 100" draw:color="#8781d3"/><draw:color draw:name="LiU Purple 80" draw:color="#9f9adc"/><draw:color draw:name="LiU Purple 60" draw:color="#b7b3e5"/><draw:color draw:name="LiU Purple 40" draw:color="#cfcded"/><draw:color draw:name="LiU Purple 20" draw:color="#e7e6f6"/><draw:color draw:name="LiU Yellow 100" draw:color="#fcf05f"/><draw:color draw:name="LiU Yellow 80" draw:color="#fdf37f"/><draw:color draw:name="LiU Yellow 60" draw:color="#fdf69f"/><draw:color draw:name="LiU Yellow 40" draw:color="#fef9bf"/><draw:color draw:name="LiU Yellow 20" draw:color="#fefcdf"/><draw:color draw:name="LiU Grey 100" draw:color="#687f91"/><draw:color draw:name="LiU Grey 80" draw:color="#8699a7"/><draw:color draw:name="LiU Grey 60" draw:color="#a4b2bd"/><draw:color draw:name="LiU Grey 40" draw:color="#c3ccd3"/><draw:color draw:name="LiU Grey 20" draw:color="#e1e5e9"/><draw:color draw:name="LiU PMS 306" draw:color="#00b5e2"/><draw:color draw:name="LiU PMS 305" draw:color="#59cbe8"/><draw:color draw:name="LiU PMS 2975" draw:color="#99D6EA"/><draw:color draw:name="LiU PMS 319" draw:color="#2DCCD3"/><draw:color draw:name="LiU PMS 318" draw:color="#88DBDF"/><draw:color draw:name="LiU PMS 317" draw:color="#B1E4E3"/><draw:color draw:name="LiU PMS 333" draw:color="#3CDBC0"/><draw:color draw:name="LiU PMS 332" draw:color="#8CE2D0"/><draw:color draw:name="LiU PMS 331" draw:color="#A7E6D7"/><draw:color draw:name="LiU PMS 171" draw:color="#FF5C39"/><draw:color draw:name="LiU PMS 170" draw:color="#FF8674"/><draw:color draw:name="LiU PMS 169" draw:color="#FFB3AB"/><draw:color draw:name="LiU PMS 2725" draw:color="#685bc7"/><draw:color draw:name="LiU PMS 2715" draw:color="#8B84D7"/><draw:color draw:name="LiU PMS 2705" draw:color="#A7A4E0"/><draw:color draw:name="LiU PMS 3945" draw:color="#f3e500"/><draw:color draw:name="LiU PMS 3935" draw:color="#f3ea5d"/><draw:color draw:name="LiU PMS 5415" draw:color="#5b7f95"/><draw:color draw:name="LiU PMS 5435" draw:color="#a6bbc8"/><draw:color draw:name="LiU PMS 5445" draw:color="#b7c9d3"/>

Color palette in Inkscape/Gimp

The color palettes in Inkscape and Gimp are stored in the configuration directory too, for example (depending on your versions):

$HOME/.config/inkscape/palettes
$HOME/.gimp-2.6/palettes

Jump into those areas and create a file like liu.gpl containing the following lines, i.e., all the RGB codes for the hex above. A spreadsheet was done for that purpose.

GIMP Palette
Name: LiU Colors
Columns: 4
#
0 179 231 LiU Blue 100
51 194 236 LiU Blue 80
102 209 241 LiU Blue 60
153 225 245 LiU Blue 40
204 240 250 LiU Blue 20
12 199 211 LiU Turquoise 100
61 210 220 LiU Turquoise 80
109 221 229 LiU Turquoise 60
158 233 237 LiU Turquoise 40
206 244 246 LiU Turquoise 20
0 207 182 LiU Green 100
51 217 197 LiU Green 80
102 226 211 LiU Green 60
153 236 226 LiU Green 40
204 245 240 LiU Green 20
255 100 66 LiU Orange 100
255 131 104 LiU Orange 80
255 162 142 LiU Orange 60
255 193 179 LiU Orange 40
255 224 217 LiU Orange 20
135 129 211 LiU Purple 100
159 154 220 LiU Purple 80
183 179 229 LiU Purple 60
207 205 237 LiU Purple 40
231 230 246 LiU Purple 20
252 240 95 LiU Yellow 100
253 243 127 LiU Yellow 80
253 246 159 LiU Yellow 60
254 249 191 LiU Yellow 40
254 252 223 LiU Yellow 20
104 127 145 LiU Grey 100
134 153 167 LiU Grey 80
164 178 189 LiU Grey 60
195 204 211 LiU Grey 40
225 229 233 LiU Grey 20
0 181 226 LiU PMS 306
89 203 232 LiU PMS 305
153 214 234 LiU PMS 2975
45 204 211 LiU PMS 319
136 219 223 LiU PMS 318
177 228 227 LiU PMS 317
60 219 192 LiU PMS 333
140 226 208 LiU PMS 332
167 230 215 LiU PMS 331
255 92 57 LiU PMS 171
255 134 116 LiU PMS 170
255 179 171 LiU PMS 169
104 91 199 LiU PMS 2725
139 132 215 LiU PMS 2715
167 164 224 LiU PMS 2705
243 229 0 LiU PMS 3945
243 234 93 LiU PMS 3935
91 127 149 LiU PMS 5415
166 187 200 LiU PMS 5435
183 201 211 LiU PMS 5445

Launch Inkscape and go down to the bottom next to the existing colors. There is a small arrow. Press it and find LiU Colors in the list. Select and get the new setup. Looks a bit like this:
aa

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s