diff --git a/assets/styles/components.scss b/assets/styles/components.scss
index 7cc57245..e83f3fb9 100644
--- a/assets/styles/components.scss
+++ b/assets/styles/components.scss
@@ -103,7 +103,7 @@
hr {
margin: 20px 0;
- color: var(--color-grey-2);
+ color: var(--color-divider);
}
}
diff --git a/assets/styles/global.scss b/assets/styles/global.scss
index ea25a01f..6a61a848 100644
--- a/assets/styles/global.scss
+++ b/assets/styles/global.scss
@@ -189,16 +189,6 @@ body {
--font-weight-text: var(--font-weight-medium);
--font-weight-heading: var(--font-weight-extrabold);
--font-weight-title: var(--font-weight-extrabold);
-
- // Temporary
- --color-grey-7: #ff0000;
- --color-grey-6: #ff0000;
- --color-grey-5: #ff0000;
- --color-grey-4: #ff0000;
- --color-grey-3: #ff0000;
- --color-grey-2: #ff0000;
- --color-grey-1: #ff0000;
- --color-grey-0: #ff0000;
}
svg {
diff --git a/components/EthicalAd.vue b/components/EthicalAd.vue
index f59cf9e1..30e0f8d3 100644
--- a/components/EthicalAd.vue
+++ b/components/EthicalAd.vue
@@ -74,7 +74,7 @@ export default {
.alt {
font-size: 14px;
border-radius: var(--size-rounded-sm);
- background-color: var(--color-grey-1);
+ background-color: var(--color-raised-bg);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
padding: 0.7em 1em;
margin: 1em 1em 2em 1em;
diff --git a/layouts/default.vue b/layouts/default.vue
index 3d8eaa6a..3a5a9cee 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -147,20 +147,12 @@