[docs][base-ui] Visual tweaks to the plain CSS theme stylesheet (#40487)

mui · Jan 9, 2024 · 78dce7a · 78dce7a
1 parent 18b1df1
commit 78dce7a
Showing 1 changed file with 10 additions and 9 deletions.
diff --git a/docs/public/static/components-gallery/base-theme.css b/docs/public/static/components-gallery/base-theme.css
@@ -112,19 +112,19 @@
     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;
   --shadow-interactive-switch-thumb: 0px 1px 2px 0px hsla(0, 0, 0, 0.3);
   --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 {