diff --git a/src/css/app.scss b/src/css/app.scss
index c174258b..8d622328 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -25,6 +25,9 @@ html {
   --surface-1: white;
   --surface-2: var(--gray-1);
   --surface-3: var(--gray-2);
+  --text-mute: var(--stone-4-hsl);
+  --main-fg: 0 0% 100%;
+  --main-bg: var(--blue-6-hsl);
 
   --gender-male: var(--blue-5-hsl);
   --gender-female: var(--pink-7-hsl);
@@ -43,6 +46,19 @@ html {
   --surface-1: var(--gray-11);
   --surface-2: var(--gray-10);
   --surface-3: var(--gray-9);
+  --text-mute: var(--stone-8-hsl);
+}
+
+::-webkit-scrollbar {
+  width: 0.5rem;
+  height: 0.5rem;
+}
+
+::-webkit-scrollbar-thumb {
+  border: 0.15rem solid rgba(0, 0, 0, 0);
+  background-color: hsla(0, 0%, 50%, 0.75);
+  background-clip: padding-box;
+  border-radius: 0.5rem;
 }
 
 .bordered {