Skip to content

Commit

Permalink
refactor: change coolGray with blueGray
Browse files Browse the repository at this point in the history
  • Loading branch information
@einazare
einazare committed Mar 19, 2021
1 parent 86bb70b commit 0deff4b
Showing 1 changed file with 40 additions and 40 deletions.
80 changes: 40 additions & 40 deletions components/Sidebar/Sidebar.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ export default function Sidebar() {
<Link href="/">
<a
href="#pablo"
className="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"
className="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"
>
Notus NextJS
</a>
Expand All @@ -46,13 +46,13 @@ export default function Sidebar() {
}
>
{/* Collapse header */}
<div className="md:min-w-full md:hidden block pb-4 mb-4 border-b border-solid border-coolGray-200">
<div className="md:min-w-full md:hidden block pb-4 mb-4 border-b border-solid border-blueGray-200">
<div className="flex flex-wrap">
<div className="w-6/12">
<Link href="/">
<a
href="#pablo"
className="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"
className="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"
>
Notus NextJS
</a>
Expand All @@ -75,15 +75,15 @@ export default function Sidebar() {
<input
type="text"
placeholder="Search"
className="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"
className="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"
/>
</div>
</form>

{/* Divider */}
<hr className="my-4 md:min-w-full" />
{/* Heading */}
<h6 className="md:min-w-full text-coolGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline">
<h6 className="md:min-w-full text-blueGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline">
Admin Layout Pages
</h6>
{/* Navigation */}
Expand All @@ -97,15 +97,15 @@ export default function Sidebar() {
"text-xs uppercase py-3 font-bold block " +
(router.pathname.indexOf("/admin/dashboard") !== -1
? "text-lightBlue-500 hover:text-lightBlue-600"
: "text-coolGray-700 hover:text-coolGray-500")
: "text-blueGray-700 hover:text-blueGray-500")
}
>
<i
className={
"fas fa-tv mr-2 text-sm " +
(router.pathname.indexOf("/admin/dashboard") !== -1
? "opacity-75"
: "text-coolGray-300")
: "text-blueGray-300")
}
></i>{" "}
Dashboard
Expand All @@ -121,15 +121,15 @@ export default function Sidebar() {
"text-xs uppercase py-3 font-bold block " +
(router.pathname.indexOf("/admin/settings") !== -1
? "text-lightBlue-500 hover:text-lightBlue-600"
: "text-coolGray-700 hover:text-coolGray-500")
: "text-blueGray-700 hover:text-blueGray-500")
}
>
<i
className={
"fas fa-tools mr-2 text-sm " +
(router.pathname.indexOf("/admin/settings") !== -1
? "opacity-75"
: "text-coolGray-300")
: "text-blueGray-300")
}
></i>{" "}
Settings
Expand All @@ -145,15 +145,15 @@ export default function Sidebar() {
"text-xs uppercase py-3 font-bold block " +
(router.pathname.indexOf("/admin/tables") !== -1
? "text-lightBlue-500 hover:text-lightBlue-600"
: "text-coolGray-700 hover:text-coolGray-500")
: "text-blueGray-700 hover:text-blueGray-500")
}
>
<i
className={
"fas fa-table mr-2 text-sm " +
(router.pathname.indexOf("/admin/tables") !== -1
? "opacity-75"
: "text-coolGray-300")
: "text-blueGray-300")
}
></i>{" "}
Tables
Expand All @@ -169,15 +169,15 @@ export default function Sidebar() {
"text-xs uppercase py-3 font-bold block " +
(router.pathname.indexOf("/admin/maps") !== -1
? "text-lightBlue-500 hover:text-lightBlue-600"
: "text-coolGray-700 hover:text-coolGray-500")
: "text-blueGray-700 hover:text-blueGray-500")
}
>
<i
className={
"fas fa-map-marked mr-2 text-sm " +
(router.pathname.indexOf("/admin/maps") !== -1
? "opacity-75"
: "text-coolGray-300")
: "text-blueGray-300")
}
></i>{" "}
Maps
Expand All @@ -189,7 +189,7 @@ export default function Sidebar() {
{/* Divider */}
<hr className="my-4 md:min-w-full" />
{/* Heading */}
<h6 className="md:min-w-full text-coolGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline">
<h6 className="md:min-w-full text-blueGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline">
Auth Layout Pages
</h6>
{/* Navigation */}
Expand All @@ -199,9 +199,9 @@ export default function Sidebar() {
<Link href="/auth/login">
<a
href="#pablo"
className="text-coolGray-700 hover:text-coolGray-500 text-xs uppercase py-3 font-bold block"
className="text-blueGray-700 hover:text-blueGray-500 text-xs uppercase py-3 font-bold block"
>
<i className="fas fa-fingerprint text-coolGray-400 mr-2 text-sm"></i>{" "}
<i className="fas fa-fingerprint text-blueGray-400 mr-2 text-sm"></i>{" "}
Login
</a>
</Link>
Expand All @@ -211,9 +211,9 @@ export default function Sidebar() {
<Link href="/auth/register">
<a
href="#pablo"
className="text-coolGray-700 hover:text-coolGray-500 text-xs uppercase py-3 font-bold block"
className="text-blueGray-700 hover:text-blueGray-500 text-xs uppercase py-3 font-bold block"
>
<i className="fas fa-clipboard-list text-coolGray-300 mr-2 text-sm"></i>{" "}
<i className="fas fa-clipboard-list text-blueGray-300 mr-2 text-sm"></i>{" "}
Register
</a>
</Link>
Expand All @@ -223,7 +223,7 @@ export default function Sidebar() {
{/* Divider */}
<hr className="my-4 md:min-w-full" />
{/* Heading */}
<h6 className="md:min-w-full text-coolGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline">
<h6 className="md:min-w-full text-blueGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline">
No Layout Pages
</h6>
{/* Navigation */}
Expand All @@ -233,9 +233,9 @@ export default function Sidebar() {
<Link href="/landing">
<a
href="#pablo"
className="text-coolGray-700 hover:text-coolGray-500 text-xs uppercase py-3 font-bold block"
className="text-blueGray-700 hover:text-blueGray-500 text-xs uppercase py-3 font-bold block"
>
<i className="fas fa-newspaper text-coolGray-400 mr-2 text-sm"></i>{" "}
<i className="fas fa-newspaper text-blueGray-400 mr-2 text-sm"></i>{" "}
Landing Page
</a>
</Link>
Expand All @@ -245,9 +245,9 @@ export default function Sidebar() {
<Link href="/profile">
<a
href="#pablo"
className="text-coolGray-700 hover:text-coolGray-500 text-xs uppercase py-3 font-bold block"
className="text-blueGray-700 hover:text-blueGray-500 text-xs uppercase py-3 font-bold block"
>
<i className="fas fa-user-circle text-coolGray-400 mr-2 text-sm"></i>{" "}
<i className="fas fa-user-circle text-blueGray-400 mr-2 text-sm"></i>{" "}
Profile Page
</a>
</Link>
Expand All @@ -257,7 +257,7 @@ export default function Sidebar() {
{/* Divider */}
<hr className="my-4 md:min-w-full" />
{/* Heading */}
<h6 className="md:min-w-full text-coolGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline">
<h6 className="md:min-w-full text-blueGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline">
Documentation
</h6>
{/* Navigation */}
Expand All @@ -266,9 +266,9 @@ export default function Sidebar() {
<a
href="https://www.creative-tim.com/learning-lab/tailwind/nextjs/colors/notus"
target="_blank"
className="text-coolGray-700 hover:text-coolGray-500 text-sm block mb-4 no-underline font-semibold"
className="text-blueGray-700 hover:text-blueGray-500 text-sm block mb-4 no-underline font-semibold"
>
<i className="fas fa-paint-brush mr-2 text-coolGray-300 text-base"></i>
<i className="fas fa-paint-brush mr-2 text-blueGray-300 text-base"></i>
Styles
</a>
</li>
Expand All @@ -277,9 +277,9 @@ export default function Sidebar() {
<a
href="https://www.creative-tim.com/learning-lab/tailwind/nextjs/alerts/notus"
target="_blank"
className="text-coolGray-700 hover:text-coolGray-500 text-sm block mb-4 no-underline font-semibold"
className="text-blueGray-700 hover:text-blueGray-500 text-sm block mb-4 no-underline font-semibold"
>
<i className="fab fa-css3-alt mr-2 text-coolGray-300 text-base"></i>
<i className="fab fa-css3-alt mr-2 text-blueGray-300 text-base"></i>
CSS Components
</a>
</li>
Expand All @@ -288,9 +288,9 @@ export default function Sidebar() {
<a
href="https://www.creative-tim.com/learning-lab/tailwind/angular/overview/notus"
target="_blank"
className="text-coolGray-700 hover:text-coolGray-500 text-sm block mb-4 no-underline font-semibold"
className="text-blueGray-700 hover:text-blueGray-500 text-sm block mb-4 no-underline font-semibold"
>
<i className="fab fa-angular mr-2 text-coolGray-300 text-base"></i>
<i className="fab fa-angular mr-2 text-blueGray-300 text-base"></i>
Angular
</a>
</li>
Expand All @@ -299,9 +299,9 @@ export default function Sidebar() {
<a
href="https://www.creative-tim.com/learning-lab/tailwind/js/overview/notus"
target="_blank"
className="text-coolGray-700 hover:text-coolGray-500 text-sm block mb-4 no-underline font-semibold"
className="text-blueGray-700 hover:text-blueGray-500 text-sm block mb-4 no-underline font-semibold"
>
<i className="fab fa-js-square mr-2 text-coolGray-300 text-base"></i>
<i className="fab fa-js-square mr-2 text-blueGray-300 text-base"></i>
Javascript
</a>
</li>
Expand All @@ -310,9 +310,9 @@ export default function Sidebar() {
<a
href="https://www.creative-tim.com/learning-lab/tailwind/nextjs/overview/notus"
target="_blank"
className="text-coolGray-700 hover:text-coolGray-500 text-sm block mb-4 no-underline font-semibold"
className="text-blueGray-700 hover:text-blueGray-500 text-sm block mb-4 no-underline font-semibold"
>
<i className="fab fa-react mr-2 text-coolGray-300 text-base"></i>
<i className="fab fa-react mr-2 text-blueGray-300 text-base"></i>
NextJS
</a>
</li>
Expand All @@ -321,9 +321,9 @@ export default function Sidebar() {
<a
href="https://www.creative-tim.com/learning-lab/tailwind/react/overview/notus"
target="_blank"
className="text-coolGray-700 hover:text-coolGray-500 text-sm block mb-4 no-underline font-semibold"
className="text-blueGray-700 hover:text-blueGray-500 text-sm block mb-4 no-underline font-semibold"
>
<i className="fab fa-react mr-2 text-coolGray-300 text-base"></i>
<i className="fab fa-react mr-2 text-blueGray-300 text-base"></i>
React
</a>
</li>
Expand All @@ -332,9 +332,9 @@ export default function Sidebar() {
<a
href="https://www.creative-tim.com/learning-lab/tailwind/svelte/overview/notus"
target="_blank"
className="text-coolGray-700 hover:text-coolGray-500 text-sm block mb-4 no-underline font-semibold"
className="text-blueGray-700 hover:text-blueGray-500 text-sm block mb-4 no-underline font-semibold"
>
<i className="fas fa-link mr-2 text-coolGray-300 text-base"></i>
<i className="fas fa-link mr-2 text-blueGray-300 text-base"></i>
Svelte
</a>
</li>
Expand All @@ -343,9 +343,9 @@ export default function Sidebar() {
<a
href="https://www.creative-tim.com/learning-lab/tailwind/vue/overview/notus"
target="_blank"
className="text-coolGray-700 hover:text-coolGray-500 text-sm block mb-4 no-underline font-semibold"
className="text-blueGray-700 hover:text-blueGray-500 text-sm block mb-4 no-underline font-semibold"
>
<i className="fab fa-vuejs mr-2 text-coolGray-300 text-base"></i>
<i className="fab fa-vuejs mr-2 text-blueGray-300 text-base"></i>
VueJS
</a>
</li>
Expand Down

0 comments on commit 0deff4b

Please sign in to comment.