Modify the style.css file or font.css file

Color customization for some Service Request Catalog UI components can be performed by modifying the respective .css file under <SRC_root_folder>\secure\configuration\default folder.

The following table lists some UI components and the corresponding source files to be modified for color customization.

 
UI component Source file to be modified
The widgets on Dashboard

The Dashboard Widget section in <SRC_root_folder>\secure\configuration\default\style.css or <SRC_root_folder>\secure\configuration\default\font.css

The header bar of lists

For example, Your Subscriptions List, Your Approvals lists, Your Surveys lists, and the search result page.

The .*_view_header_style key in <SRC_root_folder>\secure\configuration\default\style.css or <SRC_root_folder>\secure\configuration\default\font.css

To customize the color of these UI components, follow these steps:

For .swf style

  1. Modify the color code in <SRC_root_folder>\secure\configuration\default\style.css file.

  2. Convert the style.css file to a style.swf file by running the following command:

    mxmlc style.css -static-link-runtime-shared-libraries=true
  3. Replace the style.swf file in the <SRC_root_folder>\secure\configuration\default folder with the one generated in step 2.

  4. Clear web browser cache and log into Service Request Catalog.

For .css style

  1. Make sure that CSS style is enabled for your Service Request Catalog. To enable CSS style, go to <SRC_root_folder>\secure\configuration\manifest.xml and then comment out the following:

    <swfStyles>style.swf</swfStyles>
    <swfResources>panel.swf</swfResources>
  2. Modify the color code in <SRC_root_folder>\secure\configuration\default\font.css file.

  3. Clear web browser cache and log into Service Request Catalog.