Color quick selector help page

Change-Id: I479e0e00fa36035551c47139dda3c2491d3c4dc6
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/151444
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>

4 files changed, 69 insertions, 5 deletions

diff --git a/source/text/sdraw/main0210.xhp b/source/text/sdraw/main0210.xhp
index c298ea2600..b4e3891908 100644
--- a/source/text/sdraw/main0210.xhp
+++ b/source/text/sdraw/main0210.xhp
@@ -30,6 +30,14 @@
 </section>
 <embed href="text/shared/02/18010000.xhp#selection"/>
 <embed href="text/shared/02/18010000.xhp#syselection"/>
+<h2 id="hd_id671683306520960">Line Color</h2>
+<paragraph role="paragraph" id="par_id301683306696915">Sets the <link href="text/shared/01/quickcolorselector.xhp">line color</link> of the selected object.</paragraph>
+<embed href="text/shared/00/00040502.xhp#syline"/>
+
+<h2 id="hd_id361683306526098">Fill Color</h2>
+<paragraph role="paragraph" id="par_id701683306692312">Sets the <link href="text/shared/01/quickcolorselector.xhp">area color</link> of the selected object.</paragraph>
+<embed href="text/shared/00/00040502.xhp#syarea"/>
+
 <h2 id="par_idN105D1"><link href="text/simpress/02/10060000.xhp">Rectangle</link></h2>
 <paragraph role="paragraph" id="par_idN105E1">Draws a filled rectangle where you drag in the current document. Click where you want to place a corner of the rectangle, and drag to the size you want. To draw a square, hold down Shift while you drag.</paragraph>
 <embed href="text/simpress/00/00000004.xhp#syrectangle"/>
diff --git a/source/text/shared/00/00040502.xhp b/source/text/shared/00/00040502.xhp
index 7c4799fc73..8b80d15574 100644
--- a/source/text/shared/00/00040502.xhp
+++ b/source/text/shared/00/00040502.xhp
@@ -36,7 +36,7 @@
             <table id="tbl_id3145160">
                 <tablerow>
                     <tablecell>
-                        <paragraph id="par_id3148889" role="paragraph"><image id="img_id3150669" src="cmd/sc_formatline.svg" width="1cm" height="1cm"><alt id="alt_id3150669">Icon Line</alt></image></paragraph>
+                        <paragraph id="par_id3148889" role="paragraph"><image id="img_id3150669" src="cmd/lc_formatline.svg" width="1cm" height="1cm"><alt id="alt_id3150669">Icon Line</alt></image></paragraph>
                     </tablecell>
                     <tablecell>
                         <paragraph id="par_id3159147" role="paragraph">Line</paragraph>
@@ -68,9 +68,9 @@
       </switch>
     </section>
     <paragraph id="par_id3151293" role="paragraph"><variable id="linienstile">Choose <menuitem>Format - </menuitem><switchinline select="appl"><caseinline select="WRITER"><menuitem>Text Box and Shape - </menuitem>
-                    </caseinline><caseinline select="CALC"><menuitem>Object - </menuitem></caseinline></switchinline><menuitem>Line - Line Styles</menuitem> tab.</variable></paragraph>
+    </caseinline><caseinline select="CALC"><menuitem>Object - </menuitem></caseinline></switchinline><menuitem>Line - Line Styles</menuitem> tab.</variable></paragraph>
 
-<section id="ArrowStyle">   
+<section id="ArrowStyle">
    <switch select="appl">
      <case select="DRAW">
        <paragraph role="paragraph" id="par_id811654761854632">Choose <menuitem>Format - Line</menuitem></paragraph>
@@ -102,7 +102,7 @@
             <table id="tbl_id3145174">
                 <tablerow>
                     <tablecell>
-                        <paragraph id="par_id3156424" role="paragraph"><image id="img_id3150868" src="cmd/sc_fillstyle.png" width="1cm" height="1cm"><alt id="alt_id3150868">Icon Area</alt></image></paragraph>
+                        <paragraph id="par_id3156424" role="paragraph"><image id="img_id3150868" src="cmd/lc_backgroundcolor.svg" width="1cm" height="1cm"><alt id="alt_id3150868">Icon Area</alt></image></paragraph>
                     </tablecell>
                     <tablecell>
                         <paragraph id="par_id3150393" role="paragraph">Area</paragraph>
diff --git a/source/text/shared/01/05210200.xhp b/source/text/shared/01/05210200.xhp
index ce9af676ae..dafde66c1f 100644
--- a/source/text/shared/01/05210200.xhp
+++ b/source/text/shared/01/05210200.xhp
@@ -47,12 +47,15 @@
     </section>
     <embed href="text/shared/06/shared_cui_screenshots.xhp#colorpage"/>
     <h2 id="hd_id931578758906569">Colors</h2>
-    <h3 id="hd_id551578758911321">Palette</h3>
+
+    <section id="quickcolor">
+        <h3 id="hd_id551578758911321">Palette</h3>
     <paragraph role="paragraph" id="par_id411578758922329">Select the color palette in the list box to pick the color for the selected object. The palette color set displays below.</paragraph>
     <note id="par_id441641431603505">The <emph>Theme colors</emph> palette shows the theme colors from the current theme, if the document has any.</note>
     <note id="par_id441641431603506">The <emph>Document colors</emph> palette shows the colors used in the current document.</note>
     <h3 id="hd_id981578758969146">Recent colors</h3>
     <paragraph role="paragraph" id="par_id751578758975939">Displays the recent selected colors.</paragraph>
+    </section>
     <h3 id="hd_id41578758979874">Custom Palette</h3>
     <paragraph role="paragraph" id="par_id641578758985603">Click <widget>Add</widget> to open a dialog to set a name for the custom color. The palette changes to "custom".</paragraph>
     <paragraph role="paragraph" id="par_id191578758991563">Click <widget>Delete</widget> to delete the color from the custom palette.</paragraph>
@@ -66,8 +69,11 @@
     <paragraph role="paragraph" id="par_id691578758845984">The values of the red, blue and green components of the new color. You can define the new color by entering the red, green and blue values in the respective <emph>R</emph>, <emph>G</emph> and <emph>B</emph> spin boxes. Allowed values are 0 to 255.</paragraph>
     <h3 id="hd_id591578758836544">Hex</h3>
     <paragraph role="paragraph" id="par_id121578758850944">The color value in hexadecimal notation. You can enter the hexadecimal value in the <emph>Hex</emph> text box.</paragraph>
+
+    <section id="colorpicker">
     <h3 id="hd_id891578758832248">Pick</h3>
     <paragraph role="paragraph" id="par_id131578758826856">Opens the <link href="text/shared/optionen/01010501.xhp">color picker dialog</link> for a graphical selection of the desired color.</paragraph>
+    </section>
     <embed href="text/shared/00/00000001.xhp#reset2"/>
     <section id="relatedtopics">
         <embed href="text/shared/optionen/01010501.xhp#colorpickerh1"/>
diff --git a/source/text/shared/01/quickcolorselector.xhp b/source/text/shared/01/quickcolorselector.xhp
new file mode 100644
index 0000000000..81c8659aa5
--- /dev/null
+++ b/source/text/shared/01/quickcolorselector.xhp
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<helpdocument version="1.0">
+    <!--
+    * This file is part of the LibreOffice project.
+    *
+    * This Source Code Form is subject to the terms of the Mozilla Public
+    * License, v. 2.0. If a copy of the MPL was not distributed with this
+    * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+    *
+    -->
+
+    <meta>
+        <topic id="textshared01quickcolorselectorxhp" indexer="include" status="PUBLISH">
+        <title id="tit">Quick Color Selector</title>
+        <filename>/text/shared/01/quickcolorselector.xhp</filename>
+    </topic>
+</meta>
+<body>
+<section id="quickcolorselector">
+    <bookmark id="bm_id851683320257485" branch="hid/svx/ui/colorwindow/palette_listbox" localize="false"/>
+    <bookmark id="bm_id851683320257486" branch="hid/svx/ui/colorwindow/@@nowidget@@" localize="false"/>
+    <h1 id="hd_id861683320257486"><variable id="h1"><link href="text/shared/01/quickcolorselector.xhp">Quick Color Selector</link></variable></h1>
+    <paragraph id="par_id541683320257489" role="paragraph">Select a color to apply, load a different color list or select a custom color for the selected object.</paragraph>
+</section>
+<section id="howtoget">
+    <paragraph role="paragraph" id="par_id711683322487731">On the <emph>Drawing Bar</emph>, click on the icons</paragraph>
+    <embed href="text/shared/00/00040502.xhp#syline"/>
+    <embed href="text/shared/00/00040502.xhp#syarea"/>
+</section>
+
+    <embed href="text/shared/01/05210200.xhp#quickcolor"/>
+    <embed href="text/shared/01/05210200.xhp#colorpicker"/>
+    <table id="tab_id971683322352613">
+        <tablerow>
+            <tablecell>
+                <paragraph id="par_id861683322352614" role="paragraph">
+                    <image src="cmd/lc_colorsettings.svg" id="img_id381683322352615" width="1cm"  height="1cm"><alt xml-lang="en-US" id="alt_id171683322352616">Icon Color Picker</alt></image>
+                </paragraph>
+            </tablecell>
+            <tablecell>
+                <paragraph id="par_id221683322352618" role="paragraph" xml-lang="en-US">Custom Color</paragraph>
+            </tablecell>
+        </tablerow>
+    </table>
+    <section id="relatedtopics">
+        <paragraph role="paragraph" id="par_id431683322651157" localize="false"><embedvar href="text/shared/01/05210200.xhp#colorpageh1" markup="ignore"/></paragraph>
+        <embed href="text/shared/optionen/01010501.xhp#colorpickerh1"/>
+    </section>
+</body>
+</helpdocument>