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>

2 files changed, 272 insertions, 0 deletions

diff --git a/extras/Package_palettes.mk b/extras/Package_palettes.mk
index dbd31c58d972..b1e71fccfe07 100644
--- a/extras/Package_palettes.mk
+++ b/extras/Package_palettes.mk
@@ -17,6 +17,7 @@ $(eval $(call gb_Package_add_files,extras_palettes,$(LIBO_SHARE_FOLDER)/palette,
 	hatching.soh \
 	html.soc \
 	libreoffice.soc \
+	material.soc \
 	modern.sog \
 	standard.sob \
 	standard.soc \
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>