From 318119b5d52173c06022fcae738c59417878bf4c Mon Sep 17 00:00:00 2001 From: Jerad Rutnam Date: Wed, 9 Oct 2024 20:08:29 +0530 Subject: [PATCH 1/2] Change inline code style of light mode --- .../material/assets/css/partials/_button.css | 8 +++++++- en/theme/material/assets/css/theme.css | 17 +++++++++++++---- 2 files changed, 20 insertions(+), 5 deletions(-) diff --git a/en/theme/material/assets/css/partials/_button.css b/en/theme/material/assets/css/partials/_button.css index a3ba9926d6..a0f7d8d365 100644 --- 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/theme.css b/en/theme/material/assets/css/theme.css index 9ed97964e8..be915a7749 100644 --- 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); } From af0169e59c0b93db42e8cafec94c7d2432f697d2 Mon Sep 17 00:00:00 2001 From: Jerad Rutnam Date: Wed, 9 Oct 2024 20:22:14 +0530 Subject: [PATCH 2/2] Apply inline code style change to redoc --- en/theme/material/assets/css/redoc.css | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/en/theme/material/assets/css/redoc.css b/en/theme/material/assets/css/redoc.css index 0988d4c40d..5cc20e2e5f 100644 --- 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;