feat(web): adjust colors

1 files changed, 15 insertions, 21 deletions

diff --git a/web/src/components/toolbar/index.css b/web/src/components/toolbar/index.css
index 3f78671..b580fbf 100644
--- a/web/src/components/toolbar/index.css
+++ b/web/src/components/toolbar/index.css
@@ -1,41 +1,35 @@
 ntv-toolbar {
   display: flex;
-  border-radius: 4px;
-  background: var(--color-neutral-800);
+  border-radius: 99999px;
+  background: var(--color-neutral-900);
   width: min-content;
 }
 
 ntv-toolbar > section {
   display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem;
+  gap: 0.25rem;
+  padding: 0.325rem;
 }
 
-ntv-toolbar button[data-variant="menu"] {
-  border-radius: 4px;
-  background: var(--color-neutral-700);
-  padding: 0 0.625rem;
-  height: 1.5rem;
+ntv-toolbar button {
+  border-radius: 99999px;
+  background: var(--color-neutral-800);
+  padding: 0 0.5rem;
+  height: 1.25rem;
   color: white;
   font-size: 0.75rem;
 }
 
+ntv-toolbar button:hover {
+  background: var(--color-neutral-700);
+}
+
 ntv-toolbar button[data-variant="icon"] {
   display: flex;
   justify-content: center;
   align-items: center;
-  border-radius: 4px;
-  background: var(--color-neutral-700);
-  padding: 0.125rem 0.625rem;
   aspect-ratio: 1;
-  height: 1.5rem;
-  color: white;
-  font-weight: 600;
-  font-size: 0.75rem;
-}
-
-ntv-toolbar button:hover {
-  background: var(--color-neutral-600);
+  height: 1.25rem;
 }
 
 ntv-toolbar input {
@@ -43,7 +37,7 @@ ntv-toolbar input {
   border-radius: 4px;
   background: var(--color-neutral-900);
   width: 2.5rem;
-  height: 1.5rem;
+  height: 1.25rem;
   color: white;
   font-size: 0.75rem;
   text-align: center;