Merge pull request #4806 from jeradrutnam/master

Improve inline code style of light mode
wso2 · Oct 10, 2024 · e81943d · e81943d
2 parents 78426ef + af0169e
commit e81943d
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 7 deletions.
diff --git a/en/theme/material/assets/css/partials/_button.css b/en/theme/material/assets/css/partials/_button.css
@@ -35,10 +35,16 @@
 }
 
 .md-button.md-button--primary {
-  background-color: var(--md-primary-fg-color);
+  background: linear-gradient(77.74deg, var(--md-primary-fg-shade-color) 11.16%, var(--md-primary-fg-color) 99.55%) !important;
   color: var(--colors-white);
 }
 
+.md-button.md-button--primary.md-button--asgardeo {
+  border-radius: 38px;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
 .md-button.md-button--link {
   background-color: transparent;
   border-color: transparent;

diff --git a/en/theme/material/assets/css/redoc.css b/en/theme/material/assets/css/redoc.css
@@ -142,10 +142,19 @@
     color: var(--md-default-fg-color--light) !important;
 }
 
-[data-md-color-scheme=slate] .api-content code {
-    background-color: #11171a !important;
+.api-content code {
+    color: var(--md-code-bg-color) !important;
+    background-color: var(--md-code-fg-color) !important;
+    border-radius: .25rem !important;
+    padding: .1rem .3rem !important;
+    border: none !important;
 } 
 
+[data-md-color-scheme=slate] .api-content code {
+    color: var(--md-code-fg-color) !important;
+    background-color: var(--md-code-bg-color) !important;
+}
+
 /* Media query breakpoints
 
     $base_px: 16px;

diff --git a/en/theme/material/assets/css/theme.css b/en/theme/material/assets/css/theme.css
@@ -30,6 +30,7 @@
     /* START OF - Default Material Theme Overrides  */
     --md-text-font: "Gilmer", sans-serif;
     --md-primary-fg-color: #ff7300;
+    --md-primary-fg-shade-color: #eb4f63;
     --md-accent-fg-color: #e46700;
     --md-redoc-example-bg-color: #2b3339;
     /* END OF - Default Material Theme Overrides  */
@@ -129,7 +130,7 @@
 
 .highlighttable th.filename,
 .md-typeset .tabbed-labels > label {
-    color: #fff;
+    color: var(--colors-white);
 }
 
 .md-typeset .highlighttable > tbody > tr + tr > .code > div > pre > code {
@@ -142,12 +143,21 @@
 }
 
 .md-typeset code {
+    color: var(--md-code-fg-color);
+    background-color: var(--md-code-bg-color);
     border-radius: .25rem;
     padding: .1rem .3rem;
 }
 
-.md-typeset pre code {
-    border-radius: .3rem;
+[data-md-color-scheme=default] .md-typeset code {
+    background-color: var(--md-code-fg-color);
+    color: var(--md-code-bg-color);
+}
+
+.md-typeset pre > code {
+    border-radius: var(--md-code-block-radius);
+    color: var(--md-code-fg-color) !important;
+    background-color: var(--md-code-bg-color) !important;
 }
 
 .highlighttable .linenodiv pre {
@@ -332,7 +342,6 @@
 }
 
 .md-sidebar--primary {
-    background-color: var(--md-footer-bg-color);
     border-right: 1px solid var(--md-divider-color);
 }