diff --git a/frontend/public/global.css b/frontend/public/global.css index 8bb90ce..9965eec 100644 --- a/frontend/public/global.css +++ b/frontend/public/global.css @@ -24,7 +24,7 @@ --background-color-0: hsl(180, 11%, 5%); --background-color-1: hsl(180, 11%, 7%); --background-color-2: hsl(180, 11%, 10%); - --background-color-3: hsl(180, 11%, 13%); + --background-color-3: hsl(180, 11%, 12%); --foreground-color-1: rgb(253, 254, 255); --foreground-color-2: rgb(218, 219, 220); --foreground-color-3: rgb(153, 154, 155); @@ -39,7 +39,6 @@ --purple-2: hsl(280, 78%, 45%); --blue-2: hsl(200, 78%, 45%); - --blue-alpha-2: hsl(200, 78%, 45%, 10%); --green-2: hsl(140, 78%, 40%); --yellow-2: hsl(50, 78%, 60%); --red-2: hsl(2, 78%, 60%); diff --git a/frontend/src/components/Message.svelte b/frontend/src/components/Message.svelte index 959e502..c330754 100644 --- a/frontend/src/components/Message.svelte +++ b/frontend/src/components/Message.svelte @@ -28,7 +28,7 @@ } .message.pinged { - background-color: var(--blue-alpha-2); + background-color: var(--background-color-2); } .message .edit-message { @@ -36,7 +36,7 @@ } .message:hover { - background-color: var(--background-color-2); + background-color: var(--background-color-3); } .message:hover .edit-message {