theme beginnings
diff --git a/styles/card.module.css b/styles/card.module.css
index 0150dff..d2bd0a3 100644
--- a/styles/card.module.css
+++ b/styles/card.module.css
@@ -6,7 +6,7 @@
height: auto;
scale: stretch;
border-radius: 0;
- filter: var(--card-overlay-filter);
+ filter: var(--theme-ui-colors-cardFilter);
}
.card {
@@ -18,7 +18,7 @@
position: relative;
overflow: hidden;
margin: 100px;
- filter: var(--card-overlay-filter);
+ filter: var(--theme-ui-colors-cardFilter);
}
@@ -33,9 +33,8 @@
padding-top: 10px;
padding-bottom: 10px;
border-radius: 17px;
- background-color: var(--card-background-color);
+ background-color: var(--theme-ui-colors-cardBackground);
backdrop-filter: blur(7px);
- filter: var(--card-filter);
}
.titleContainer {
@@ -55,7 +54,7 @@
margin-left: 1vw;
line-height: 24px;
max-lines: 2;
- color: var(--card-text-color);
+ color: var(--theme-ui-colors-text);
}
.image {
@@ -67,7 +66,7 @@
width: 100%;
padding-inline: 10px;
text-align: center;
- color: var(--card-text-color);
+ color: var(--theme-ui-colors-text);
}