summaryrefslogtreecommitdiff
path: root/extras/source/palettes/material.soc
diff options
context:
space:
mode:
authorandreas kainz <kainz.a@gmail.com>2019-07-10 20:24:21 +0200
committerandreas_kainz <kainz.a@gmail.com>2019-07-15 15:31:41 +0200
commit71a7666863b69156de4dd10c8567f97460ea5abc (patch)
treee9f0ee0ee4119d3400801c6f3ab78c676dc65e54 /extras/source/palettes/material.soc
parent41ec25c48c73023715a5041651f638fcf8615803 (diff)
add material design color palette
Change-Id: I3cc869382bc2c91ee400c484c936a5c6ea77891f Reviewed-on: https://gerrit.libreoffice.org/75377 Tested-by: Jenkins Reviewed-by: Heiko Tietze <heiko.tietze@documentfoundation.org>
Diffstat (limited to 'extras/source/palettes/material.soc')
-rw-r--r--extras/source/palettes/material.soc271
1 files changed, 271 insertions, 0 deletions
diff --git a/extras/source/palettes/material.soc b/extras/source/palettes/material.soc
new file mode 100644
index 000000000000..e06d4a7cadd5
--- /dev/null
+++ b/extras/source/palettes/material.soc
@@ -0,0 +1,271 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- References: https://material.io/design/color/#color-theme-creation -->
+
+<office:color-table xmlns:office="http://openoffice.org/2000/office" xmlns:style="http://openoffice.org/2000/style" xmlns:text="http://openoffice.org/2000/text" xmlns:table="http://openoffice.org/2000/table" xmlns:draw="http://openoffice.org/2000/drawing" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:meta="http://openoffice.org/2000/meta" xmlns:number="http://openoffice.org/2000/datastyle" xmlns:svg="http://www.w3.org/2000/svg" xmlns:chart="http://openoffice.org/2000/chart" xmlns:dr3d="http://openoffice.org/2000/dr3d" xmlns:math="http://www.w3.org/1998/Math/MathML" xmlns:form="http://openoffice.org/2000/form" xmlns:script="http://openoffice.org/2000/script">
+
+ <!-- Grey palette -->
+ <draw:color draw:name="Grey" draw:color="#9E9E9E"/>
+ <draw:color draw:name="Grey 50" draw:color="#FAFAFA"/>
+ <draw:color draw:name="Grey 100" draw:color="#F5F5F5"/>
+ <draw:color draw:name="Grey 200" draw:color="#EEEEEE"/>
+ <draw:color draw:name="Grey 300" draw:color="#E0E0E0"/>
+ <draw:color draw:name="Grey 400" draw:color="#BDBDBD"/>
+ <draw:color draw:name="Grey 600" draw:color="#757575"/>
+ <draw:color draw:name="Grey 700" draw:color="#616161"/>
+ <draw:color draw:name="Grey 800" draw:color="#424242"/>
+ <draw:color draw:name="Grey 900" draw:color="#212121"/>
+ <draw:color draw:name="Grey A200" draw:color="#000000"/>
+ <draw:color draw:name="Grey A400" draw:color="#000000"/>
+
+ <!-- Yellow palette -->
+ <draw:color draw:name="Yellow" draw:color="#FFEB3B"/>
+ <draw:color draw:name="Yellow 50" draw:color="#FFFDE7"/>
+ <draw:color draw:name="Yellow 100" draw:color="#FFF9C4"/>
+ <draw:color draw:name="Yellow 200" draw:color="#FFF59D"/>
+ <draw:color draw:name="Yellow 300" draw:color="#FFF176"/>
+ <draw:color draw:name="Yellow 400" draw:color="#FFEE58"/>
+ <draw:color draw:name="Yellow 600" draw:color="#FDD835"/>
+ <draw:color draw:name="Yellow 700" draw:color="#FBC02D"/>
+ <draw:color draw:name="Yellow 800" draw:color="#F9A825"/>
+ <draw:color draw:name="Yellow 900" draw:color="#F57F17"/>
+ <draw:color draw:name="Yellow A200" draw:color="#FFFF00"/>
+ <draw:color draw:name="Yellow A400" draw:color="#FFEA00"/>
+
+ <!-- Amber palette -->
+ <draw:color draw:name="Amber" draw:color="#FFC107"/>
+ <draw:color draw:name="Amber 50" draw:color="#FFF8E1"/>
+ <draw:color draw:name="Amber 100" draw:color="#FFECB3"/>
+ <draw:color draw:name="Amber 200" draw:color="#FFE082"/>
+ <draw:color draw:name="Amber 300" draw:color="#FFD54F"/>
+ <draw:color draw:name="Amber 400" draw:color="#FFCA28"/>
+ <draw:color draw:name="Amber 600" draw:color="#FFB300"/>
+ <draw:color draw:name="Amber 700" draw:color="#FFA000"/>
+ <draw:color draw:name="Amber 800" draw:color="#FF8F00"/>
+ <draw:color draw:name="Amber 900" draw:color="#FF6F00"/>
+ <draw:color draw:name="Amber A200" draw:color="#FFD740"/>
+ <draw:color draw:name="Amber A400" draw:color="#FFC400"/>
+
+ <!-- Orange palette -->
+ <draw:color draw:name="Orange" draw:color="#FF9800"/>
+ <draw:color draw:name="Orange 50" draw:color="#FFF3E0"/>
+ <draw:color draw:name="Orange 100" draw:color="#FFE0B2"/>
+ <draw:color draw:name="Orange 200" draw:color="#FFCC80"/>
+ <draw:color draw:name="Orange 300" draw:color="#FFB74D"/>
+ <draw:color draw:name="Orange 400" draw:color="#FFA726"/>
+ <draw:color draw:name="Orange 600" draw:color="#FB8C00"/>
+ <draw:color draw:name="Orange 700" draw:color="#F57C00"/>
+ <draw:color draw:name="Orange 800" draw:color="#EF6C00"/>
+ <draw:color draw:name="Orange 900" draw:color="#E65100"/>
+ <draw:color draw:name="Orange A200" draw:color="#FFAB40"/>
+ <draw:color draw:name="Orange A400" draw:color="#FF9100"/>
+
+ <!-- Deep Orange palette -->
+ <draw:color draw:name="Deep Orange" draw:color="#FF5722"/>
+ <draw:color draw:name="Deep Orange 50" draw:color="#FBE9E7"/>
+ <draw:color draw:name="Deep Orange 100" draw:color="#FFCCBC"/>
+ <draw:color draw:name="Deep Orange 200" draw:color="#FFAB91"/>
+ <draw:color draw:name="Deep Orange 300" draw:color="#FF8A65"/>
+ <draw:color draw:name="Deep Orange 400" draw:color="#FF7043"/>
+ <draw:color draw:name="Deep Orange 600" draw:color="#F4511E"/>
+ <draw:color draw:name="Deep Orange 700" draw:color="#E64A19"/>
+ <draw:color draw:name="Deep Orange 800" draw:color="#D84315"/>
+ <draw:color draw:name="Deep Orange 900" draw:color="#BF360C"/>
+ <draw:color draw:name="Deep Orange A200" draw:color="#FF6E40"/>
+ <draw:color draw:name="Deep Orange A400" draw:color="#FF3D00"/>
+
+ <!-- Red palette -->
+ <draw:color draw:name="Red" draw:color="#f44336"/>
+ <draw:color draw:name="Red 50" draw:color="#ffebee"/>
+ <draw:color draw:name="Red 100" draw:color="#ffcdd2"/>
+ <draw:color draw:name="Red 200" draw:color="#ef9a9a"/>
+ <draw:color draw:name="Red 300" draw:color="#e57373"/>
+ <draw:color draw:name="Red 400" draw:color="#ef5350"/>
+ <draw:color draw:name="Red 600" draw:color="#e53935"/>
+ <draw:color draw:name="Red 700" draw:color="#d32f2f"/>
+ <draw:color draw:name="Red 800" draw:color="#c62828"/>
+ <draw:color draw:name="Red 900" draw:color="#b71c1c"/>
+ <draw:color draw:name="Red A200" draw:color="#ff5252"/>
+ <draw:color draw:name="Red A400" draw:color="#ff1744"/>
+
+ <!-- Pink palette -->
+ <draw:color draw:name="Pink" draw:color="#E91E63"/>
+ <draw:color draw:name="Pink 50" draw:color="#FCE4EC"/>
+ <draw:color draw:name="Pink 100" draw:color="#F8BBD0"/>
+ <draw:color draw:name="Pink 200" draw:color="#F48FB1"/>
+ <draw:color draw:name="Pink 300" draw:color="#F06292"/>
+ <draw:color draw:name="Pink 400" draw:color="#EC407A"/>
+ <draw:color draw:name="Pink 600" draw:color="#D81B60"/>
+ <draw:color draw:name="Pink 700" draw:color="#C2185B"/>
+ <draw:color draw:name="Pink 800" draw:color="#AD1457"/>
+ <draw:color draw:name="Pink 900" draw:color="#880E4F"/>
+ <draw:color draw:name="Pink A200" draw:color="#FF4081"/>
+ <draw:color draw:name="Pink A400" draw:color="#F50057"/>
+
+ <!-- Purple palette -->
+ <draw:color draw:name="Purple" draw:color="#9C27B0"/>
+ <draw:color draw:name="Purple 50" draw:color="#F3E5F5"/>
+ <draw:color draw:name="Purple 100" draw:color="#E1BEE7"/>
+ <draw:color draw:name="Purple 200" draw:color="#CE93D8"/>
+ <draw:color draw:name="Purple 300" draw:color="#BA68C8"/>
+ <draw:color draw:name="Purple 400" draw:color="#AB47BC"/>
+ <draw:color draw:name="Purple 600" draw:color="#8E24AA"/>
+ <draw:color draw:name="Purple 700" draw:color="#7B1FA2"/>
+ <draw:color draw:name="Purple 800" draw:color="#6A1B9A"/>
+ <draw:color draw:name="Purple 900" draw:color="#4A148C"/>
+ <draw:color draw:name="Purple A200" draw:color="#E040FB"/>
+ <draw:color draw:name="Purple A400" draw:color="#D500F9"/>
+
+ <!-- Deep Purple palette -->
+ <draw:color draw:name="Deep Purple" draw:color="#673AB7"/>
+ <draw:color draw:name="Deep Purple 50" draw:color="#EDE7F6"/>
+ <draw:color draw:name="Deep Purple 100" draw:color="#D1C4E9"/>
+ <draw:color draw:name="Deep Purple 200" draw:color="#B39DDB"/>
+ <draw:color draw:name="Deep Purple 300" draw:color="#9575CD"/>
+ <draw:color draw:name="Deep Purple 400" draw:color="#7E57C2"/>
+ <draw:color draw:name="Deep Purple 600" draw:color="#5E35B1"/>
+ <draw:color draw:name="Deep Purple 700" draw:color="#512DA8"/>
+ <draw:color draw:name="Deep Purple 800" draw:color="#4527A0"/>
+ <draw:color draw:name="Deep Purple 900" draw:color="#311B92"/>
+ <draw:color draw:name="Deep Purple A200" draw:color="#7C4DFF"/>
+ <draw:color draw:name="Deep Purple A400" draw:color="#651FFF"/>
+
+ <!-- Indigo palette -->
+ <draw:color draw:name="Indigo" draw:color="#3F51B5"/>
+ <draw:color draw:name="Indigo 50" draw:color="#E8EAF6"/>
+ <draw:color draw:name="Indigo 100" draw:color="#C5CAE9"/>
+ <draw:color draw:name="Indigo 200" draw:color="#9FA8DA"/>
+ <draw:color draw:name="Indigo 300" draw:color="#7986CB"/>
+ <draw:color draw:name="Indigo 400" draw:color="#5C6BC0"/>
+ <draw:color draw:name="Indigo 600" draw:color="#3949AB"/>
+ <draw:color draw:name="Indigo 700" draw:color="#303F9F"/>
+ <draw:color draw:name="Indigo 800" draw:color="#283593"/>
+ <draw:color draw:name="Indigo 900" draw:color="#1A237E"/>
+ <draw:color draw:name="Indigo A200" draw:color="#536DFE"/>
+ <draw:color draw:name="Indigo A400" draw:color="#3D5AFE"/>
+
+ <!-- Blue palette -->
+ <draw:color draw:name="Blue" draw:color="#2196F3"/>
+ <draw:color draw:name="Blue 50" draw:color="#E3F2FD"/>
+ <draw:color draw:name="Blue 100" draw:color="#BBDEFB"/>
+ <draw:color draw:name="Blue 200" draw:color="#90CAF9"/>
+ <draw:color draw:name="Blue 300" draw:color="#64B5F6"/>
+ <draw:color draw:name="Blue 400" draw:color="#42A5F5"/>
+ <draw:color draw:name="Blue 600" draw:color="#1E88E5"/>
+ <draw:color draw:name="Blue 700" draw:color="#1976D2"/>
+ <draw:color draw:name="Blue 800" draw:color="#1565C0"/>
+ <draw:color draw:name="Blue 900" draw:color="#0D47A1"/>
+ <draw:color draw:name="Blue A200" draw:color="#448AFF"/>
+ <draw:color draw:name="Blue A400" draw:color="#2979FF"/>
+
+ <!-- Light Blue palette -->
+ <draw:color draw:name="Light Blue" draw:color="#03A9F4"/>
+ <draw:color draw:name="Light Blue 50" draw:color="#E1F5FE"/>
+ <draw:color draw:name="Light Blue 100" draw:color="#B3E5FC"/>
+ <draw:color draw:name="Light Blue 200" draw:color="#81D4FA"/>
+ <draw:color draw:name="Light Blue 300" draw:color="#4FC3F7"/>
+ <draw:color draw:name="Light Blue 400" draw:color="#29B6F6"/>
+ <draw:color draw:name="Light Blue 600" draw:color="#039BE5"/>
+ <draw:color draw:name="Light Blue 700" draw:color="#0288D1"/>
+ <draw:color draw:name="Light Blue 800" draw:color="#0277BD"/>
+ <draw:color draw:name="Light Blue 900" draw:color="#01579B"/>
+ <draw:color draw:name="Light Blue A200" draw:color="#40C4FF"/>
+ <draw:color draw:name="Light Blue A400" draw:color="#00B0FF"/>
+
+ <!-- Cyan palette -->
+ <draw:color draw:name="Cyan" draw:color="#00BCD4"/>
+ <draw:color draw:name="Cyan 50" draw:color="#E0F7FA"/>
+ <draw:color draw:name="Cyan 100" draw:color="#B2EBF2"/>
+ <draw:color draw:name="Cyan 200" draw:color="#80DEEA"/>
+ <draw:color draw:name="Cyan 300" draw:color="#4DD0E1"/>
+ <draw:color draw:name="Cyan 400" draw:color="#26C6DA"/>
+ <draw:color draw:name="Cyan 600" draw:color="#00ACC1"/>
+ <draw:color draw:name="Cyan 700" draw:color="#0097A7"/>
+ <draw:color draw:name="Cyan 800" draw:color="#00838F"/>
+ <draw:color draw:name="Cyan 900" draw:color="#006064"/>
+ <draw:color draw:name="Cyan A200" draw:color="#18FFFF"/>
+ <draw:color draw:name="Cyan A400" draw:color="#00E5FF"/>
+
+ <!-- Teal palette -->
+ <draw:color draw:name="Teal" draw:color="#009688"/>
+ <draw:color draw:name="Teal 50" draw:color="#E0F2F1"/>
+ <draw:color draw:name="Teal 100" draw:color="#B2DFDB"/>
+ <draw:color draw:name="Teal 200" draw:color="#80CBC4"/>
+ <draw:color draw:name="Teal 300" draw:color="#4DB6AC"/>
+ <draw:color draw:name="Teal 400" draw:color="#26A69A"/>
+ <draw:color draw:name="Teal 600" draw:color="#00897B"/>
+ <draw:color draw:name="Teal 700" draw:color="#00796B"/>
+ <draw:color draw:name="Teal 800" draw:color="#00695C"/>
+ <draw:color draw:name="Teal 900" draw:color="#004D40"/>
+ <draw:color draw:name="Teal A200" draw:color="#64FFDA"/>
+ <draw:color draw:name="Teal A400" draw:color="#1DE9B6"/>
+
+ <!-- Green palette -->
+ <draw:color draw:name="Green" draw:color="#4CAF50"/>
+ <draw:color draw:name="Green 50" draw:color="#E8F5E9"/>
+ <draw:color draw:name="Green 100" draw:color="#C8E6C9"/>
+ <draw:color draw:name="Green 200" draw:color="#A5D6A7"/>
+ <draw:color draw:name="Green 300" draw:color="#81C784"/>
+ <draw:color draw:name="Green 400" draw:color="#66BB6A"/>
+ <draw:color draw:name="Green 600" draw:color="#43A047"/>
+ <draw:color draw:name="Green 700" draw:color="#388E3C"/>
+ <draw:color draw:name="Green 800" draw:color="#2E7D32"/>
+ <draw:color draw:name="Green 900" draw:color="#1B5E20"/>
+ <draw:color draw:name="Green A200" draw:color="#69F0AE"/>
+ <draw:color draw:name="Green A400" draw:color="#00E676"/>
+
+ <!-- Light Green palette -->
+ <draw:color draw:name="Light Green" draw:color="#8BC34A"/>
+ <draw:color draw:name="Light Green 50" draw:color="#F1F8E9"/>
+ <draw:color draw:name="Light Green 100" draw:color="#DCEDC8"/>
+ <draw:color draw:name="Light Green 200" draw:color="#C5E1A5"/>
+ <draw:color draw:name="Light Green 300" draw:color="#AED581"/>
+ <draw:color draw:name="Light Green 400" draw:color="#9CCC65"/>
+ <draw:color draw:name="Light Green 600" draw:color="#7CB342"/>
+ <draw:color draw:name="Light Green 700" draw:color="#689F38"/>
+ <draw:color draw:name="Light Green 800" draw:color="#558B2F"/>
+ <draw:color draw:name="Light Green 900" draw:color="#33691E"/>
+ <draw:color draw:name="Light Green A200" draw:color="#B2FF59"/>
+ <draw:color draw:name="Light Green A400" draw:color="#76FF03"/>
+
+ <!-- Lime palette -->
+ <draw:color draw:name="Lime" draw:color="#CDDC39"/>
+ <draw:color draw:name="Lime 50" draw:color="#F9FBE7"/>
+ <draw:color draw:name="Lime 100" draw:color="#F0F4C3"/>
+ <draw:color draw:name="Lime 200" draw:color="#E6EE9C"/>
+ <draw:color draw:name="Lime 300" draw:color="#DCE775"/>
+ <draw:color draw:name="Lime 400" draw:color="#D4E157"/>
+ <draw:color draw:name="Lime 600" draw:color="#C0CA33"/>
+ <draw:color draw:name="Lime 700" draw:color="#AFB42B"/>
+ <draw:color draw:name="Lime 800" draw:color="#9E9D24"/>
+ <draw:color draw:name="Lime 900" draw:color="#827717"/>
+ <draw:color draw:name="Lime A200" draw:color="#EEFF41"/>
+ <draw:color draw:name="Lime A400" draw:color="#C6FF00"/>
+
+ <!-- Brown palette -->
+ <draw:color draw:name="Brown" draw:color="#795548"/>
+ <draw:color draw:name="Brown 50" draw:color="#EFEBE9"/>
+ <draw:color draw:name="Brown 100" draw:color="#D7CCC8"/>
+ <draw:color draw:name="Brown 200" draw:color="#BCAAA4"/>
+ <draw:color draw:name="Brown 300" draw:color="#A1887F"/>
+ <draw:color draw:name="Brown 400" draw:color="#8D6E63"/>
+ <draw:color draw:name="Brown 600" draw:color="#6D4C41"/>
+ <draw:color draw:name="Brown 700" draw:color="#5D4037"/>
+ <draw:color draw:name="Brown 800" draw:color="#4E342E"/>
+ <draw:color draw:name="Brown 900" draw:color="#3E2723"/>
+ <draw:color draw:name="Brown A200" draw:color="#FFFFFF"/>
+ <draw:color draw:name="Brown A400" draw:color="#FFFFFF"/>
+
+ <!-- Blue Grey palette -->
+ <draw:color draw:name="Blue Grey" draw:color="#607D8B"/>
+ <draw:color draw:name="Blue Grey 50" draw:color="#ECEFF1"/>
+ <draw:color draw:name="Blue Grey 100" draw:color="#CFD8DC"/>
+ <draw:color draw:name="Blue Grey 200" draw:color="#B0BEC5"/>
+ <draw:color draw:name="Blue Grey 300" draw:color="#90A4AE"/>
+ <draw:color draw:name="Blue Grey 400" draw:color="#78909C"/>
+ <draw:color draw:name="Blue Grey 600" draw:color="#546E7A"/>
+ <draw:color draw:name="Blue Grey 700" draw:color="#455A64"/>
+ <draw:color draw:name="Blue Grey 800" draw:color="#37474F"/>
+ <draw:color draw:name="Blue Grey 900" draw:color="#263238"/>
+ <draw:color draw:name="Blue Grey A200" draw:color="#FFFFFF"/>
+ <draw:color draw:name="Blue Grey A400" draw:color="#FFFFFF"/>
+</office:color-table>