office-gobmx/icon-themes
Kurt Nordback 2b4e95b8f0 tdf#50934: Rudimentary UI images for pie-of-pie and bar-of-pie
Change-Id: If2ddf1ea12804717583ab6df18dc7fbfffc37d31
Reviewed-on: https://gerrit.libreoffice.org/c/core/+/160740
Tested-by: Jenkins
Reviewed-by: Noel Grandin <noel.grandin@collabora.co.uk>
2024-02-19 12:31:30 +01:00
..
breeze tdf#50934: Rudimentary UI images for pie-of-pie and bar-of-pie 2024-02-19 12:31:30 +01:00
breeze_dark tdf#50934: Rudimentary UI images for pie-of-pie and bar-of-pie 2024-02-19 12:31:30 +01:00
breeze_dark_svg Removed executable bits from png and svg files 2023-06-06 22:48:40 +02:00
breeze_svg Removed executable bits from png and svg files 2023-06-06 22:48:40 +02:00
colibre tdf#50934: Rudimentary UI images for pie-of-pie and bar-of-pie 2024-02-19 12:31:30 +01:00
colibre_dark tdf#50934: Rudimentary UI images for pie-of-pie and bar-of-pie 2024-02-19 12:31:30 +01:00
colibre_dark_svg Resolves tdf#158531 - Connector lines for Keep Ratio setting 2024-02-12 12:56:05 +01:00
colibre_svg Resolves tdf#158531 - Connector lines for Keep Ratio setting 2024-02-12 12:56:05 +01:00
elementary tdf#50934: Rudimentary UI images for pie-of-pie and bar-of-pie 2024-02-19 12:31:30 +01:00
elementary_svg Removed executable bits from png and svg files 2023-06-06 22:48:40 +02:00
karasa_jaga tdf#50934: Rudimentary UI images for pie-of-pie and bar-of-pie 2024-02-19 12:31:30 +01:00
karasa_jaga_svg tdf#158939 icon-themes/karasa_jaga_svg: simplify some db icons 2024-01-28 22:48:55 +01:00
sifr tdf#50934: Rudimentary UI images for pie-of-pie and bar-of-pie 2024-02-19 12:31:30 +01:00
sifr_dark tdf#50934: Rudimentary UI images for pie-of-pie and bar-of-pie 2024-02-19 12:31:30 +01:00
sifr_dark_svg Removed executable bits from png and svg files 2023-06-06 22:48:40 +02:00
sifr_svg Removed executable bits from png and svg files 2023-06-06 22:48:40 +02:00
sukapura tdf#50934: Rudimentary UI images for pie-of-pie and bar-of-pie 2024-02-19 12:31:30 +01:00
sukapura_dark tdf#50934: Rudimentary UI images for pie-of-pie and bar-of-pie 2024-02-19 12:31:30 +01:00
sukapura_dark_svg tdf#158939 icon-themes: remove leftover reference images from SVGs 2024-01-27 20:46:31 +01:00
sukapura_svg tdf#158939 icon-themes: remove leftover reference images from SVGs 2024-01-27 20:46:31 +01:00
README.md Add info on icon sizes for theming 2021-08-26 21:52:40 +02:00

Icon Repository for the Applications

All of the icons, separated by themes are included in this directory. These icons are built into .zip files, and re-ordered / packed for efficiency reasons based on our UI configuration by the postprocess/CustomTarget_images.mk.

An icon theme does not need to contain all images, since these can be layered one on top of another.

In general the layering is done like this:

<leaf theme>
breeze
colibre

Icon naming convention

sc_* icons are 16x16 px (small) lc_* icons are 24x24 px (large) There is also an 32px folder at cmd/ with 32 px icons

16x16 px icons are used in the menus 24x24 px icons are used in toolbars and sidebar Notebook bar use 24x24 px icons when there is only one icon, and 16x16 px everywhere else

sc_ and lc_ icon are followed by the .uno:CommandName (see below)

How to Add a New Image Set

  • Create a directory for it here (let's call it e.g. new_set)

    FIXME: It is important to use an underscore _ to delimit more words. scp2 compilation crashes when using a dash -. It evidently splits the name into two strings.

    • It's probably not true anymore with filelists.
    • if this gets changed, IconThemeSelector::SetPreferredIconTheme needs to change too
  • Add its name (new_set) to WITH_THEMES variable in configure.ac

  • The fallback for particular icons is defined be packimages_CUSTOM_FALLBACK_1 in packimages/CustomTarget_images.mk

How to Add a New Icon for a New Command

  • Assume you defined a dispatch command in officecfg like the following:

in officecfg/registry/data/org/openoffice/Office/UI/CalcCommands.xcu

<node oor:name=".uno:OpenFromCalc" oor:op="replace">
    <prop oor:name="Label" oor:type="xs:string">
        <value xml:lang="en-US">~Open...</value>
    </prop>
    <prop oor:name="Properties" oor:type="xs:int">
        <value>1</value>
    </prop>
</node>

Here, you need to define a property named "Properties", with its value set to 1 so that the icons show up.

  • Now, you need to add 2 new icon images under icon-themes/colibre/cmd/, one for the large size and one for the smaller size. The name of each image must be lc_<command name>.png and sc_<command name>.png. Here, the command name is the name given in the above .xcu file without the .uno: prefix and all its letters lower-cased. In this example, the file names will be lc_openfromcalc.png and sc_openfromcalc.png. Note that you need to add new images to the colibre theme for them to show up in any themes at all.

How to Call optipng to Optimize Size

8 bit palettes are on the slow path for quartz/svp/gtk3 so avoid using palettes with...

$ optipng -nc <file>