diff --git a/src/components/shared/Card.module.css b/src/components/shared/Card.module.css index e4a3b4cf..985bd3cb 100644 --- a/src/components/shared/Card.module.css +++ b/src/components/shared/Card.module.css @@ -20,7 +20,7 @@ display: flex; padding: 24px; box-shadow: var(--ifm-global-shadow-lw); - border-radius: 8px; + border-radius: var(--ifm-global-radius); background: var(--background-color); transition: all var(--ifm-transition-slow); } diff --git a/src/components/shared/Version.module.css b/src/components/shared/Version.module.css index 579563d6..c2c760d6 100644 --- a/src/components/shared/Version.module.css +++ b/src/components/shared/Version.module.css @@ -1,6 +1,6 @@ .version { background: rgba(0, 164, 186, 0.15); - border-radius: 4px; + border-radius: var(--ifm-global-radius); padding: 3px 8px; gap: 4px; font-weight: 500; diff --git a/src/css/code-block.scss b/src/css/code-block.scss index d9575179..02c3938d 100644 --- a/src/css/code-block.scss +++ b/src/css/code-block.scss @@ -6,6 +6,6 @@ } & code { border: 1px solid transparent; - border-radius: var(--ifm-code-border-radius); + border-radius: var(--ifm-global-radius); } } diff --git a/src/css/footer.scss b/src/css/footer.scss index 7484ce3d..dee50e48 100644 --- a/src/css/footer.scss +++ b/src/css/footer.scss @@ -5,7 +5,7 @@ gap: 24px; background: var(--bt-sidebar-background-color); border: 1px solid var(--bt-default-border-color); - border-radius: 8px; + border-radius: var(--ifm-global-radius); & div { margin: 0 !important; diff --git a/src/css/ifm-variables.scss b/src/css/ifm-variables.scss index e745d221..e54c75f6 100644 --- a/src/css/ifm-variables.scss +++ b/src/css/ifm-variables.scss @@ -11,7 +11,7 @@ --ifm-color-primary-lightest: #00d5f2; --ifm-code-font-size: 95%; --ifm-navbar-height: 72px; - --ifm-global-radius: 8px; + --ifm-global-radius: 4px; --ifm-menu-link-sublist-icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.46967 14.5303C7.17678 14.2374 7.17678 13.7626 7.46967 13.4697L11.4697 9.46967C11.7626 9.17678 12.2374 9.17678 12.5303 9.46967L16.5303 13.4697C16.8232 13.7626 16.8232 14.2374 16.5303 14.5303C16.2374 14.8232 15.7626 14.8232 15.4697 14.5303L12 11.0607L8.53033 14.5303C8.23744 14.8232 7.76256 14.8232 7.46967 14.5303Z' fill='%238C90A4' /%3E%3C/svg%3E"); --docusaurus-highlighted-code-line-bg: rgba(83, 131, 255, 0.15); @@ -21,7 +21,6 @@ 0px 4px 6px -1px rgba(7, 10, 27, 0.05), inset 0px 0px 0px 1px #d1d7ff; --ifm-code-padding-vertical: 2px; --ifm-code-padding-horizontal: 4px; - --ifm-code-border-radius: 8px; --ifm-navbar-shadow: none; --ifm-navbar-link-color: #8c90a4; diff --git a/src/css/tabs.scss b/src/css/tabs.scss index 54382591..1fca3b6e 100644 --- a/src/css/tabs.scss +++ b/src/css/tabs.scss @@ -1,13 +1,12 @@ /* tabs */ div:has(> .bt-tabs) { - --ifm-code-border-radius: 8px; - border-radius: 8px; + border-radius: var(--ifm-global-radius); background-color: var(--bt-sidebar-background-color); } .bt-tabs { - border-radius: 8px 8px 0 0; + border-radius: var(--ifm-global-radius) var(--ifm-global-radius) 0 0; border-top: 1px solid var(--bt-tabs-border-color); border-left: 1px solid var(--bt-tabs-border-color); border-right: 1px solid var(--bt-tabs-border-color); @@ -21,7 +20,7 @@ div:has(> .bt-tabs) { } & + div .theme-code-block { - border-radius: 0 0 8px 8px !important; + border-radius: 0 0 var(--ifm-global-radius) var(--ifm-global-radius) !important; } & > .tabs__item[aria-selected="true"] {