Changed hex colors with standarised colors

[partik03]

Description

I have replaced all the the hex code colors with some uniform colors codes declared in the variables.scss file in the assets folder.

This change tries to create the code more uniform and aims to solve an issue

Fixes

Fixes part of #74 by @king-11

Types of changes

• Bug/Hot fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Refactoring Old Code ( non-breaking change replacing already existing code )
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• I have read the CONTRIBUTING guidelines in repository.
• My pull request has a descriptive title and is attached to an existing issue.
• I haven't repeated the code and it follows established code style of repository.
• My branch is up-to-date with upstream branch.
• All new and existing tests passed.

[netlify]

✅ Deploy Preview for cops ready!

Name	Link
🔨 Latest commit	fbed346
🔍 Latest deploy log	https://app.netlify.com/sites/cops/deploys/633a9ca5194a2b00080070fa
😎 Deploy Preview	https://deploy-preview-109--cops.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[IamEzio]

Overall the idea is fine. However there are some unnecessary changes made in navbar.vue and sdgCard.vue which affect site's current state.

[IamEzio]

LGTM