Changing the color scheme of the interface

You can modify the color scheme of HTML Workspace user interface portions to suit your requirements. Following are some examples of representative color scheme customizations. In addition to the steps discussed in this article, see Generic steps for HTML Workspace customization.

Top navigation bar

Using background image

To update the navigation bar at the top of HTML Workspace.

  1. Create a background image to update the color. Name the file as newBackground.jpg.

  2. Upload the background image file in /apps/ws/images folder using a WebDAV client.

    註解:

    For more information about WebDAV access, see WebDAV Access.

  3. Reference the new background image in /apps/ws/css/newStyle.css by adding following style.

    #header {
        background:#292929 url(../images/newBackground.jpg) repeat-x;
    }

Using color property in CSS

  1. Add the following style in newStyle.css at /apps/ws/css

    #header {
    background : none;
    background-color: gray;
    }

Category component

Category component displays the various categories of your tasks in the left panel. To change its color, define the background color in .category element of the CSS file.

Task component

Tasks are displayed in the middle panel called the TaskList Component. To change its color, modify the style associated with .task selector in the style sheet.

 Adobe

更快、更輕鬆地獲得協助

新的使用者?

Adobe MAX 2024

Adobe MAX
創意大會

10 月 14 至 16 日邁阿密海灘和線上

Adobe MAX

創意大會

10 月 14 至 16 日邁阿密海灘和線上

Adobe MAX 2024

Adobe MAX
創意大會

10 月 14 至 16 日邁阿密海灘和線上

Adobe MAX

創意大會

10 月 14 至 16 日邁阿密海灘和線上