Change browser color

Author: pomber

site/src/landing/showcase.module.css

@@ -26,11 +26,12 @@
 }
 
 .browser {
-  box-shadow: 0px 0px 16px 0px #ccc5;
+  --browser-color: var(--accent-200);
+  /* box-shadow: 0px 0px 16px 0px #ccc5; */
   opacity: var(--opacity);
   transform: translateZ(-40px);
   box-sizing: border-box;
-  border: calc(var(--h) * 0.5) solid var(--accent-700);
+  border: calc(var(--h) * 0.5) solid var(--browser-color);
   border-radius: calc(var(--w) * 1.3);
   width: calc(var(--w) * 100);
   overflow: hidden;
@@ -40,15 +41,15 @@
 .browser .menuBar {
   height: calc(5 * var(--h));
   border-bottom: calc(var(--h) * 0.5) solid
-    var(--accent-700);
+    var(--browser-color);
   display: flex;
   align-items: center;
 }
 
 .browser .circle {
   height: calc(2.3 * var(--h));
   width: calc(2.3 * var(--h));
-  background: var(--accent-700);
+  background: var(--browser-color);
   border-radius: 50%;
   margin-left: calc(1 * var(--h));
 }
@@ -73,7 +74,7 @@
   opacity: var(--opacity);
   height: 100%;
   transform: translateZ(-40px);
-  border: calc(var(--h) * 0.5) solid var(--accent-100);
+  border: calc(var(--h) * 0.5) solid var(--accent-200);
   border-radius: 30px;
   border-radius: calc(var(--w) * 3.2);
   transform: translateZ(-40px);