How to Change Adopisoft Portal Color?

Basic Colors

Named	Numeric	Color name	Hex rgb	Decimal
		black	#000000	0,0,0
		silver	#C0C0C0	192,192,192
		gray	#808080	128,128,128
		white	#FFFFFF	255,255,255
		maroon	#800000	128,0,0
		red	#FF0000	255,0,0
		purple	#800080	128,0,128
		fuchsia	#FF00FF	255,0,255
		green	#008000	0,128,0
		lime	#00FF00	0,255,0
		olive	#808000	128,128,0
		yellow	#FFFF00	255,255,0
		navy	#000080	0,0,128
		blue	#0000FF	0,0,255
		teal	#008080	0,128,128
		aqua	#00FFFF	0,255,255

 

Extended colors

Named	Numeric	Color name	Hex rgb	Decimal
		aliceblue	#f0f8ff	240,248,255
		antiquewhite	#faebd7	250,235,215
		aqua	#00ffff	0,255,255
		aquamarine	#7fffd4	127,255,212
		azure	#f0ffff	240,255,255
		beige	#f5f5dc	245,245,220
		bisque	#ffe4c4	255,228,196
		black	#000000	0,0,0
		blanchedalmond	#ffebcd	255,235,205
		blue	#0000ff	0,0,255
		blueviolet	#8a2be2	138,43,226
		brown	#a52a2a	165,42,42
		burlywood	#deb887	222,184,135
		cadetblue	#5f9ea0	95,158,160
		chartreuse	#7fff00	127,255,0
		chocolate	#d2691e	210,105,30
		coral	#ff7f50	255,127,80
		cornflowerblue	#6495ed	100,149,237
		cornsilk	#fff8dc	255,248,220
		crimson	#dc143c	220,20,60
		cyan	#00ffff	0,255,255
		darkblue	#00008b	0,0,139
		darkcyan	#008b8b	0,139,139
		darkgoldenrod	#b8860b	184,134,11
		darkgray	#a9a9a9	169,169,169
		darkgreen	#006400	0,100,0
		darkgrey	#a9a9a9	169,169,169
		darkkhaki	#bdb76b	189,183,107
		darkmagenta	#8b008b	139,0,139
		darkolivegreen	#556b2f	85,107,47
		darkorange	#ff8c00	255,140,0
		darkorchid	#9932cc	153,50,204
		darkred	#8b0000	139,0,0
		darksalmon	#e9967a	233,150,122
		darkseagreen	#8fbc8f	143,188,143
		darkslateblue	#483d8b	72,61,139
		darkslategray	#2f4f4f	47,79,79
		darkslategrey	#2f4f4f	47,79,79
		darkturquoise	#00ced1	0,206,209
		darkviolet	#9400d3	148,0,211
		deeppink	#ff1493	255,20,147
		deepskyblue	#00bfff	0,191,255
		dimgray	#696969	105,105,105
		dimgrey	#696969	105,105,105
		dodgerblue	#1e90ff	30,144,255
		firebrick	#b22222	178,34,34
		floralwhite	#fffaf0	255,250,240
		forestgreen	#228b22	34,139,34
		fuchsia	#ff00ff	255,0,255
		gainsboro	#dcdcdc	220,220,220
		ghostwhite	#f8f8ff	248,248,255
		gold	#ffd700	255,215,0
		goldenrod	#daa520	218,165,32
		gray	#808080	128,128,128
		green	#008000	0,128,0
		greenyellow	#adff2f	173,255,47
		grey	#808080	128,128,128
		honeydew	#f0fff0	240,255,240
		hotpink	#ff69b4	255,105,180
		indianred	#cd5c5c	205,92,92
		indigo	#4b0082	75,0,130
		ivory	#fffff0	255,255,240
		khaki	#f0e68c	240,230,140
		lavender	#e6e6fa	230,230,250
		lavenderblush	#fff0f5	255,240,245
		lawngreen	#7cfc00	124,252,0
		lemonchiffon	#fffacd	255,250,205
		lightblue	#add8e6	173,216,230
		lightcoral	#f08080	240,128,128
		lightcyan	#e0ffff	224,255,255
		lightgoldenrodyellow	#fafad2	250,250,210
		lightgray	#d3d3d3	211,211,211
		lightgreen	#90ee90	144,238,144
		lightgrey	#d3d3d3	211,211,211
		lightpink	#ffb6c1	255,182,193
		lightsalmon	#ffa07a	255,160,122
		lightseagreen	#20b2aa	32,178,170
		lightskyblue	#87cefa	135,206,250
		lightslategray	#778899	119,136,153
		lightslategrey	#778899	119,136,153
		lightsteelblue	#b0c4de	176,196,222
		lightyellow	#ffffe0	255,255,224
		lime	#00ff00	0,255,0
		limegreen	#32cd32	50,205,50
		linen	#faf0e6	250,240,230
		magenta	#ff00ff	255,0,255
		maroon	#800000	128,0,0
		mediumaquamarine	#66cdaa	102,205,170
		mediumblue	#0000cd	0,0,205
		mediumorchid	#ba55d3	186,85,211
		mediumpurple	#9370db	147,112,219
		mediumseagreen	#3cb371	60,179,113
		mediumslateblue	#7b68ee	123,104,238
		mediumspringgreen	#00fa9a	0,250,154
		mediumturquoise	#48d1cc	72,209,204
		mediumvioletred	#c71585	199,21,133
		midnightblue	#191970	25,25,112
		mintcream	#f5fffa	245,255,250
		mistyrose	#ffe4e1	255,228,225
		moccasin	#ffe4b5	255,228,181
		navajowhite	#ffdead	255,222,173
		navy	#000080	0,0,128
		oldlace	#fdf5e6	253,245,230
		olive	#808000	128,128,0
		olivedrab	#6b8e23	107,142,35
		orange	#ffa500	255,165,0
		orangered	#ff4500	255,69,0
		orchid	#da70d6	218,112,214
		palegoldenrod	#eee8aa	238,232,170
		palegreen	#98fb98	152,251,152
		paleturquoise	#afeeee	175,238,238
		palevioletred	#db7093	219,112,147
		papayawhip	#ffefd5	255,239,213
		peachpuff	#ffdab9	255,218,185
		peru	#cd853f	205,133,63
		pink	#ffc0cb	255,192,203
		plum	#dda0dd	221,160,221
		powderblue	#b0e0e6	176,224,230
		purple	#800080	128,0,128
		red	#ff0000	255,0,0
		rosybrown	#bc8f8f	188,143,143
		royalblue	#4169e1	65,105,225
		saddlebrown	#8b4513	139,69,19
		salmon	#fa8072	250,128,114
		sandybrown	#f4a460	244,164,96
		seagreen	#2e8b57	46,139,87
		seashell	#fff5ee	255,245,238
		sienna	#a0522d	160,82,45
		silver	#c0c0c0	192,192,192
		skyblue	#87ceeb	135,206,235
		slateblue	#6a5acd	106,90,205
		slategray	#708090	112,128,144
		slategrey	#708090	112,128,144
		snow	#fffafa	255,250,250
		springgreen	#00ff7f	0,255,127
		steelblue	#4682b4	70,130,180
		tan	#d2b48c	210,180,140
		teal	#008080	0,128,128
		thistle	#d8bfd8	216,191,216
		tomato	#ff6347	255,99,71
		turquoise	#40e0d0	64,224,208
		violet	#ee82ee	238,130,238
		wheat	#f5deb3	245,222,179
		white	#ffffff	255,255,255
		whitesmoke	#f5f5f5	245,245,245
		yellow	#ffff00	255,255,0
		yellowgreen	#9acd32	154,205,50

 

 

Change Connect Button to Colored green

Editing - app/components/start-pause-buttons/start-pause-buttons.html

 

Add this to your code:

style="background-color:#008000"

 

Original:

Located on Line11 to Line12

<button class="btn btn-lg btn-primary" data-bind="click: startSession, disable: starting">

  Connect

 

Edited:

 

<button class="btn btn-lg btn-primary" style="background-color:#008000" data-bind="click: startSession, disable: starting">

  Connect

 

Change Start(Play) button to green on Session Table

Editing - app/components/sessions-table/sessions-table.html

Add this to your code:

style="background-color:#008000"

 

Original:

Located on Line 27

<button class="btn btn-primary" data-bind="disable: starting(), click: startSession">

 

Edited:

<button class="btn btn-primary" style="background-color:#008000" data-bind="disable: starting(), click: startSession">

 

Change Buy Wifi to Green Color

Editing - app/components/buy-wifi-or-eload/buy-wifi-or-eload.html

Plese add this to the code: 

 

style="background-color:#008000"

 

Example:

Original:Located on Line 3

<a class="btn btn-lg btn-primary" data-bind="click: buyWifi, loadingBtn: loading">Buy WiFi</a>

 

After adding the code:

 

<a class="btn btn-lg btn-primary" data-bind="click: buyWifi, loadingBtn: loading" style="background-color:#008000">Buy WiFi</a>

 

 

Change Activate Voucher Button to Blue

Editing - app/components/voucher-form/voucher-form.html

 

Plese add this to the code: 

 

style="background-color:#0000ff"

 

Example:

Original:Located on Line 8

<button type="submit" class="btn btn-lg btn-primary">

 

After Adding The Code:

 

<button type="submit" style="background-color:#0000ff" class="btn btn-lg btn-primary">