From fb550033662f0834ddc114017c8d3045555e490a Mon Sep 17 00:00:00 2001
From: Marek Vesely <xvesely4@fi.muni.cz>
Date: Tue, 21 May 2024 15:21:06 +0200
Subject: [PATCH] refactor: remove unused css variables, use blueprint colors
---
frontend/src/components/ErrorMessage/index.tsx | 9 +++++----
frontend/src/global.css | 16 ----------------
2 files changed, 5 insertions(+), 20 deletions(-)
diff --git a/frontend/src/components/ErrorMessage/index.tsx b/frontend/src/components/ErrorMessage/index.tsx
index 0989b171a..9db960245 100644
--- a/frontend/src/components/ErrorMessage/index.tsx
+++ b/frontend/src/components/ErrorMessage/index.tsx
@@ -1,11 +1,12 @@
+import { Colors } from '@blueprintjs/core'
import { css } from '@emotion/css'
import type { FC, PropsWithChildren } from 'react'
const div = css`
- background: #c20b0b;
- color: var(--white-1);
- border-radius: var(--md);
- padding: var(--md) var(--lg);
+ background: ${Colors.RED1};
+ color: ${Colors.WHITE};
+ border-radius: 0.5rem;
+ padding: 0.5rem 1rem;
`
const ErrorMessage: FC<PropsWithChildren> = ({ children }) => (
diff --git a/frontend/src/global.css b/frontend/src/global.css
index 7f4526b16..e158e8e19 100644
--- a/frontend/src/global.css
+++ b/frontend/src/global.css
@@ -5,27 +5,12 @@ html, body, #root {
html {
overflow-x: hidden;
-
- /* overflow-y: hidden; */
}
body.bp5-dark {
background-color: #2f343c;
}
-body {
- --green-1: #12ae12;
- --white-1: #fffefe;
- --grey-1: #aeaeae;
- --grey-2: #9e9e93;
- --blue-1: #43d4ee;
- --sm: 0.25rem;
- --md: 0.5rem;
- --lg: 1rem;
- --xl: 2rem;
- --xxl: 4rem;
-}
-
* {
box-sizing: border-box;
}
@@ -64,7 +49,6 @@ h6 {
::-webkit-scrollbar-track {
border-radius: 8px;
background-color: transparent;
- /* border: 1px solid rgba(255, 255, 255, 0.2); */
border-left: 2px none;
border-right: 2px none;
border-top: 2px none;
--
GitLab