From 78dce7a88b4996b9ad7645c3954450406d8d67ac Mon Sep 17 00:00:00 2001
From: Victor Zanivan Monteiro <victorzanivan@gmail.com>
Date: Tue, 9 Jan 2024 00:56:12 -0300
Subject: [PATCH] [docs][base-ui] Visual tweaks to the plain CSS theme
 stylesheet (#40487)

---
 .../static/components-gallery/base-theme.css  | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/docs/public/static/components-gallery/base-theme.css b/docs/public/static/components-gallery/base-theme.css
index 05f4a167658068..21149c1529b669 100644
--- a/docs/public/static/components-gallery/base-theme.css
+++ b/docs/public/static/components-gallery/base-theme.css
@@ -112,9 +112,9 @@
     0px 1px 2px -1px hsla(var(--grey-700), 0.1);
   --shadow-elevation-4: 0px 8px 32px -4px hsla(0, 0, 0, 0.25), 0px 1px 2px -1px hsla(0, 0, 0, 0.15);
 
-  --shadow-interactive-button: 0 -2px 0 0 hsla(var(--primary-800), 0.8) inset,
-    0 1.5px 0 0 hsla(var(--primary-400), 0.8) inset, 0 1px 0.5px 0 hsla(var(--primary-900), 0.3);
-  --shadow-outlined-button: 0 -2px 0 0 hsla(var(--grey-100), 0.5) inset,
+  --shadow-interactive-button: 0 -2px 0.5px 0 hsla(var(--primary-700), 0.4) inset,
+    0 2px 0.5px 0 hsla(var(--primary-400), 0.6) inset, 0 1px 0.5px 0 hsla(var(--primary-900), 0.3);
+  --shadow-outlined-button: 0 -2px 0.5px 0 hsla(var(--grey-100), 0.5) inset,
     0 1px 0.5px 0 hsla(var(--grey-500), 0.2);
   --shadow-input: 0px 1px 2px hsla(var(--primary-300), 0.2);
   --shadow-interactive-switch-track: 0px 1px 1px 0px hsla(0, 0, 0, 0.05) inset;
@@ -122,9 +122,9 @@
   --shadow-interactive-focus-visible: 0 0 0 4px hsla(var(--primary-300), 0.5);
 
   --border-radius-sm: 4px;
-  --border-radius-md: 8px;
-  --border-radius-lg: 12px;
-  --border-radius-xl: 24px;
+  --border-radius-md: 6px;
+  --border-radius-lg: 8px;
+  --border-radius-xl: 12px;
   --border-radius-full: 999px;
 }
 
@@ -174,9 +174,9 @@
     --shadow-elevation-4: 0px 2px 24px 0px hsla(0, 0, 0, 0.32),
       0px 16px 32px 0px hsla(0, 0, 0, 0.32);
 
-    --shadow-interactive-button: 0 -2px 0 0 hsla(var(--primary-800), 0.4) inset,
-      0 1.5px 0 0 hsla(var(--primary-400), 0.8) inset, 0 1px 0.5px 0 hsla(var(--primary-900), 0.3);
-    --shadow-outlined-button: 0 -2px 0 0 hsla(var(--grey-800), 0.4) inset,
+    --shadow-interactive-button: 0 -2px 0.5px 0 hsla(var(--primary-700), 0.4) inset,
+      0 2px 0.5px 0 hsla(var(--primary-400), 0.6) inset, 0 1px 0.5px 0 hsla(var(--primary-900), 0.3);
+    --shadow-outlined-button: 0 -2px 0.5px 0 hsla(0, 0%, 0%, 0.4) inset,
       0 1px 0.5px 0 hsla(0, 0%, 0%, 0.9);
     --shadow-input: 0px 1.5px 0.5px 0px hsla(0, 0%, 0%, 0.9);
     --shadow-interactive-switch-track: 0px 1px 1px 0px hsla(0, 0, 0, 0.35) inset;
@@ -250,6 +250,7 @@
 
 .GalleryButton:hover {
   background-color: var(--bg-button-hover);
+  box-shadow: none;
 }
 
 .GalleryButton:active {