Browse Prior Art Database

Apparatus for Programmatically Defining and Coloring a Web Application

IP.com Disclosure Number: IPCOM000242203D
Publication Date: 2015-Jun-25
Document File: 4 page(s) / 93K

Publishing Venue

The IP.com Prior Art Database

Abstract

Disclosed is a method to rapidly change the colors in a web-based user interface by taking a target color as an input and then transforming the current color palette of the application to match this new color value uses a range defined template.

This text was extracted from a PDF file.
This is the abbreviated version, containing approximately 36% of the total text.

Page 01 of 4

Apparatus for Programmatically Defining and Coloring a Web Application

Many of today's user interface (UI) designs consist of large libraries with a significant number of components. These libraries focus around using Cascading Styling Sheets (CSS) to provide users with styling for the pages. These stylings can be extremely large and complex, at times consisting of hundreds of colors that are all based on the same scheme. Current solutions do not provide the flexibility and ease that business users require, especially in situations where many style sheets are in use.

For example, if a software or systems provider sells an application platform to clients that can be customized to the client's needs, then a method is needed to easily allow the client to change the color scheme (e.g., to match the client's corporate color scheme) of the UI. Providing this level of branding and customization using a current system is extremely time consuming and not practical for developers. Small changes require potentially significant amounts of time to implement. If a client decides during development that a color cannot be used, then it becomes doubly expensive for developers to produce a coherent design based on that small design change. If a client adds more style sheets or components, then the business user is required to create an extensive redesign of the underlying color mechanism or tediously go through the style sheets to retrieve the attributes.

Aspects of a colorizing product include but are not limited to:


• Allows the programmatic definition of a base template


• Allow extraction of adjusted template


• Allow variable smoothing of sporadic colors


• Allow a range of input colors for creating a base template

• Include only a range of colors from the base template • Not language specific (usable with CSS/SCSS/HTML)

• Alteration of the base color during either design time or run time


• Allows the use of multiple base templates


• Allows the use of multiple colorations

The novel contribution is a method to rapidly change the colors in a web-based user interface by taking a target color as an input and then transforming the current color palette of the application to match this new color value uses a range defined template.

The user provides three required values: minimum color, maximum color, and new target color. The method calculates the base color for the transformation based on the input range colors. The difference between the calculated base color and the new input target color is calculated with the relative difference stored in memory. The method includes:


1. Scanning all style sheets are scanned


2. Supplying every color that is found and within the range


3. Extracting the class and attribute


4. Including the class and attribute in the adjustment template

1


Page 02 of 4

5. Replacing the found color with the color shifted by base color relative value. This occurs during runtime.

This method is intended for use within...