Technical Approach For
(EGOV Theme Color Change)
Review Summary
ITEM SUBMITTED BY : Vaibhav Kesarwani
REVIEW TEAM
NAME(Indicate head) SIGNATURE
1. Mr. Anil Shukla
[Link]. Ramesh Nougain
3.
REVIEW COMMENTS
Revision history
S. No. Version / Revision Date of release Revised Remarks
no. Sections
1 Base Version 1.0 16th Jun 2015 NA NA
Table of Contents
1. Introduction:.........................................................................................................4
2. Problem Background............................................................................................4
3. Steps for eGov color change.................................................................................4
4. Steps for Committee & Meetings color change....................................................5
5. List of files changed in [Link] for Theme color:..............................................5
EGOV Theme Color Change Technical Approach
1. Introduction:
This document aims to describe the technical approach for eGov theme color
change.
2. Problem Background
Currently Egov product has green color theme. For certain clients as well as
POCs, theme color needs to be changed to suit the custom environmental settings.
This document will provide information regarding CSS changes to achieve this.
3. Steps for eGov color change
Find the hexadecimal code of your custom color that is to be replaced.
Eg.:#5A336B.
Create a CSS class in [Link] with background-color set to
custom color. Now change all btn-success classes to this custom class
name. If not included, then include [Link] in JSP file.
Change “.egov-toolbar” background color in [Link] to
custom color.
Change all green instances in [Link] to custom CSS that
has background-color attribute set to custom color.
In bootstrap-egov_eGov_1.css, change all background-color to custom
color.
In [Link], change “.font2” color to custom color.
In [Link], change all background-color to custom
color.
In [Link], change background-color in “.top-nav” to custom
color.
In [Link], change border color in “.p3” to custom color.
In [Link], change border & background color in “.logn” to
custom color.
In [Link], change color in EWEnabledLinkcolor, ettilacolor,
ettiladisabledcolor, EWTableContentsClickable, ettila, EWLabel1,
EWLabel1Spc1, EWEnabledLink & EWLabel3 to custom color.
In [Link], change background-color to custom color in “.text” &
“.bg1”.
In [Link] present in estyle folder, change font color to custom
in “EWLabel1” & “EWLabel3”.
In all files present in below list but not explained here, color or
background-color needs to be changed to custom color directly without
CSS reference.
Clear IE & Java cache before testing color change.