Skip to content

Commit 35474dc

Browse files
einazareeinazare
committed
refactor: change coolGray with blueGray
1 parent 67e3dd6 commit 35474dc

File tree

1 file changed

+40
-40
lines changed

1 file changed

+40
-40
lines changed

‎src/app/components/sidebar/sidebar.component.html‎

Lines changed: 40 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
<!-- Brand -->
1616
<a
1717
[routerLink]="['/']"
18-
class="md:block text-left md:pb-2 text-coolGray-600 mr-0 inline-block whitespace-nowrap text-sm uppercase font-bold p-4 px-0"
18+
class="md:block text-left md:pb-2 text-blueGray-600 mr-0 inline-block whitespace-nowrap text-sm uppercase font-bold p-4 px-0"
1919
>
2020
<span class="block sm:hidden"> Tailwind Angular </span>
2121
<span class="hidden sm:block"> Notus Angular </span>
@@ -36,13 +36,13 @@
3636
>
3737
<!-- Collapse header -->
3838
<div
39-
class="md:min-w-full md:hidden block pb-4 mb-4 border-b border-solid border-coolGray-200"
39+
class="md:min-w-full md:hidden block pb-4 mb-4 border-b border-solid border-blueGray-200"
4040
>
4141
<div class="flex flex-wrap">
4242
<div class="w-6/12">
4343
<a
4444
[routerLink]="['/']"
45-
class="md:block text-left md:pb-2 text-coolGray-600 mr-0 inline-block whitespace-nowrap text-sm uppercase font-bold p-4 px-0"
45+
class="md:block text-left md:pb-2 text-blueGray-600 mr-0 inline-block whitespace-nowrap text-sm uppercase font-bold p-4 px-0"
4646
>
4747
Notus Angular
4848
</a>
@@ -64,7 +64,7 @@
6464
<input
6565
type="text"
6666
placeholder="Search"
67-
class="border-0 px-3 py-2 h-12 border border-solid border-coolGray-500 placeholder-coolGray-300 text-coolGray-600 bg-white rounded text-base leading-snug shadow-none outline-none focus:outline-none w-full font-normal"
67+
class="border-0 px-3 py-2 h-12 border border-solid border-blueGray-500 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-base leading-snug shadow-none outline-none focus:outline-none w-full font-normal"
6868
/>
6969
</div>
7070
</form>
@@ -73,7 +73,7 @@
7373
<hr class="my-4 md:min-w-full" />
7474
<!-- Heading -->
7575
<h6
76-
class="md:min-w-full text-coolGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline"
76+
class="md:min-w-full text-blueGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline"
7777
>
7878
Admin Layout Pages
7979
</h6>
@@ -89,13 +89,13 @@
8989
[ngClass]="
9090
adminDashboard.isActive
9191
? 'text-red-600 hover:text-red-700'
92-
: 'text-coolGray-700 hover:text-coolGray-500'
92+
: 'text-blueGray-700 hover:text-blueGray-500'
9393
"
9494
>
9595
<i
9696
class="fas fa-tv mr-2 text-sm"
9797
[ngClass]="
98-
adminDashboard.isActive ? 'opacity-75' : 'text-coolGray-300'
98+
adminDashboard.isActive ? 'opacity-75' : 'text-blueGray-300'
9999
"
100100
></i>
101101
Dashboard
@@ -111,13 +111,13 @@
111111
[ngClass]="
112112
adminSettings.isActive
113113
? 'text-red-600 hover:text-red-700'
114-
: 'text-coolGray-700 hover:text-coolGray-500'
114+
: 'text-blueGray-700 hover:text-blueGray-500'
115115
"
116116
>
117117
<i
118118
class="fas fa-tools mr-2 text-sm"
119119
[ngClass]="
120-
adminSettings.isActive ? 'opacity-75' : 'text-coolGray-300'
120+
adminSettings.isActive ? 'opacity-75' : 'text-blueGray-300'
121121
"
122122
></i>
123123
Settings
@@ -133,13 +133,13 @@
133133
[ngClass]="
134134
adminTables.isActive
135135
? 'text-red-600 hover:text-red-700'
136-
: 'text-coolGray-700 hover:text-coolGray-500'
136+
: 'text-blueGray-700 hover:text-blueGray-500'
137137
"
138138
>
139139
<i
140140
class="fas fa-table mr-2 text-sm"
141141
[ngClass]="
142-
adminTables.isActive ? 'opacity-75' : 'text-coolGray-300'
142+
adminTables.isActive ? 'opacity-75' : 'text-blueGray-300'
143143
"
144144
></i>
145145
Tables
@@ -155,13 +155,13 @@
155155
[ngClass]="
156156
adminMaps.isActive
157157
? 'text-red-600 hover:text-red-700'
158-
: 'text-coolGray-700 hover:text-coolGray-500'
158+
: 'text-blueGray-700 hover:text-blueGray-500'
159159
"
160160
>
161161
<i
162162
class="fas fa-map-marked mr-2 text-sm"
163163
[ngClass]="
164-
adminMaps.isActive ? 'opacity-75' : 'text-coolGray-300'
164+
adminMaps.isActive ? 'opacity-75' : 'text-blueGray-300'
165165
"
166166
></i>
167167
Maps
@@ -173,7 +173,7 @@
173173
<hr class="my-4 md:min-w-full" />
174174
<!-- Heading -->
175175
<h6
176-
class="md:min-w-full text-coolGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline"
176+
class="md:min-w-full text-blueGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline"
177177
>
178178
Auth Layout Pages
179179
</h6>
@@ -183,19 +183,19 @@
183183
<li class="items-center">
184184
<a
185185
[routerLink]="['/auth/login']"
186-
class="text-coolGray-700 hover:text-coolGray-500 text-xs uppercase py-3 font-bold block"
186+
class="text-blueGray-700 hover:text-blueGray-500 text-xs uppercase py-3 font-bold block"
187187
>
188-
<i class="fas fa-fingerprint text-coolGray-300 mr-2 text-sm"></i>
188+
<i class="fas fa-fingerprint text-blueGray-300 mr-2 text-sm"></i>
189189
Login
190190
</a>
191191
</li>
192192

193193
<li class="items-center">
194194
<a
195195
[routerLink]="['/auth/register']"
196-
class="text-coolGray-700 hover:text-coolGray-500 text-xs uppercase py-3 font-bold block"
196+
class="text-blueGray-700 hover:text-blueGray-500 text-xs uppercase py-3 font-bold block"
197197
>
198-
<i class="fas fa-clipboard-list text-coolGray-300 mr-2 text-sm"></i>
198+
<i class="fas fa-clipboard-list text-blueGray-300 mr-2 text-sm"></i>
199199
Register
200200
</a>
201201
</li>
@@ -205,7 +205,7 @@
205205
<hr class="my-4 md:min-w-full" />
206206
<!-- Heading -->
207207
<h6
208-
class="md:min-w-full text-coolGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline"
208+
class="md:min-w-full text-blueGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline"
209209
>
210210
No Layout Pages
211211
</h6>
@@ -215,19 +215,19 @@
215215
<li class="items-center">
216216
<a
217217
[routerLink]="['/landing']"
218-
class="text-coolGray-700 hover:text-coolGray-500 text-xs uppercase py-3 font-bold block"
218+
class="text-blueGray-700 hover:text-blueGray-500 text-xs uppercase py-3 font-bold block"
219219
>
220-
<i class="fas fa-newspaper text-coolGray-300 mr-2 text-sm"></i>
220+
<i class="fas fa-newspaper text-blueGray-300 mr-2 text-sm"></i>
221221
Landing Page
222222
</a>
223223
</li>
224224

225225
<li class="items-center">
226226
<a
227227
[routerLink]="['/profile']"
228-
class="text-coolGray-700 hover:text-coolGray-500 text-xs uppercase py-3 font-bold block"
228+
class="text-blueGray-700 hover:text-blueGray-500 text-xs uppercase py-3 font-bold block"
229229
>
230-
<i class="fas fa-user-circle text-coolGray-300 mr-2 text-sm"></i>
230+
<i class="fas fa-user-circle text-blueGray-300 mr-2 text-sm"></i>
231231
Profile Page
232232
</a>
233233
</li>
@@ -237,7 +237,7 @@
237237
<hr class="my-4 md:min-w-full" />
238238
<!-- Heading -->
239239
<h6
240-
class="md:min-w-full text-coolGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline"
240+
class="md:min-w-full text-blueGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline"
241241
>
242242
Documentation
243243
</h6>
@@ -247,9 +247,9 @@
247247
<a
248248
href="https://www.creative-tim.com/learning-lab/tailwind/angular/colors/notus"
249249
target="_blank"
250-
class="text-coolGray-700 hover:text-coolGray-500 text-sm block mb-4 no-underline font-semibold"
250+
class="text-blueGray-700 hover:text-blueGray-500 text-sm block mb-4 no-underline font-semibold"
251251
>
252-
<i class="fas fa-paint-brush mr-2 text-coolGray-300 text-base"></i>
252+
<i class="fas fa-paint-brush mr-2 text-blueGray-300 text-base"></i>
253253
Styles
254254
</a>
255255
</li>
@@ -258,9 +258,9 @@
258258
<a
259259
href="https://www.creative-tim.com/learning-lab/tailwind/angular/alerts/notus"
260260
target="_blank"
261-
class="text-coolGray-700 hover:text-coolGray-500 text-sm block mb-4 no-underline font-semibold"
261+
class="text-blueGray-700 hover:text-blueGray-500 text-sm block mb-4 no-underline font-semibold"
262262
>
263-
<i class="fab fa-css3-alt mr-2 text-coolGray-300 text-base"></i>
263+
<i class="fab fa-css3-alt mr-2 text-blueGray-300 text-base"></i>
264264
CSS Components
265265
</a>
266266
</li>
@@ -269,9 +269,9 @@
269269
<a
270270
href="https://www.creative-tim.com/learning-lab/tailwind/angular/overview/notus"
271271
target="_blank"
272-
class="text-coolGray-700 hover:text-coolGray-500 text-sm block mb-4 no-underline font-semibold"
272+
class="text-blueGray-700 hover:text-blueGray-500 text-sm block mb-4 no-underline font-semibold"
273273
>
274-
<i class="fab fa-angular mr-2 text-coolGray-300 text-base"></i>
274+
<i class="fab fa-angular mr-2 text-blueGray-300 text-base"></i>
275275
Angular
276276
</a>
277277
</li>
@@ -280,9 +280,9 @@
280280
<a
281281
href="https://www.creative-tim.com/learning-lab/tailwind/js/overview/notus"
282282
target="_blank"
283-
class="text-coolGray-700 hover:text-coolGray-500 text-sm block mb-4 no-underline font-semibold"
283+
class="text-blueGray-700 hover:text-blueGray-500 text-sm block mb-4 no-underline font-semibold"
284284
>
285-
<i class="fab fa-js-square mr-2 text-coolGray-300 text-base"></i>
285+
<i class="fab fa-js-square mr-2 text-blueGray-300 text-base"></i>
286286
Javascript
287287
</a>
288288
</li>
@@ -291,9 +291,9 @@
291291
<a
292292
href="https://www.creative-tim.com/learning-lab/tailwind/nextjs/overview/notus"
293293
target="_blank"
294-
class="text-coolGray-700 hover:text-coolGray-500 text-sm block mb-4 no-underline font-semibold"
294+
class="text-blueGray-700 hover:text-blueGray-500 text-sm block mb-4 no-underline font-semibold"
295295
>
296-
<i class="fab fa-react mr-2 text-coolGray-300 text-base"></i>
296+
<i class="fab fa-react mr-2 text-blueGray-300 text-base"></i>
297297
NextJS
298298
</a>
299299
</li>
@@ -302,9 +302,9 @@
302302
<a
303303
href="https://www.creative-tim.com/learning-lab/tailwind/react/overview/notus"
304304
target="_blank"
305-
class="text-coolGray-700 hover:text-coolGray-500 text-sm block mb-4 no-underline font-semibold"
305+
class="text-blueGray-700 hover:text-blueGray-500 text-sm block mb-4 no-underline font-semibold"
306306
>
307-
<i class="fab fa-react mr-2 text-coolGray-300 text-base"></i>
307+
<i class="fab fa-react mr-2 text-blueGray-300 text-base"></i>
308308
React
309309
</a>
310310
</li>
@@ -313,9 +313,9 @@
313313
<a
314314
href="https://www.creative-tim.com/learning-lab/tailwind/svelte/overview/notus"
315315
target="_blank"
316-
class="text-coolGray-700 hover:text-coolGray-500 text-sm block mb-4 no-underline font-semibold"
316+
class="text-blueGray-700 hover:text-blueGray-500 text-sm block mb-4 no-underline font-semibold"
317317
>
318-
<i class="fas fa-link mr-2 text-coolGray-300 text-base"></i>
318+
<i class="fas fa-link mr-2 text-blueGray-300 text-base"></i>
319319
Svelte
320320
</a>
321321
</li>
@@ -324,9 +324,9 @@
324324
<a
325325
href="https://www.creative-tim.com/learning-lab/tailwind/vue/overview/notus"
326326
target="_blank"
327-
class="text-coolGray-700 hover:text-coolGray-500 text-sm block mb-4 no-underline font-semibold"
327+
class="text-blueGray-700 hover:text-blueGray-500 text-sm block mb-4 no-underline font-semibold"
328328
>
329-
<i class="fab fa-vuejs mr-2 text-coolGray-300 text-base"></i>
329+
<i class="fab fa-vuejs mr-2 text-blueGray-300 text-base"></i>
330330
VueJS
331331
</a>
332332
</li>

0 commit comments

Comments
 (0)