From 143f8b3943783c5bfa8e1a2b795e8d52f6949356 Mon Sep 17 00:00:00 2001
From: Charles Zhao <charleszhao@silverhand.io>
Date: Wed, 6 Sep 2023 23:44:25 +0800
Subject: [PATCH] =?UTF-8?q?style(console):=20update=20section=20subtitle?=
 =?UTF-8?q?=20and=20inline=20code=20styles=20in=20app=E2=80=A6=20(#4442)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

style(console): update section subtitle and inline code styles in app guide
---
 .../components/Guide/index.module.scss        | 67 ++++++++++++-------
 1 file changed, 41 insertions(+), 26 deletions(-)

diff --git a/packages/console/src/pages/Applications/components/Guide/index.module.scss b/packages/console/src/pages/Applications/components/Guide/index.module.scss
index d4545d414..47532418f 100644
--- a/packages/console/src/pages/Applications/components/Guide/index.module.scss
+++ b/packages/console/src/pages/Applications/components/Guide/index.module.scss
@@ -6,38 +6,53 @@
   width: 100%;
   position: relative;
 
-  section p {
-    font: var(--font-body-2);
-    margin: _.unit(4) 0;
-  }
-
-  section ul > li,
-  section ol > li {
-    font: var(--font-body-2);
-    margin-block: _.unit(2);
-    padding-inline-start: _.unit(1);
-  }
-
-  section table {
-    border-spacing: 0;
-    border: 1px solid var(--color-border);
-    font: var(--font-body-2);
-
-    tr {
-      width: 100%;
+  section {
+    h3 {
+      font: var(--font-title-2);
+      color: var(--color-text-secondary);
+      margin: _.unit(6) 0 _.unit(3);
     }
 
-    td,
-    th {
-      padding: _.unit(2) _.unit(4);
+    p {
+      font: var(--font-body-2);
+      margin: _.unit(4) 0;
     }
 
-    thead {
-      font: var(--font-title-3);
+    ul > li,
+    ol > li {
+      font: var(--font-body-2);
+      margin-block: _.unit(2);
+      padding-inline-start: _.unit(1);
     }
 
-    tbody td {
-      border-top: 1px solid var(--color-border);
+    table {
+      border-spacing: 0;
+      border: 1px solid var(--color-border);
+      font: var(--font-body-2);
+
+      tr {
+        width: 100%;
+      }
+
+      td,
+      th {
+        padding: _.unit(2) _.unit(4);
+      }
+
+      thead {
+        font: var(--font-title-3);
+      }
+
+      tbody td {
+        border-top: 1px solid var(--color-border);
+      }
+    }
+
+    code {
+      background: var(--color-layer-2);
+      font: var(--font-body-2);
+      padding: _.unit(1) _.unit(1);
+      border-radius: 4px;
     }
   }
 }