change border color and style of example block; dim border color of quote block

diff --git a/src/css/doc.css b/src/css/doc.css
index fe59e86..2e74cd1 100644 (file)
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -447,7 +447,8 @@
 
 .doc .exampleblock > .content {
   background: var(--example-background);
-  border: 1.5px solid var(--example-border-color);
+  border: 0.25rem solid var(--example-border-color);
+  border-radius: 0.5rem;
   padding: 0.75rem;
 }
 

diff --git a/src/css/vars.css b/src/css/vars.css
index 83f237b..22feb6b 100644 (file)
--- a/src/css/vars.css
+++ b/src/css/vars.css
@@ -75,14 +75,14 @@
   --code-background: var(--panel-background);
   --code-font-color: var(--body-font-color);
   --example-background: var(--color-white);
-  --example-border-color: #638282; /* #2f5958 */
+  --example-border-color: var(--color-gray-70);
   --kbd-background: var(--panel-background);
   --kbd-border-color: var(--color-gray-10);
   --pre-background: var(--panel-background);
   --pre-border-color: var(--panel-border-color);
   --pre-annotation-font-color: var(--color-gray-30);
   --quote-background: var(--panel-background);
-  --quote-border-color: var(--color-jet-20);
+  --quote-border-color: var(--color-gray-70);
   --quote-font-color: var(--color-gray-70);
   --quote-attribution-font-color: var(--color-gray-30);
   --sidebar-background: var(--color-smoke-90);