update vision styles

toobeeh · Sep 27, 2024 · a4bc0b9 · a4bc0b9
1 parent e9abe4b
commit a4bc0b9
Showing 1 changed file with 13 additions and 9 deletions.
diff --git a/features/style.css b/features/style.css
@@ -922,7 +922,6 @@ bounceload {
 }
 
 .visionFrame {
-    border: 2px solid black;
     position: fixed;
     width: 50vw;
     height: 50vh;
@@ -931,13 +930,13 @@ bounceload {
     left: 25vw;
     grid-template-columns: 4px auto 4px;
     grid-template-rows: 4em auto 4px;
-    border-radius: 8px;
     z-index: 2000;
     pointer-events: none;
     cursor: grab;
-    box-shadow: rgb(0 0 0) 0px 0px 0px 2px inset, rgb(255 255 255 / 50%) 0px 0px 3px -1px;
+    filter: drop-shadow(3px 3px 0 rgba(0, 0, 0, .25));
     min-height: 10em;
     min-width: 10em;
+    border: none;
 }
 
 .visionContent {
@@ -966,19 +965,21 @@ bounceload {
 }
 
 .visionBorder {
-    background: black;
     pointer-events: all;
+    background: var(--COLOR_PANEL_BG);
 }
 
 .visionBorder.rightResize {
     cursor: e-resize;
     grid-column-start: 3;
+    background: var(--COLOR_PANEL_BG);
 }
 
 .visionBorder.bottomResize {
     cursor: s-resize;
     grid-column-start: 2;
     grid-row-start: 3;
+    background: var(--COLOR_PANEL_BG);
 }
 
 .visionBorder.allResize {
@@ -988,22 +989,25 @@ bounceload {
 }
 
 .visionHead {
+    background: var(--COLOR_PANEL_BG) !important;
     position: relative;
     grid-row-start: 1;
     grid-column-start: 1;
     grid-column-end: 4;
-    background: black;
     pointer-events: all;
-    padding: .5em;
+    background: black;
+    padding: 0.5em;
+    border-radius: .5em .5em 0em 0em;
 }
 
 .visionControl {
     position: absolute;
-    top: .5em;
-    right: .5em;
-    color: red;
+    top: 0.5em;
+    right: 0.5em;
     font-size: 1.5em;
     cursor: pointer;
+    color: white;
+    filter: drop-shadow(3px 3px 0 rgba(0, 0, 0, .25));
 }
 
 .visionHead input:is([type=text], [type=range]) {